Skip to main content

List of Lighthouse Performance Audits

· 4 min read
Shing Kuo

Lighthouse Performance Audits

Here's a list of Lighthouse Performance Audits that Google Chrome Lighthouse, PageSpeed Insights, and other Lighthouse powered tools recommend to improve performance.

Opportunities

  1. Eliminate render-blocking resources: This audit suggests removing or deferring resources (such as CSS and JavaScript) that block the rendering of a webpage, allowing the page to load and display faster.

  2. Properly size images: This audit recommends optimizing image sizes to ensure they are not larger than necessary, reducing the amount of data that needs to be downloaded and improving page load times.

  3. Defer offscreen images: This audit advises delaying the loading of images that are not immediately visible on the screen, improving the initial load time of the page.

  4. Minify CSS: This audit suggests removing unnecessary characters and spaces from CSS files, reducing their file size and improving network efficiency.

  5. Minify JavaScript: This audit recommends removing unnecessary characters, spaces, and comments from JavaScript files, reducing their file size and improving network efficiency.

  6. Remove unused CSS: This audit identifies and suggests removing CSS rules that are not being used on the page, reducing file size and improving performance.

  7. Efficiently encode images: This audit recommends using efficient image encoding formats, such as WebP or JPEG XR, to reduce image file sizes without significant loss of quality.

  8. Serve images in modern formats: This audit suggests serving images in modern formats, such as WebP, to take advantage of their superior compression and smaller file sizes.

  9. Enable text compression: This audit advises enabling text compression using techniques like Gzip or Brotli to reduce the size of text-based resources sent over the network.

  10. Preconnect to required origins: This audit recommends establishing early connections to required origins (such as third-party domains) to reduce the latency of subsequent requests.

  11. Reduce server response times (TTFB): This audit suggests optimizing server configurations, caching, and backend processes to minimize the time it takes for the server to respond to a request (Time To First Byte).

  12. Avoid multiple page redirects: This audit advises minimizing or eliminating unnecessary redirects, as each redirect adds additional time for the browser to fetch the requested resource.

  13. Preload key requests: This audit recommends preloading important resources that will be needed by the page, reducing the time required for subsequent requests.

  14. Use video formats for animated content: This audit suggests using video formats (such as WebM) instead of animated GIFs for better performance and smaller file sizes.

  15. Reduce the impact of third-party code: This audit advises minimizing the usage and impact of third-party code (such as analytics or advertising scripts) to prevent it from slowing down the page.

  16. Avoid non-composited animations: This audit suggests using animations that can be offloaded to the GPU for hardware acceleration, ensuring smooth and efficient animation rendering.

  17. Lazy load third-party resources with facade: This audit recommends using lazy loading techniques to defer the loading of third-party resources until they are actually needed, improving the initial page load time.

Diagnostics

  1. Avoid enormous network payloads: This audit warns against large file sizes that can lead to slower downloads and negatively impact the page load performance.

  2. Serve static assets with an efficient cache policy: This audit advises configuring cache policies for static assets (such as images, CSS, and JavaScript) to enable browser caching and reduce the need for repeated downloads.

  3. Avoid an excessive DOM size: This audit identifies a large Document Object Model (DOM) size, which can impact performance, and suggests optimizing the structure and reducing unnecessary elements.

  4. Avoid chaining critical requests: This audit advises reducing the dependency between critical requests, such as scripts or stylesheets, to improve parallelism and avoid delays in rendering.

  5. User Timing marks and measures: This audit recommends using the User Timing API to measure and optimize performance-critical parts of the code.

  6. Reduce JavaScript execution time: This audit suggests optimizing JavaScript code to reduce the time it takes to execute and improve overall performance.

  7. Minimize main thread work: This audit advises minimizing the amount of work performed on the main thread, such as heavy JavaScript calculations or rendering operations, to ensure a smooth user experience.

  8. Ensure text remains visible during webfont load: This audit suggests using techniques like font-display to ensure that text remains visible to users even while web fonts are loading.

  9. Keep request counts low and transfer sizes small: This audit recommends minimizing the number of network requests and reducing the size of transferred data to improve performance.

  10. Ensure the page can be restored from the back/forward cache: This audit advises optimizing the page so that it can be efficiently restored from the back/forward cache, reducing the need for full page reloads and improving navigation speed.