Perf Quick Audit

jbkilogmplefgmoobnemogeclbdhnnjj

Web Page performance audit overlay: preload/lazyload/font hints + INP monitor. Perf Quick Audit is a lightweight Chrome extension that runs a fast, practical performance audit on any page you open. Click the extension, and it shows an on-page overlay with clear โœ… / โŒ checks so you can spot common speed issues in seconds. Itโ€™s built for SEOs, developers, and site owners who want quick answers while reviewing real pages What it checks 1) Above-the-fold image checks Detects logo element in the header area If logo is SVG, it highlights it with ๐Ÿ˜ (SVG is typically smaller and stays sharp) 2) Below-the-fold lazy loading checks (smart rules) Finds clearly below-fold images and checks if they use loading="lazy" Avoids false flags for images that are still partially visible Does not flag SVG images for lazy loading (lazy-loading SVG usually has limited benefit) 3) Preload checks for key assets Includes both preload and modulepreload Shows count and approximate size, so you can confirm whether critical CSS is being used Looks at page resource usage and identifies the top external domains Checks if the page includes dns-prefetch and/or preconnect hints for those domains Treats subdomains as same-site (so your own asset subdomains donโ€™t get mislabeled) 6) Font loading and fallback checks Scans accessible @font-face rules and flags missing font-display Checks whether the page has a generic fallback in the computed body font stack Samples same-origin image resources and checks Cache-Control: max-age Flags cases where max-age is too short (useful for spotting caching gaps) Notes: browser scripts canโ€™t always read headers for cross-origin CDNs unless allowed Shows a live INP-style monitor while the overlay is open Flags when the slowest interaction goes above 200ms The extension includes a โ€œCopy as textโ€ button that copies the audit results to your clipboard. This makes it easy to paste findings into: Click the Perf Quick Audit extension icon Review โœ… / โŒ checks in the overlay Click an item to highlight the related element on the page (when applicable) Some checks depend on what the browser can access (example: cross-origin CSS rules or CDN response headers may be restricted). The tool is designed for quick audits and fast debugging, not as a replacement for Lighthouse or lab tooling.

Related extensions