|
With all of this in mind, we’ve gathered five tips to help you please the Google gods with your site speed.1. Implement lazy loadingHigh-resolution images can significantly slow down the loading time for your website, as well as increasing memory and page weight. You could cut them from your site entirely, but you might need or really want to keep them in. Lazy loading is a way of speeding up page load time without having to get rid of any of your resource-heavy content.lazy loading example from MediumImage SourceWith lazy loading, only part of the web page is loaded at a time—the section that the viewer is looking at that second, so you’ll put off loading the next part until the visitor scrolls down to it.
This reduces the amount of time it takes to reach metrics like First Egypt Phone Number List Meaningful Paint and First Content Paint, which are two of the metrics that Lighthouse uses to measure site speed and performance.Lazy loading is a must if you’ve implemented “infinite scrolling,” which is popular with content-heavy sites, but it can help on all types of websites. In fact, the Duda web design platform has found that following the implementation of lazy loading on Duda-powered sites, those properties saw an average of 10 points in Lighthouse score lift—nothing to shake a stick at2.

Make the most of next-gen image formatsOne of the biggest culprits for slow First Contentful Paint times are your images. The trouble is that when it comes to marketing and sales, a picture really is worth a thousand words, so you’d be right to resist getting rid of those designs that favor large hero images. Along with lazy loading, next-gen image formats provide the solution.Next-gen formats include JPEG 2000, JPEG XR, and WebP. These formats compress and convert images to make them far smaller than traditional PNGs and JPGs, but they don’t have a negative effect on the quality of the image. When you use next-gen formats.
|
|