Performance

Image optimization is the practice of making images load faster by reducing the file size as much as possible while maintaining appropriate image quality. On most websites, images are the single largest contributor to page weight, and optimising [...] Read more

PageSpeed Insights (PSI) is Google's free tool for measuring web page performance, and provides actionable insights into improving the performance and UX of your website. Its analysis of a page returns metrics and specific improvement [...] Read more

Compression is the process of reducing the size of files sent from a web server to a browser. Smaller files = faster page loads, lower bandwidth costs, and better Core Web Vitals scores. For text-based assets (HTML, CSS, JavaScript, JSON, SVG), [...] Read more

Minification is the process of reducing the size of JavaScript and CSS files by removing characters that aren't needed for the code to run. The output is functionally identical to the input but smaller — typically 20–50% smaller for JavaScript and [...] Read more

Lazy loading is the practice of deferring the loading of resources — typically images, iframes, and sometimes scripts — until they're actually needed. Instead of loading every image on a page when the page first opens (including those below the [...] Read more