PageSpeed Viewer

# Analyse, Debug, and Optimise Websites in Real Time PageSpeed Viewer helps you inspect and understand how a webpage performs directly inside Chrome. Instead of submitting a URL to an external service and waiting for a report, the extension analyses the page currently open in your browser and displays the results instantly in Chrome's Side Panel. The extension brings together performance analysis, SEO auditing, accessibility testing, network inspection, and resource analysis in one interface, allowing you to investigate issues without switching between multiple tools. ## Live Website Analysis Analyse the active webpage in real time and review important information about how it loads and behaves. Performance insights include: * DNS Lookup * TCP Connection * SSL Handshake * Time to First Byte (TTFB) * DOM Processing * Page Load Time * Network Requests * Resource Timing * Cached Assets * DOM Size * CSS Files * JavaScript Files * Fonts * Images * Videos * Additional page resources The extension helps identify slow requests, oversized files, render-blocking resources, and other factors that may affect loading performance. ## Resource Inspector Inspect every resource loaded by a webpage, including: * Images * JavaScript * CSS * Fonts * Videos * API Requests * Other downloaded assets For each resource you can view information such as transfer size, decoded size, loading time, cache status, response type, and file details. Resources can be sorted to quickly identify large or slow-loading files. ## Interactive Element Highlighting Each reported issue is linked to its corresponding element on the webpage. Selecting an issue automatically locates the element, scrolls to it, expands hidden containers when possible, searches inside Shadow DOM components where supported, and visually highlights the element. This makes it easier to identify and resolve issues without manually searching through the page. ## SEO Analysis Review common on-page SEO elements, including: * Page Title * Meta Description * Heading Structure * Canonical URL * Open Graph Tags * Twitter Cards * Structured Data (JSON-LD) * Schema Markup * Internal Links * External Links The extension also provides an overall SEO assessment together with suggestions for improving page structure and metadata. ## Accessibility Checks PageSpeed Viewer checks for common accessibility issues based on WCAG recommendations, including: * Missing image alt text * Unlabeled buttons * Missing form labels * Empty links * Missing iframe titles * ARIA landmark issues * Keyboard navigation issues * Tabindex problems Detected issues can be opened directly on the page for faster inspection and correction. ## Normal Mode and Pro Mode Choose the interface that matches your workflow. **Normal Mode** presents results with clear explanations and practical recommendations. **Pro Mode** displays additional technical information, including detailed timings, transfer sizes, decoded sizes, cache information, and advanced resource metrics. ## Privacy PageSpeed Viewer performs analysis locally within your browser. Website data is processed on your device and is not uploaded to external servers for analysis. ## Suitable For PageSpeed Viewer can be useful for professionals and learners who work with websites, including developers, designers, QA engineers, SEO professionals, digital agencies, website owners, and students studying web development. ## Key Features * Real-time webpage analysis * Performance metrics and timing breakdown * Resource inspection * Network request analysis * SEO auditing * Accessibility (WCAG) checks * Live element highlighting * Chrome Side Panel integration * Normal and Pro modes * Local browser processing * Lightweight interface