Skip to content
Zrigou
Zrigou
Download CV
All work

Chrome Extension

Inspectra

Audit any page for performance, SEO, accessibility and security, then see exactly what to fix.

Chrome Web Store Source code
Inspectra side panel showing an overall score of 98 and Core Web Vitals
Inspectra performance tab with Core Web Vitals and an LCP breakdown
Role
Designer & Developer
Platform
Chrome side panel and command line
Type
Chrome Extension

Overview

Inspectra opens in Chrome's side panel and audits the page in front of you. Every issue explains what was found, why it matters and how to fix it, with a code example and the affected elements. Click one and it is highlighted on the page.

It can crawl a whole site, track scores over time and export reports a team can act on. Everything runs locally in the browser and nothing is uploaded.

Built with

  • React
  • TypeScript
  • Chrome Extensions
  • axe-core
  • jsPDF
  • esbuild
  • Vitest
  • Playwright

What it does

  1. 01

    Core Web Vitals, measured properly

    LCP with its four-phase breakdown and the element responsible, CLS with what moved, plus INP, FCP, TTFB and Total Blocking Time.

  2. 02

    What search engines actually see

    Compares the server HTML with the rendered page, so it catches titles, canonicals and noindex tags that only exist after JavaScript runs.

  3. 03

    Accessibility with axe-core

    WCAG 2.2 A and AA checks with the failing elements. Items that need a human are listed separately and never affect the score.

  4. 04

    Security that goes deep

    Response headers, a CSP bypass evaluator, session cookie flags, mixed content, exposed credentials and JavaScript libraries with known CVEs.

  5. 05

    Whole-site crawls

    Broken links with the pages that link to them, redirect chains, duplicate titles, sitemap errors, orphan pages and thin content.

  6. 06

    Reports worth sending

    A typeset PDF with scores, vitals and findings, plus Markdown ready to paste into a ticket and JSON for tooling.

Inside the product

Inspectra performance tab with Core Web Vitals and an LCP breakdown
LCP, broken into phases
Inspectra SEO tab with search and social share previews
Search and social previews
Inspectra security tab checking response headers
Header and CSP analysis

How it is built

  • One object per rule

    A rule returns not applicable, pass, or a failure with its elements. Add one object, and the UI, scores and every report pick it up.

  • Injected only on demand

    The collector runs only when you start an audit, so nothing runs on pages you are just browsing.

  • The same engine in CI

    The rules engine also ships as a command-line tool, so a problem found in the browser can block the pull request that brings it back.

  • Fixtures that fail on purpose

    End-to-end tests audit a deliberately clean page and deliberately broken ones in real Chromium.

Next project

Ministry of Industry and Commerce