Google recently indicated that they will start ranking websites partially based on their website load time, which means page load time could be a major influence on your website search engine rankings. Fast and optimized web pages lead to higher visitor engagement, retention, and conversions. So it’s become essential to optimize your websites and improve page load performance. In this article we have collected some quick tips to speed up your website’s load time.
Reduce HTTP Requests:
CSS Minification is the practice of removing unnecessary characters from code to reduce its size, thus improving load times. When CSS code is minified all comments are usually removed, as well as unneeded “white space” characters like space, new line, and tab. You can easily compress your css using CSS Compressor & Minifier tools.
CSS Sprites :
CSS sprites is a concept to convert multiple images into one big image and this will reduce the number of concurrent http request and your website will load faster. You can read more about CSS Sprites here. Also try CSS Sprites tools to convert multiple images into one big image.
Reduce your Images size:
Image size is also important for fast page loading. The less size images makes page load fast and can improve your website performance. You can optimize the size of your images by using available web tools. Smush.it is a popular tools from Yahoo developer network.
GZip compression is also important for your website performance. It works by finding similar strings within a text file, and replacing those strings temporarily to make the overall file size smaller. This form of compression is particularly well-suited for the web because HTML and CSS files usually contain plenty of repeated strings, such as whitespace, tags, and style definitions.
“Gzip is the most popular and effective compression method currently available and generally reduces the response size by about 70%. Approximately 90% of today’s Internet traffic travels through browsers that claim to support gzip,“ says Yahoo.
The cache, which is local copies of resources, works because many resources change infrequently. When a browser can reuse a local copy, it saves the time to set up a connection as well as the time to download. The key to making the cache work effectively is HTTP caching headers, which are sent by the web server to specify how long a resource is valid and when it last changed.
Using HTML 5:
By using HTML5, you can reduce content size significantly and improve page load time. For example, you can simply use HTML5 document type.
which is much shorter than
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
You can also specify HTML 5 encoding which is a bit easier to use and also more lightweight:
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″>
Hope this article will help you to improve your website performance, Don’t forget to submit your valuable comments!