The 5 Most Important Things To Speed Up Your Website, speed up website
In today's internet, people tend to leave the slow loading websites. It takes only 5 seconds to lose the 74% of potential customers. Under these circumstances, the concept of web page speed gains huge importance.
What is web speed?
TTFB (Time To First Byte) refers to the amount of time that a client wait to get the first byte of the HTTP response after he/she make the Http request. It is directly related to the server's speed to respond to the client. A good time to first byte can be; 100 ms for static content that already exists on the server, and 200 - 500 ms for dynamic contents which are created after request comes.
Load time is the amount of the time passing from TTFB to the page is totally downloaded. It is broadly calculated by dividing the load of the web page by the client's bandwidth.
In this chart, green bars are the TTFB of page elements and the blue bars are the load times.
Why speed is important?
You googled something, opened two search results in new tabs, while the first one is loading, the second one is already loaded. Would you wait for the first one for 3 extra more seconds? I think not. Those two were trying to get your attention and one has won. In a study done by Akamai, 50% of the customers expect a website to load in 2 seconds. And the website loses these 50% potential customers if it isn’t loaded within 3 seconds.
Here are the top 5 things to speed up your website
1. Minimize Number of Http Requests
2. Use CDN
CDN is one of the most important things to speed up your website because it helps you to keep your contents close to your visitors. While response time is approximately 10 milliseconds to a server which is located in the same/near city with the client, it can also be 400 milliseconds with server and client are located at different continents.
3. Optimize Images
When it comes to the load time rather than TTFB, images hold the belt of delaying the web page to load. An unoptimized image can be twenty times large than it's optimized form. An image can be optimized by:
☻ Converting it to new generation formats.
☻ Resizing it at the server-side instead of resizing it in the Html/CSS code to fit it into the frame on the page.
☻ Efficiently encode images. In some cases, you can sacrifice a little quality to gain some speed. Encoding an image with 90% quality and lossy compression would not make a difference that the human eye can detect but it can halve the size.
☻ Using an efficient cache policy with Cache-Control and expires headers.
4. Review Your Hosting Package
If you’ve taken these previous steps and your website is still loading slowly, you may want to consider a new hosting package. On a typical shared hosting account, you might be sharing server space with dozens of other companies, which can impact the speed of your website since a number of people are using the same server. If shared hosting no longer meets your needs, consider dedicated hosting.
5. Set Browser Caching
Browser caching stores cached versions of static resources, a process that quickens page speed tremendously and reduces server lag. When a user visits a page on your website, the cached version usually displays unless it has changed since it was last cached. This means the browser saves a lot of requests to your server and improves load speed for your site.
You can check image4io for all of these features and much more beyond.