Improving Page Load Performance
Web performance refers to the speed in which web pages are downloaded and displayed on the user’s web browser.
Page speed is important to users because, well, faster pages are more efficient and provide a much better on-page user experience. Per a recent Kissmetrics infographic, if a page takes longer than 3 seconds to load, over a quarter of users will click away.
https://neilpatel.com/wp-content/uploads/2011/04/loading-time-sml.jpg
Best Practices
- Compressing Files: The GZIP Compressor is a tool that will allow us to reduce the file sizes of HTML, CSS, and JS Files. This will help the browser to load less content and will also consume lesser bandwidth.
- Optimized Images: Reducing the size of the image loads the pages faster. JPG image format uses lossy compression and for this reason, JPGs typically have a lower file size and are faster to load than PNGs
- Reducing the Number of Requests on Page Load: The number of HTTP requests made on a page load will have a huge impact on the performance of the Page Load. You can see the number of Requests made on a page by opening the developer tools on Chrome by hitting F12.
How to reduce the number of requests per page?
- Check for Duplicate Requests.
- Instead of calling multiple HTTP Requests on a page load, Club all functions together so they can return just JSON Result for just one HTTP Request.
- Fixing Broken Requests: Inspect the developer tools > network section to see if there are any failed requests. These requests will appear in Red. The broken requests will consumer more time as it is looking for a hit causing other requests to wait in the queue too.
- Improving Server response Time: Your server response time is affected by the amount of traffic you receive, the resources each page uses, the software your server uses, and the hosting solution you use. To improve your server response time, look for performance bottlenecks like slow database queries, slow routing, or a lack of adequate memory and fix them.
“Not only are users expecting to see results quickly,” said Diona Kidd, senior internet marketing consultant at Knowmad, “and become disappointed when they don’t, but page speed also immediately affects their professional opinion of you.” Users perceive a slow or clunky website as a reflection of how your business is run and how much it cares.
Let's together take an additional step to provide more value to our customers and improve their User Experience with our Sites. Happy Coding!!!