The speed of your site affects your page views, rank in search engine, customer satisfaction and ad revenue.Google has been accounting for a site speed in its algorithm since 2010. So a fast website not only gives your visitors much better experience but also help you to drive more traffic with improving your website rank in search engine rank page.
Implementing a content delivery network (CDN):
CDNs is one of the best ways to help your users load your website faster by spreading your static resources in nodes all around the world. Each CDN caches the static content of a site like images, CSS, JS files and other structural component and then delivers them to the user based on their geographic location and without cookies.
For Example: If your site’s region is in India but the majority of the user based on around the world, then CDN will help you out by spreading your content across the server.
When the user accesses your site, the server with the fastest networks hops or quickest response time delivers the content.
Minimize HTTP request:
When a user loads your web page in a browser, then browser itself send the HTTP (Hyper Text Transfer Protocol) request to the web server for the page through the URL. Then as the HTML is delivered, the browser parses it and looks the for the additional request for new element such as images, scripts, CSS etc…Every time it sees a request for the new element, it sends another HTTP request to the server. The too many HTTP requests make internet and your page load slower. So reducing the number of HTTP requests by some following point will help your site load fast.
Check how many HTTP requests your site makes:
By using Google Chrome network panel you’ll get a basic idea about your pages and why it’s taking a long time to load. Mainly, It shows you how many requests your website requires.
Minify and concatenate the files:
Tips: Use only one external stylesheet if possible and avoid inline CSS because it unnecessarily repeats more than once.
You can also minify your code using following tools
For CSS minifying:
For JS minifying:
CSS Image Sprite:
A web page with many images is also the reason of slower loading page. So from the above panel find out which images taking longest to load and then remove the unused images. If you have necessary multiple images then by using CSS sprite put those into a single image and reduces the number of requests.
Enable browser Caching:
Enable browser caching lets you temporarily store some data like media files, images, CSS files on a visitor’s computer, so they don’t have to wait for it to load every time they visit your page. Here you need to edit your HTTP headers to set an expiry time for certain files and also careful while enabling the browser catching because when you set the parameter for too long time on certain files, your visitor will not get the fresh version of it after updated.
For all cacheable resources ( js and CSS files, image files, media files, PDFs,etc.) set expires the minimum of one week and preferably up to one year in the future but not more than that.
Compression is reduced your page’s size like putting your website into the zip file. It reduces the bandwidth of your page and thereby increases its speed. It makes possible with a tool like “Gzip”, which can reduce your load time by 70%.
Most web servers prefer to compress files in Gzip format before sending them for download or by calling third party tool. It totally depends on your web server and it’s settings.
Loading also depends on the size of the image. Oversized images take longer to load. So it’s important to keep your image as small as possible and follow some important tips
- Saving an image in the correct dimension is always better than having the browser resize it. Because if browser resizes it from 1024*1024 to 350*350 then user still download this high image size. So resize your image to the correct size with any image editor.
- JPEG is the best option in image formatting basically for photographic images and png best suited for the simple image with few colors or for images using transparency.
- Make sure the code should right without any unused spaces and empty image src.
<img src=””> (avoid)
<img src=”example.jpg” alt=”example”>
Avoid unnecessary plug-in:
Unnecessary plug-ins make site slower and create some technical and security issues. Don’t avoid plugin directly, just try to identify the plug-in which is
- causes the harm on your website
- If it’s not doing what it’s supposed to do
and then Deactivate and delete those plug-in from your site
Review your hosting plans:
This is one of the simplest ways to improve your page loading by upgrading hosting plans.