1<!DOCTYPE html><!--dLtueE5zwmI6jZQo_0ykJ--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/fcbd634aa7eecf8c.css?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-724bb23752810918.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1"/>
1<script src="/_next/static/chunks/4bd1b696-c023c6e3521b1417.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1" async=""></script>
1<script src="/_next/static/chunks/255-2b0599c23eef7507.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1" async=""></script>
1<script src="/_next/static/chunks/main-app-2dda22467d340e4c.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1" async=""></script>
1<script src="/_next/static/chunks/app/layout-69043df77330fd28.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1" async=""></script>
1<script src="/_next/static/chunks/733-e2263cea363e0f0d.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1" async=""></script>
1<script src="/_next/static/chunks/app/lightscout/page-2e87a6610b3c2400.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-3FSSDK0RKR" as="script"/><meta name="next-size-adjust" content=""/><link rel="manifest" href="/manifest.json"/><meta name="theme-color" content="#3b82f6"/><meta name="google-site-verification" content="-hoXHTngcORdAER6zb2b9PUCDUNmrRb-XTIJIn37t1E"/><title>LightScout - Core Web Vitals Monitor</title><meta name="description" content="Monitor Core Web Vitals (LCP, FCP, TTFB, CLS, INP, FID) in real-time as you browse. Export metrics to JSON or CSV for analysis."/><meta name="author" content="TestScout Team"/><link rel="manifest" href="/manifest.json"/><meta name="keywords" content="MCP tools, model context protocol, AI agents, QA automation, browser testing, error diagnosis, performance analysis, web scraping, test generation, developer tools, AI testing"/><meta name="creator" content="TestScout"/><meta name="publisher" content="TestScout"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><link rel="canonical" href="https://www.testscout.dev"/><meta name="format-detection" content="telephone=no, address=no, email=no"/><meta property="og:title" content="TestScout â QA Intelligence for AI Agents | MCP Tools"/><meta property="og:description" content="MCP tools that give AI agents the power to diagnose errors, analyze performance, extract data, and generate test strategies. Open source, free tier available."/><meta property="og:url" content="https://www.testscout.dev"/><meta property="og:site_name" content="TestScout"/><meta property="og:locale" content="en_US"/><meta property="og:image:alt" content="TestScout - Automatic Bug Context Capture"/><meta property="og:image:type" content="image/png"/><meta property="og:image" content="https://www.testscout.dev/opengraph-image?f4649777434a9f9d"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="TestScout â QA Intelligence for AI Agents | MCP Tools"/><meta name="twitter:description" content="MCP tools that give AI agents the power to diagnose errors, analyze performance, extract data, and generate test strategies. Open source, free tier available."/><meta name="twitter:image:alt" content="TestScout - Automatic Bug Context Capture"/><meta name="twitter:image:type" content="image/png"/><meta name="twitter:image" content="https://www.testscout.dev/opengraph-image?f4649777434a9f9d"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><link rel="icon" href="/icon?cea8593908d1e1bb" type="image/png" sizes="32x32"/><link rel="apple-touch-icon" href="/apple-icon?63d4318aaf5b33cd" type="image/png" sizes="180x180"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"TestScout MCP Suite","description":"QA intelligence MCP tools for AI agents â error diagnosis, performance analysis, data extraction, test planning, load testing, and self-healing test suite maintenance via the Model Context Protocol.","url":"https://www.testscout.dev","applicationCategory":"DeveloperApplication","operatingSystem":["Any"],"offers":[{"@type":"Offer","price":"0","priceCurrency":"USD","name":"Free Tier"}]}</script>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1" noModule=""></script>
1</head><body class="__className_f367f3"><div hidden=""><!--$--><!--/$--></div><main class="min-h-screen bg-white dark:bg-gray-900"><button class="fixed top-6 right-6 z-50 p-3 bg-white dark:bg-gray-800 rounded-full shadow-lg border border-gray-200 dark:border-gray-600 hover:shadow-xl transition-shadow" aria-label="Toggle dark mode" tabindex="0"><div style="transform:none"><svg class="w-6 h-6 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path></svg></div></button><section class="relative overflow-hidden bg-gradient-to-br from-emerald-50 to-teal-100 dark:from-gray-900 dark:to-emerald-900"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20"><div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"><div class="text-left" style="opacity:0;transform:translateX(-20px)"><h1 class="text-5xl lg:text-6xl font-bold text-gray-900 dark:text-white mb-6" style="opacity:0;transform:translateY(20px)">Monitor Core Web Vitals<span class="text-emerald-600 dark:text-emerald-400"> in Real-Time</span></h1><p class="text-xl text-gray-600 dark:text-gray-300 mb-8 leading-relaxed" style="opacity:0;transform:translateY(20px)">Track LCP, FCP, TTFB, CLS, INP, and FID as you browse. Export metrics to JSON or CSV for analysis.</p><div class="flex flex-col sm:flex-row gap-4" style="opacity:0;transform:translateY(20px)"><a href="https://chromewebstore.google.com/detail/lightscout-core-web-vital/mlnnepacdfmjpiocojklganplhbhffoe" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center px-8 py-4 bg-emerald-600 text-white font-semibold rounded-lg shadow-lg" tabindex="0"><svg class="w-5 h-5 mr-2" viewBox="0 0 24 24" fill="currentColor"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M12,10.5L16,14.5L14.5,16L10.5,12L14.5,8L16,9.5L12,10.5Z"></path></svg>Add to Chrome â Free</a><a href="#features" class="inline-flex items-center justify-center px-8 py-4 bg-white dark:bg-gray-800 text-gray-900 dark:text-white font-semibold rounded-lg border-2 border-gray-200 dark:border-gray-600 hover:border-gray-300 dark:hover:border-gray-500 transition-colors" tabindex="0"><svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>Learn More</a></div><div class="mt-8 p-4 bg-white/60 dark:bg-gray-800/60 rounded-xl border border-emerald-200 dark:border-emerald-800" style="opacity:0;transform:translateY(20px)"><p class="text-sm font-semibold text-gray-900 dark:text-white mb-2">Also available as an MCP server</p><div class="bg-gray-900 dark:bg-gray-950 rounded-lg p-3 font-mono text-sm text-emerald-400"><span class="text-gray-500">$</span> npx -y lightscout-mcp</div><p class="text-xs text-gray-500 dark:text-gray-400 mt-2">Works with Claude Code, Cursor, Windsurf, and any MCP-compatible AI tool.<!-- --> <a href="https://www.npmjs.com/package/lightscout-mcp" target="_blank" rel="noopener noreferrer" class="text-emerald-600 dark:text-emerald-400 underline hover:text-emerald-700">npm</a> <!-- -->/<!-- --> <a href="https://github.com/bobbyrgoldsmith/lightscout-mcp" target="_blank" rel="noopener noreferrer" class="text-emerald-600 dark:text-emerald-400 underline hover:text-emerald-700">GitHub</a></p></div><div class="mt-4 flex items-center text-sm text-gray-500 dark:text-gray-400" style="opacity:0;transform:translateY(20px)"><svg class="w-5 h-5 mr-2 text-green-500" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"></path></svg>Free forever. No account required. Privacy-first.</div></div><div class="relative" style="opacity:0;transform:translateX(50px)"><div class="bg-white dark:bg-gray-800 rounded-2xl shadow-2xl p-6 transform rotate-1"><div class="flex items-center justify-between mb-4"><h3 class="text-lg font-semibold text-gray-900 dark:text-white">Core Web Vitals</h3><span class="text-xs text-gray-500 dark:text-gray-400">example.com</span></div><div class="space-y-3"><div class="flex items-center justify-between p-3 bg-green-50 dark:bg-green-900/20 rounded-lg"><div class="flex items-center"><span class="w-2 h-2 bg-green-500 rounded-full mr-3"></span><span class="font-medium text-gray-700 dark:text-gray-300">LCP</span></div><span class="text-green-600 dark:text-green-400 font-semibold">1.2s</span></div><div class="flex items-center justify-between p-3 bg-green-50 dark:bg-green-900/20 rounded-lg"><div class="flex items-center"><span class="w-2 h-2 bg-green-500 rounded-full mr-3"></span><span class="font-medium text-gray-700 dark:text-gray-300">FCP</span></div><span class="text-green-600 dark:text-green-400 font-semibold">0.8s</span></div><div class="flex items-center justify-between p-3 bg-yellow-50 dark:bg-yellow-900/20 rounded-lg"><div class="flex items-center"><span class="w-2 h-2 bg-yellow-500 rounded-full mr-3"></span><span class="font-medium text-gray-700 dark:text-gray-300">TTFB</span></div><span class="text-yellow-600 dark:text-yellow-400 font-semibold">420ms</span></div><div class="flex items-center justify-between p-3 bg-green-50 dark:bg-green-900/20 rounded-lg"><div class="flex items-center"><span class="w-2 h-2 bg-green-500 rounded-full mr-3"></span><span class="font-medium text-gray-700 dark:text-gray-300">CLS</span></div><span class="text-green-600 dark:text-green-400 font-semibold">0.05</span></div><div class="flex items-center justify-between p-3 bg-green-50 dark:bg-green-900/20 rounded-lg"><div class="flex items-center"><span class="w-2 h-2 bg-green-500 rounded-full mr-3"></span><span class="font-medium text-gray-700 dark:text-gray-300">INP</span></div><span class="text-green-600 dark:text-green-400 font-semibold">95ms</span></div><div class="flex items-center justify-between p-3 bg-red-50 dark:bg-red-900/20 rounded-lg"><div class="flex items-center"><span class="w-2 h-2 bg-red-500 rounded-full mr-3"></span><span class="font-medium text-gray-700 dark:text-gray-300">FID</span></div><span class="text-red-600 dark:text-red-400 font-semibold">180ms</span></div></div><div class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-700 flex gap-2"><button class="flex-1 text-xs py-2 px-3 bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 rounded font-medium">Export JSON</button><button class="flex-1 text-xs py-2 px-3 bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 rounded font-medium">Export CSV</button></div></div></div></div></div></section><section class="py-20 bg-gray-50 dark:bg-gray-800" id="features"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16"><h2 class="text-4xl font-bold text-gray-900 dark:text-white mb-4" style="opacity:0;transform:translateY(20px)">Everything You Need for Performance Monitoring</h2><p class="text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto" style="opacity:0;transform:translateY(20px)">LightScout gives you instant visibility into Core Web Vitals as you browse, without complex setup or configuration</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><div class="bg-white dark:bg-gray-900 rounded-xl p-8 shadow-lg hover:shadow-xl transition-shadow duration-300" style="opacity:0;transform:translateY(20px)"><div class="text-emerald-600 dark:text-emerald-400 mb-4"><svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path></svg></div><h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-3">All 6 CWV Metrics</h3><p class="text-gray-600 dark:text-gray-300">LCP, FCP, TTFB, CLS, INP, and FID tracked in real-time using the browser's Performance Observer API.</p></div><div class="bg-white dark:bg-gray-900 rounded-xl p-8 shadow-lg hover:shadow-xl transition-shadow duration-300" style="opacity:0;transform:translateY(20px)"><div class="text-emerald-600 dark:text-emerald-400 mb-4"><svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"></path></svg></div><h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-3">Visual Ratings</h3><p class="text-gray-600 dark:text-gray-300">Color-coded Good, Needs Improvement, and Poor ratings based on Google's official thresholds.</p></div><div class="bg-white dark:bg-gray-900 rounded-xl p-8 shadow-lg hover:shadow-xl transition-shadow duration-300" style="opacity:0;transform:translateY(20px)"><div class="text-emerald-600 dark:text-emerald-400 mb-4"><svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path></svg></div><h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-3">Session Grouping</h3><p class="text-gray-600 dark:text-gray-300">Pages automatically grouped by domain within your browsing session for easy comparison.</p></div><div class="bg-white dark:bg-gray-900 rounded-xl p-8 shadow-lg hover:shadow-xl transition-shadow duration-300" style="opacity:0;transform:translateY(20px)"><div class="text-emerald-600 dark:text-emerald-400 mb-4"><svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg></div><h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-3">Export Options</h3><p class="text-gray-600 dark:text-gray-300">Download metrics as JSON or CSV for spreadsheets, reports, and further analysis.</p></div><div class="bg-white dark:bg-gray-900 rounded-xl p-8 shadow-lg hover:shadow-xl transition-shadow duration-300" style="opacity:0;transform:translateY(20px)"><div class="text-emerald-600 dark:text-emerald-400 mb-4"><svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z"></path></svg></div><h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-3">No Account Required</h3><p class="text-gray-600 dark:text-gray-300">Works immediately after installation. No signup, no login, no configuration needed.</p></div><div class="bg-white dark:bg-gray-900 rounded-xl p-8 shadow-lg hover:shadow-xl transition-shadow duration-300" style="opacity:0;transform:translateY(20px)"><div class="text-emerald-600 dark:text-emerald-400 mb-4"><svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path></svg></div><h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-3">Privacy-First</h3><p class="text-gray-600 dark:text-gray-300">All data stays in your browser. Nothing is sent to external servers. Complete privacy.</p></div></div><div class="mt-16 text-center" style="opacity:0"><div class="bg-gradient-to-r from-emerald-600 to-teal-600 rounded-2xl p-8 text-white"><h3 class="text-2xl font-bold mb-4">Core Web Vitals Explained</h3><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 text-left"><div><h4 class="font-semibold mb-2">LCP - Largest Contentful Paint</h4><p class="text-sm opacity-90">Measures loading performance. Good: under 2.5s</p></div><div><h4 class="font-semibold mb-2">FCP - First Contentful Paint</h4><p class="text-sm opacity-90">Time to first visible content. Good: under 1.8s</p></div><div><h4 class="font-semibold mb-2">TTFB - Time to First Byte</h4><p class="text-sm opacity-90">Server response time. Good: under 800ms</p></div><div><h4 class="font-semibold mb-2">CLS - Cumulative Layout Shift</h4><p class="text-sm opacity-90">Visual stability score. Good: under 0.1</p></div><div><h4 class="font-semibold mb-2">INP - Interaction to Next Paint</h4><p class="text-sm opacity-90">Responsiveness metric. Good: under 200ms</p></div><div><h4 class="font-semibold mb-2">FID - First Input Delay</h4><p class="text-sm opacity-90">Interactivity timing. Good: under 100ms</p></div></div></div></div></div></section><section class="py-20 bg-white dark:bg-gray-900" id="use-cases"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16"><h2 class="text-4xl font-bold text-gray-900 dark:text-white mb-4" style="opacity:0;transform:translateY(20px)">Built for Performance-Conscious Teams</h2><p class="text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto" style="opacity:0;transform:translateY(20px)">Whether you're optimizing during development or reporting to clients, LightScout adapts to your workflow</p></div><div class="grid grid-cols-1 lg:grid-cols-2 gap-8"><div class="bg-emerald-50 dark:bg-emerald-900/20 border-emerald-200 dark:border-emerald-700 border rounded-2xl p-8 hover:shadow-lg transition-shadow duration-300" style="opacity:0;transform:translateY(20px)"><div class="text-emerald-600 dark:text-emerald-400 mb-6"><svg class="w-12 h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path></svg></div><h3 class="text-2xl font-bold text-emerald-900 dark:text-emerald-100 mb-2">For Developers</h3><h4 class="text-lg font-semibold text-gray-700 dark:text-gray-300 mb-4">Performance Auditing During Development</h4><p class="text-gray-600 dark:text-gray-400 mb-6">Monitor Core Web Vitals as you build to catch performance issues early.</p><ul class="space-y-3"><li class="flex items-start"><svg class="w-5 h-5 text-emerald-600 dark:text-emerald-400 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg><span class="text-gray-700 dark:text-gray-300">Real-time feedback during development</span></li><li class="flex items-start"><svg class="w-5 h-5 text-emerald-600 dark:text-emerald-400 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg><span class="text-gray-700 dark:text-gray-300">Compare metrics before and after changes</span></li><li class="flex items-start"><svg class="w-5 h-5 text-emerald-600 dark:text-emerald-400 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg><span class="text-gray-700 dark:text-gray-300">Catch performance regressions instantly</span></li></ul></div><div class="bg-teal-50 dark:bg-teal-900/20 border-teal-200 dark:border-teal-700 border rounded-2xl p-8 hover:shadow-lg transition-shadow duration-300" style="opacity:0;transform:translateY(20px)"><div class="text-teal-600 dark:text-teal-400 mb-6"><svg class="w-12 h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path></svg></div><h3 class="text-2xl font-bold text-teal-900 dark:text-teal-100 mb-2">For QA Teams</h3><h4 class="text-lg font-semibold text-gray-700 dark:text-gray-300 mb-4">A/B Testing Performance Impact</h4><p class="text-gray-600 dark:text-gray-400 mb-6">Measure how new features affect Core Web Vitals across different page variants.</p><ul class="space-y-3"><li class="flex items-start"><svg class="w-5 h-5 text-teal-600 dark:text-teal-400 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg><span class="text-gray-700 dark:text-gray-300">Quantify performance differences between variants</span></li><li class="flex items-start"><svg class="w-5 h-5 text-teal-600 dark:text-teal-400 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg><span class="text-gray-700 dark:text-gray-300">Export data for stakeholder reports</span></li><li class="flex items-start"><svg class="w-5 h-5 text-teal-600 dark:text-teal-400 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg><span class="text-gray-700 dark:text-gray-300">Document performance regressions objectively</span></li></ul></div><div class="bg-cyan-50 dark:bg-cyan-900/20 border-cyan-200 dark:border-cyan-700 border rounded-2xl p-8 hover:shadow-lg transition-shadow duration-300" style="opacity:0;transform:translateY(20px)"><div class="text-cyan-600 dark:text-cyan-400 mb-6"><svg class="w-12 h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path></svg></div><h3 class="text-2xl font-bold text-cyan-900 dark:text-cyan-100 mb-2">For Agencies</h3><h4 class="text-lg font-semibold text-gray-700 dark:text-gray-300 mb-4">Competitive Benchmarking</h4><p class="text-gray-600 dark:text-gray-400 mb-6">Compare your client's sites against competitors with exportable metrics.</p><ul class="space-y-3"><li class="flex items-start"><svg class="w-5 h-5 text-cyan-600 dark:text-cyan-400 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg><span class="text-gray-700 dark:text-gray-300">Benchmark against industry competitors</span></li><li class="flex items-start"><svg class="w-5 h-5 text-cyan-600 dark:text-cyan-400 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg><span class="text-gray-700 dark:text-gray-300">Create data-driven improvement proposals</span></li><li class="flex items-start"><svg class="w-5 h-5 text-cyan-600 dark:text-cyan-400 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg><span class="text-gray-700 dark:text-gray-300">Track progress over time</span></li></ul></div><div class="bg-green-50 dark:bg-green-900/20 border-green-200 dark:border-green-700 border rounded-2xl p-8 hover:shadow-lg transition-shadow duration-300" style="opacity:0;transform:translateY(20px)"><div class="text-green-600 dark:text-green-400 mb-6"><svg class="w-12 h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg></div><h3 class="text-2xl font-bold text-green-900 dark:text-green-100 mb-2">For Consultants</h3><h4 class="text-lg font-semibold text-gray-700 dark:text-gray-300 mb-4">Client Reporting with Exportable Metrics</h4><p class="text-gray-600 dark:text-gray-400 mb-6">Generate professional performance reports with CSV and JSON exports.</p><ul class="space-y-3"><li class="flex items-start"><svg class="w-5 h-5 text-green-600 dark:text-green-400 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg><span class="text-gray-700 dark:text-gray-300">Export metrics to spreadsheets</span></li><li class="flex items-start"><svg class="w-5 h-5 text-green-600 dark:text-green-400 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg><span class="text-gray-700 dark:text-gray-300">Create visual reports for clients</span></li><li class="flex items-start"><svg class="w-5 h-5 text-green-600 dark:text-green-400 mr-3 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg><span class="text-gray-700 dark:text-gray-300">Track improvements over engagements</span></li></ul></div></div><div class="mt-16 text-center" style="opacity:0;transform:translateY(20px)"><div class="bg-gray-100 dark:bg-gray-800 rounded-2xl p-8"><h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">Ready to Monitor Your Core Web Vitals?</h3><p class="text-lg text-gray-600 dark:text-gray-300 mb-6">Start tracking performance metrics in seconds. No account required.</p><a href="https://chromewebstore.google.com/detail/lightscout-core-web-vital/mlnnepacdfmjpiocojklganplhbhffoe" target="_blank" rel="noopener noreferrer" class="inline-flex items-center px-8 py-4 bg-emerald-600 text-white font-semibold rounded-lg hover:bg-emerald-700 transition-colors shadow-lg" tabindex="0"><svg class="w-5 h-5 mr-2" viewBox="0 0 24 24" fill="currentColor"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M12,10.5L16,14.5L14.5,16L10.5,12L14.5,8L16,9.5L12,10.5Z"></path></svg>Add LightScout to Chrome - Free</a></div></div></div></section><section class="py-20 bg-gray-50 dark:bg-gray-800" id="faq"><div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16"><h2 class="text-4xl font-bold text-gray-900 dark:text-white mb-4" style="opacity:0;transform:translateY(20px)">Frequently Asked Questions</h2><p class="text-xl text-gray-600 dark:text-gray-300" style="opacity:0;transform:translateY(20px)">Everything you need to know about LightScout</p></div><div class="space-y-4"><div class="bg-white dark:bg-gray-900 rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"><span class="text-lg font-semibold text-gray-900 dark:text-white pr-4">
1What are Core Web Vitals?</span><svg class="w-5 h-5 text-gray-500 dark:text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="overflow-hidden" style="height:0px;opacity:0"><div class="px-6 pb-5"><p class="text-gray-600 dark:text-gray-300 leading-relaxed">Core Web Vitals are a set of metrics defined by Google that measure real-world user experience for loading performance (LCP), interactivity (FID, INP), and visual stability (CLS). They're important ranking factors for search and directly impact user experience.</p></div></div></div><div class="bg-white dark:bg-gray-900 rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"><span class="text-lg font-semibold text-gray-900 dark:text-white pr-4">What metrics does LightScout track?</span><svg class="w-5 h-5 text-gray-500 dark:text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="overflow-hidden" style="height:0px;opacity:0"><div class="px-6 pb-5"><p class="text-gray-600 dark:text-gray-300 leading-relaxed">LightScout tracks all 6 Core Web Vitals: LCP (Largest Contentful Paint), FCP (First Contentful Paint), TTFB (Time to First Byte), CLS (Cumulative Layout Shift), INP (Interaction to Next Paint), and FID (First Input Delay).</p></div></div></div><div class="bg-white dark:bg-gray-900 rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"><span class="text-lg font-semibold text-gray-900 dark:text-white pr-4">How does LightScout work?</span><svg class="w-5 h-5 text-gray-500 dark:text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="overflow-hidden" style="height:0px;opacity:0"><div class="px-6 pb-5"><p class="text-gray-600 dark:text-gray-300 leading-relaxed">LightScout uses the browser's Performance Observer API to capture Core Web Vitals metrics in real-time as you browse. Metrics are displayed in a popup with color-coded ratings based on Google's official thresholds.</p></div></div></div><div class="bg-white dark:bg-gray-900 rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"><span class="text-lg font-semibold text-gray-900 dark:text-white pr-4">Does LightScout affect page performance?</span><svg class="w-5 h-5 text-gray-500 dark:text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="overflow-hidden" style="height:0px;opacity:0"><div class="px-6 pb-5"><p class="text-gray-600 dark:text-gray-300 leading-relaxed">LightScout is designed to have minimal impact. It uses the same Performance Observer APIs that browsers use internally. The extension is lightweight and doesn't interfere with page loading or rendering.</p></div></div></div><div class="bg-white dark:bg-gray-900 rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"><span class="text-lg font-semibold text-gray-900 dark:text-white pr-4">How is my data handled?</span><svg class="w-5 h-5 text-gray-500 dark:text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="overflow-hidden" style="height:0px;opacity:0"><div class="px-6 pb-5"><p class="text-gray-600 dark:text-gray-300 leading-relaxed">All data stays local in your browser. LightScout never sends any data to external servers. Metrics are stored in browser memory during your session and cleared when you close the browser or click 'Clear Session'.</p></div></div></div><div class="bg-white dark:bg-gray-900 rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"><span class="text-lg font-semibold text-gray-900 dark:text-white pr-4">What browsers are supported?</span><svg class="w-5 h-5 text-gray-500 dark:text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="overflow-hidden" style="height:0px;opacity:0"><div class="px-6 pb-5"><p class="text-gray-600 dark:text-gray-300 leading-relaxed">LightScout is available for Chrome and other Chromium-based browsers (Edge, Brave, etc.). Firefox support is planned for a future release.</p></div></div></div><div class="bg-white dark:bg-gray-900 rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"><span class="text-lg font-semibold text-gray-900 dark:text-white pr-4">Can I export the metrics data?</span><svg class="w-5 h-5 text-gray-500 dark:text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="overflow-hidden" style="height:0px;opacity:0"><div class="px-6 pb-5"><p class="text-gray-600 dark:text-gray-300 leading-relaxed">Yes! LightScout supports exporting metrics as JSON or CSV files. This makes it easy to analyze data in spreadsheets, create reports, or integrate with other tools.</p></div></div></div><div class="bg-white dark:bg-gray-900 rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"><span class="text-lg font-semibold text-gray-900 dark:text-white pr-4">What do the color ratings mean?</span><svg class="w-5 h-5 text-gray-500 dark:text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="overflow-hidden" style="height:0px;opacity:0"><div class="px-6 pb-5"><p class="text-gray-600 dark:text-gray-300 leading-relaxed">Green means 'Good' - the metric meets Google's recommended threshold. Yellow means 'Needs Improvement' - the metric is acceptable but could be better. Red means 'Poor' - the metric needs attention and may negatively impact user experience.</p></div></div></div><div class="bg-white dark:bg-gray-900 rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"><span class="text-lg font-semibold text-gray-900 dark:text-white pr-4">Do I need an account to use LightScout?</span><svg class="w-5 h-5 text-gray-500 dark:text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="overflow-hidden" style="height:0px;opacity:0"><div class="px-6 pb-5"><p class="text-gray-600 dark:text-gray-300 leading-relaxed">No! LightScout works immediately after installation with no signup, login, or configuration required. It's completely free with no premium tiers or hidden features.</p></div></div></div><div class="bg-white dark:bg-gray-900 rounded-lg overflow-hidden" style="opacity:0;transform:translateY(20px)"><button class="w-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"><span class="text-lg font-semibold text-gray-900 dark:text-white pr-4">How do I get support?</span><svg class="w-5 h-5 text-gray-500 dark:text-gray-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="overflow-hidden" style="height:0px;opacity:0"><div class="px-6 pb-5"><p class="text-gray-600 dark:text-gray-300 leading-relaxed">For questions or issues, you can reach us at [email protected]. We also have documentation available on our website.</p></div></div></div></div><div class="mt-16 text-center" style="opacity:0;transform:translateY(20px)"><div class="bg-emerald-50 dark:bg-emerald-900/20 rounded-2xl p-8"><h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">Still Have Questions?</h3><p class="text-lg text-gray-600 dark:text-gray-300 mb-6">Can't find the answer you're looking for? Reach out to us directly.</p><div class="flex flex-col sm:flex-row gap-4 justify-center">
1<a href="mailto:[email protected]" class="inline-flex items-center px-6 py-3 bg-emerald-600 text-white font-semibold rounded-lg hover:bg-emerald-700 transition-colors" tabindex="0"><svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>Contact Support</a><a href="/lightscout/privacy" class="inline-flex items-center px-6 py-3 bg-white dark:bg-gray-800 text-gray-900 dark:text-white font-semibold rounded-lg border border-gray-200 dark:border-gray-600 hover:border-gray-300 dark:hover:border-gray-500 transition-colors" tabindex="0"><svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg>Privacy Policy</a></div></div></div></div></section><footer class="bg-gray-900 text-white py-16"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid grid-cols-1 md:grid-cols-4 gap-8"><div style="opacity:0;transform:translateY(20px)"><div class="flex items-center mb-4"><svg class="w-8 h-8 text-emerald-400 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg><span class="text-2xl font-bold">LightScout</span></div><p class="text-gray-400 mb-4">Monitor Core Web Vitals in real-time as you browse. Free, private, and easy to use.</p><div class="flex space-x-4"><a href="https://github.com/bobbyrgoldsmith/lightscout-mcp" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-white transition-colors"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z"></path></svg></a><a href="https://www.npmjs.com/package/lightscout-mcp" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-white transition-colors"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z"></path></svg></a></div></div><div style="opacity:0;transform:translateY(20px)"><h3 class="text-lg font-semibold mb-4">Product</h3><ul class="space-y-2"><li><a href="#features" class="text-gray-400 hover:text-white transition-colors">Features</a></li><li><a href="#use-cases" class="text-gray-400 hover:text-white transition-colors">Use Cases</a></li><li><a href="#faq" class="text-gray-400 hover:text-white transition-colors">FAQ</a></li><li><a href="https://chromewebstore.google.com/detail/lightscout-core-web-vital/mlnnepacdfmjpiocojklganplhbhffoe" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-white transition-colors">Chrome Extension</a></li><li><a href="https://www.npmjs.com/package/lightscout-mcp" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-white transition-colors">MCP Server (npm)</a></li><li><a href="https://github.com/bobbyrgoldsmith/lightscout-mcp" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-white transition-colors">GitHub</a></li></ul></div><div style="opacity:0;transform:translateY(20px)"><h3 class="text-lg font-semibold mb-4">Products</h3><ul class="space-y-2"><li><a href="/" class="text-gray-400 hover:text-white transition-colors">TestScout</a></li><li><a href="/lightscout" class="text-emerald-400 hover:text-emerald-300 transition-colors">LightScout</a></li></ul></div><div style="opacity:0;transform:translateY(20px)"><h3 class="text-lg font-semibold mb-4">Legal</h3><ul class="space-y-2"><li><a href="/lightscout/privacy" class="text-gray-400 hover:text-white transition-colors">Privacy Policy</a></li><li><a href="#" class="text-gray-400 hover:text-white transition-colors">Terms of Service</a></li><li>
1<a href="mailto:[email protected]" class="text-gray-400 hover:text-white transition-colors">Contact</a></li></ul></div></div><div class="border-t border-gray-800 mt-12 pt-8 text-center" style="opacity:0"><p class="text-gray-400">© <!-- -->2026<!-- --> LightScout by NodeBridge. All rights reserved. Built for developers who care about performance.</p></div></div></footer></main><!--$--><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$-->
1<script src="/_next/static/chunks/webpack-724bb23752810918.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[1402,[\"177\",\"static/chunks/app/layout-69043df77330fd28.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\"],\"\"]\n3:I[9766,[],\"\"]\n4:I[8924,[],\"\"]\n5:I[7025,[\"177\",\"static/chunks/app/layout-69043df77330fd28.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\"],\"Analytics\"]\n6:I[8854,[\"177\",\"static/chunks/app/layout-69043df77330fd28.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\"],\"SpeedInsights\"]\n7:I[9196,[\"733\",\"static/chunks/733-e2263cea363e0f0d.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\",\"29\",\"static/chunks/app/lightscout/page-2e87a6610b3c2400.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\"],\"default\"]\n8:I[8699,[\"733\",\"static/chunks/733-e2263cea363e0f0d.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\",\"29\",\"static/chunks/app/lightscout/page-2e87a6610b3c2400.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\"],\"default\"]\n9:I[3510,[\"733\",\"static/chunks/733-e2263cea363e0f0d.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\",\"29\",\"static/chunks/app/lightscout/page-2e87a6610b3c2400.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\"],\"default\"]\na:I[8299,[\"733\",\"static/chunks/733-e2263cea363e0f0d.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\",\"29\",\"static/chunks/app/lightscout/page-2e87a6610b3c2400.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\"],\"default\"]\nb:I[6769,[\"733\",\"static/chunks/733-e2263cea363e0f0d.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\",\"29\",\"static/chunks/app/lightscout/page-2e87a6610b3c2400.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\"],\"default\"]\nc:I[4074,[\"733\",\"static/chunks/733-e2263cea363e0f0d.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\",\"29\",\"static/chunks/app/lightscout/page-2e87a6610b3c2400.js?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\"],\"default\"]\nd:I[4431,[],\"OutletBoundary\"]\nf:I[5278,[],\"AsyncMetadataOutlet\"]\n11:I[4431,[],\"ViewportBoundary\"]\n13:I[4431,[],\"MetadataBoundary\"]\n14:\"$Sreact.suspense\"\n16:I[7150,[],\"\"]\n:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/fcbd634aa7eecf8c.css?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"dLtueE5zwmI6jZQo-0ykJ\",\"p\":\"\",\"c\":[\"\",\"lightscout\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"lightscout\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/fcbd634aa7eecf8c.css?dpl=dpl_BKRnaBmX6WVCZQ88BnHtmxmUWbd1\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"manifest\",\"href\":\"/manifest.json\"}],[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"content\":\"#3b82f6\"}],[\"$\",\"meta\",null,{\"name\":\"google-site-verification\",\"content\":\"-hoXHTngcORdAER6zb2b9PUCDUNmrRb-XTIJIn37t1E\"}],[\"$\",\"$L2\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-3FSSDK0RKR\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L2\",null,{\"id\":\"ga4-init\",\"strategy\":\"afterInteractive\",\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'G-3FSSDK0RKR');\\n \"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"SoftwareApplication\\\",\\\"name\\\":\\\"TestScout MCP Suite\\\",\\\"description\\\":\\\"QA intelligence MCP tools for AI agents â error diagnosis, performance analysis, data extraction, test planning, load testing, and self-healing test suite maintenance via the Model Context Protocol.\\\",\\\"url\\\":\\\"https://www.testscout.dev\\\",\\\"applicationCategory\\\":\\\"DeveloperApplication\\\",\\\"operatingSystem\\\":[\\\"Any\\\"],\\\"offers\\\":[{\\\"@type\\\":\\\"Offer\\\",\\\"price\\\":\\\"0\\\",\\\"priceCurrency\\\":\\\"USD\\\",\\\"name\\\":\\\"Free Tier\\\"}]}\"}}]]}],[\"$\",\"body\",null,{\"className\":\"__className_f367f3\",\"children\":[[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L5\",null,{}],[\"$\",\"$L6\",null,{}]]}]]}]]}],{\"children\":[\"lightscout\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"main\",null,{\"className\":\"min-h-screen bg-white dark:bg-gray-900\",\"children\":[[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"$L9\",null,{}],[\"$\",\"$La\",null,{}],[\"$\",\"$Lb\",null,{}],[\"$\",\"$Lc\",null,{}]]}],null,[\"$\",\"$Ld\",null,{\"children\":[\"$Le\",[\"$\",\"$Lf\",null,{\"promise\":\"$@10\"}]]}]]}],{}
1,null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L11\",null,{\"children\":\"$L12\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L13\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$14\",null,{\"fallback\":null,\"children\":\"$L15\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$16\",[]],\"s\":false,\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"12:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\ne:null\n"])</script>
1<script>self.__next_f.push([1,"17:I[622,[],\"IconMark\"]\n"])</script>
1<script>self.__next_f.push([1,"10:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"LightScout - Core Web Vitals Monitor\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Monitor Core Web Vitals (LCP, FCP, TTFB, CLS, INP, FID) in real-time as you browse. Export metrics to JSON or CSV for analysis.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"TestScout Team\"}],[\"$\",\"link\",\"3\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"MCP tools, model context protocol, AI agents, QA automation, browser testing, error diagnosis, performance analysis, web scraping, test generation, developer tools, AI testing\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"TestScout\"}],[\"$\",\"meta\",\"6\",{\"name\":\"publisher\",\"content\":\"TestScout\"}],[\"$\",\"meta\",\"7\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"8\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"link\",\"9\",{\"rel\":\"canonical\",\"href\":\"https://www.testscout.dev\"}],[\"$\",\"meta\",\"10\",{\"name\":\"format-detection\",\"content\":\"telephone=no, address=no, email=no\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:title\",\"content\":\"TestScout â QA Intelligence for AI Agents | MCP Tools\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:description\",\"content\":\"MCP tools that give AI agents the power to diagnose errors, analyze performance, extract data, and generate test strategies. Open source, free tier available.\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:url\",\"content\":\"https://www.testscout.dev\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:site_name\",\"content\":\"TestScout\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:alt\",\"content\":\"TestScout - Automatic Bug Context Capture\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image\",\"content\":\"https://www.testscout.dev/opengraph-image?f4649777434a9f9d\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:title\",\"content\":\"TestScout â QA Intelligence for AI Agents | MCP Tools\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:description\",\"content\":\"MCP tools that give AI agents the power to diagnose errors, analyze performance, extract data, and generate test strategies. Open source, free tier available.\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image:alt\",\"content\":\"TestScout - Automatic Bug Context Capture\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:image\",\"content\":\"https://www.testscout.dev/opengraph-image?f4649777434a9f9d\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"29\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/icon?cea8593908d1e1bb\",\"alt\":\"$undefined\",\"type\":\"image/png\",\"sizes\":\"32x32\"}],[\"$\",\"link\",\"31\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon?63d4318aaf5b33cd\",\"alt\":\"$undefined\",\"type\":\"image/png\",\"sizes\":\"180x180\"}],[\"$\",\"$L17\",\"32\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
1<script>self.__next_f.push([1,"15:\"$10:metadata\"\n"])</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.