All Easy Average Hard

Hard Defer non-critical CSS Defer your CSS that is not required for above the fold content so that it loads after the browser renders the page. Read more

Hard Add critical CSS Load CSS for above-the-fold content within < style > tags at the top of your HTML. Read more

Hard Implement page caching Cache the HTML outputted by your site to reduce the load on your server and improve page speed. Using server-side caching via Varnish, Nginx FastCGI, or Redis rather than application-level.

Hard Defer non-critical JS Defer JS that isn't critical for page load so it loads after the browser has rendered the page. Read more

Easy Implement text compression Implement text compressions to reduce the size of text resources by up to 90%. Read more

Easy Resize images Resize your images so that they match the size that they are displayed in the browser. Read more

Easy Apply lossy/lossless image compression Reduce the size of your images by lowering the quality of them or applying lossless compression. Read more

Easy Use a CDN Pick a CDN provider and implement them on your site. Read more

Average Implement page caching on the edge If you have a CDN, ensure you are caching HTML and other assets on the edge to speed up TTFB.

Average Update your site to HTTP/2 Use HTTP/2 to make use of multiplexing and speed up asset delivery. Read more

Hard Remove unused CSS Scan your site for unused CSS and remove it. Read more

Average Self-host 3rd party scripts Self-host slower 3rd party scripts to improving caching and speed up asset delivery. Read more

Average Self-host webfonts Test self-hosting your web fonts alongside a CDN to speed up delivery. Read more

Average Implement font-display 'swap' Use the font display 'swap' attribute to improve page rendering times. Read more

Easy Minify HTML, JS & CSS Remove whitespace from assets to reduce their file size. Read more

Average Use SVG files where possible Use SVG images where possible for lower file sizes and better-looking graphics. Read more

Hard Use WebP images Modern image formats like WebP can significantly reduce image file sizes and speed up page load times. Read more

Easy Lazy load images, iFrames and widgets Use lazy load to delay the loading of images, iFrames or widgets (like Facebook comments) that are below-the-fold. Read more

Easy Pick a fast DNS solution Use a fast DNS provider such as Google DNS or Cloudflare. Read more

Average Prerender potential next pages Use prerender to speed up subsequent page loads on your site. Read more

Easy Use a fast host Use a high-performance hosting provider to make everything faster.

Easy Use far-future browser caching Instruct browsers to cache your site's assets. Read more

Average Use the latest version of PHP The latest version of PHP boasts significant speed improvements, so make sure it is up to date (7.0+). Read more

Average Use Brotli text compression Rather than GZIP, test using Brotli text compression to reduce the file size of text assets further. Read more

Hard Use HTTP/2 server push Push files to users via HTTP headers to start the loading of assets earlier. Read more

Average Reduce DOM size Reduce the number of DOM elements in your HTML for quicker browser parsing and faster layout reflows. Read more

Hard Implement database caching on your site Cache responses from your database to speed up future database calls. Read more

Easy dns-prefetch or preconnect to third-party resources When you have known requests to third-party resources, establish the connection early using preconnect or a dns-prefetch. Read more

Average Load background images responsively based on device Load CSS background images in different sizes based upon the device to reduce image file sizes. Read more

Average Load images in img tags responsively with srcset Use the srcset attribute on img tags to prevent the loading of large imagery on smaller screens. Read more

Easy Implement native lazy loading Use loading=lazy to make the browser lazy load images and iframes without having to use a JavaScript library. Read more

Easy Add width and height attributes to images and videos Improve your cumulative layout shift by adding both the width and height attribute to images and video in the HTML rather than with CSS. Read more

Average Use the content-visibility CSS property Use the content-visibility CSS property to tell the browser to skip rendering of elements below the fold, speeding up initial rendering times. Read more

Easy Use modern CSS Use modern CSS like grid and flexbox to implement popular layouts with minimal amount of code. Read more