Image-heavy sites should implement WebP to reduce server bandwidth usage.
This article states that optimising a website’s page speed could increase conversions rates. While focusing on improving user-centric performance metrics and critical rendering paths, the author recommends removing render-blocking files.
To implement this, webmasters should inline any critical CSS in the <head> of the page, defer any unrequired above-the-fold CSS content and move render-blocking files to the end of the page before closing the <body> tag. For optimising font icons, they should create their own font files and upload them to the site for faster load times.
Site-owners can use Google WebP to reduce the image file sizes on supported browsers or use the SVG format for diagrams, logos and illustrations. They should also avoid animating important content above-the-fold, as users prefer seeing quick content first.
[22 minute read]