5 ways to boost your Page speed that you din’t know
With blazing internet speed today, the amount of time it takes to load a web page is very little when compared to early days of internet. But have you ever observed that even though you have the same high speed, not all the websites load pages at the same speed. Few websites load pages extremely quickly and few take longer to load. In other words, page speed for few websites is more when compared to others.
What exactly is Page Speed?
Page Speed or Site Speed refers to how quickly a website responds to web requests. And ultimately delivering the requests the internet users are making. Its always recommended to have the page speed as high as possible.
Studies from Google have proved that a faster website creates happy users and increases the overall experience of the internet. And conversely, people get frustrated and spend less time when the pages take time to load.
Now that you know that everyone loves fast websites, the question remains is your website fast enough or is there any scope of improvement? But how do you determine that?
Tools to determine Page Speed
There are free tools in the market that any webmaster or website owner can user to evaluate the speed of his website. Most popular among them are Google Page Speed and Yslow from Yahoo. These tools evaluate your site against the widely accepted rules of website performance and give you optimization tips.
Optimization tips to achieve faster page speed
1. Minimizing the number of http requests
So to minimize the http requests, you must take care that you should only have relevant CSS files and optimized images up there. You should completely avoid fancy word press plugins because that adds extra CSS codes that takes a lot of time to load.
2. Optimize the images
Images are an important part of websites today and every web page today has more or less images today to make the experience rich. But one needs to always keep in mind the quality and size of image that is being used up there.
You must always resize and compress images to fit your word press design and not leave it to browser or word press to resize at runtime as it take that extra bit of time to resize and load the page. So, always make sure you optimize the images for better page speed.
3. Using a Content Delivery Network (CDN)
Using a CDN dramatically increased the page speed and lightens the load on the server ultimately increasing the search rankings for your website.
This is the top most optimization technique that if adopted without any delay shall fetch you amazing results.
4. Placing Style sheets at the top and scripts at the bottom
As style sheets provide the necessary code for how the content of the page looks, its common sense to load the content after the style sheets are available. In order words, place the style sheets at the top of the page so that any unstyled content is not shown to the user.
Scripts provide extra-functionality to the website and it is wise to load the functionality related content after the actual content is loaded. So, place the script files at the end of the webpage.
5. Use CSS Sprites
For those who are new to CSS sprites, you can view this fantastic post by Chris Coyier on CSS sprites. In simple words, a CSS sprite is a single optimized image consisting of many smaller images.
By using CSS sprites, you reduce the number of http requests to the server by getting all the images required in a single request which other wise would have taken many. So, use CSS sprites where ever necessary to reduce http requests and consequently increase the speed of the web page.
If you implement the above mentioned 5 steps carefully, you must be rest assured of a faster website. Do let us know if you have any ideas for speeding up the website in the comments section.