Web Vitals Extension EN
VANTAG.es · Firefox
Measure metrics for a healthy site, Server Info, Web info, SEO Analysis & Accessibility checks.
<all_urls>),意味着它可以读取你在任意站点的页面内容,包括已登录的页面。这是许多扩展正常工作的必要条件,但也值得你确认来源可信。
简介
Web Vitals - Complete Website Performance, SEO & Infrastructure Analysis
The most comprehensive Chrome extension for website analysis. Combines Google's official Web Vitals metrics with advanced SEO analysis, security scoring, server intelligence, and DNS diagnostics in one powerful tool.
🚀 WHAT YOU GET
Core Web Vitals Monitoring
Real-time performance metrics (LCP, CLS, FCP, TTFB) plus field data from Chrome UX Report. Color-coded performance indicators show you instantly if a site passes Google's thresholds.
🎯 SEO Analysis Tab (NEW)
Comprehensive on-page SEO scoring that analyzes:
SEO Score (0-100): Evaluates title tags, meta descriptions, heading structure, image alt text, canonical URLs, Open Graph, structured data, and security headers
Domain Authority (0-100): Estimates domain strength based on TLD quality, HTTPS, security configuration, and domain characteristics
Domain Rating (0-100): Assesses potential backlink quality and link profile strength
Instant detection of SEO issues like missing meta tags, images without alt text, multiple H1s, security vulnerabilities, and more. All analysis happens locally in your browser—no page content transmitted.
🌍 Server Intelligence
Reveals hosting infrastructure: IP addresses, geographic location with coordinates, ISP details, ASN, and timezone. Essential for verifying CDN setup, local SEO audits, and infrastructure debugging.
🔍 Complete DNS Analysis
Shows all record types (A, AAAA, CNAME, MX, NS, TXT, SOA) in one view. Debug email delivery, verify domain ownership, check DNS propagation, and audit configurations without switching tools.
💻 Tech Stack Detection (NEW)
Automatically identifies:
CMS & frameworks (WordPress, React, Vue, Next.js)
Server technologies (Nginx, Apache, Node.js)
Analytics tools (Google Analytics, Hotjar)
Font providers and libraries
♿ Accessibility Audit (NEW)
WCAG compliance checking with:
A11y Score (0-100)
WCAG level estimation (A, AA, AAA)
Detailed issue detection by category
Good practices recognition
🎨 MODERN UI FEATURES
Dark/Light Mode: Toggle between themes with your preference saved automatically
Six Powerful Tabs: Web Vitals, Server Info, DNS, SEO, Tech Stack, Accessibility
Clean Design: Minimalist interface inspired by shadcn design principles
Fast & Responsive: Lazy loading ensures data is fetched only when needed
💡 WHY THIS EXTENSION
Built for Professionals
Developers get performance and SEO metrics alongside technical details. SEO specialists can audit sites instantly. System administrators verify DNS and hosting in seconds. All without leaving your browser.
Privacy-First Design
Zero tracking, no data collection. API calls only when you request them. Uses free public APIs (Mozilla Observatory for security, ipwhois.app for geolocation, and Google DNS) with HTTPS-only connections. All SEO analysis happens locally—only domain names are sent to APIs, never your page content.
No Paid APIs Required
100% free to use. No API keys needed from Moz, Ahrefs, or SEMrush. Unlimited usage with smart local algorithms inspired by professional SEO tools.
🔧 TECHNICAL FEATURES
Smart Analysis:
Lazy loading: Fetches data only when needed
Local SEO scoring: Domain Authority and Rating calculated in-browser
Parallel API queries: Results in 2-3 seconds
Non-blocking architecture: UI stays responsive
Modern tabbed interface with persistent dark mode preference
Visual Indicators:
Animated circular score indicators
Color-coded status (Green ≥70, Orange 40-69, Red <40)
Issue detection with actionable recommendations
Length indicators for title and meta description optimization
Original Features Preserved:
All Google Web Vitals Extension features: ambient badge indicators, console logging, HUD overlay, and Chrome UX Report integration.
👥 WHO USES THIS
SEO Specialists: Instant audits of on-page optimization and security headers
Web Developers: Debug performance while checking SEO implementation
DevOps Engineers: Verify infrastructure and security configurations
Digital Marketers: Quick site analysis during competitor research
Content Creators: Ensure pages meet SEO best practices before publishing
System Administrators: DNS and server infrastructure verification
📊 SEO SCORING METHODOLOGY
SEO Score Factors (100 points total):
Optimized title (30-60 chars) - 10 pts
Meta description (120-160 chars) - 10 pts
Single H1 tag - 8 pts
Images with alt text - 8 pts
Canonical URL - 4 pts
Mobile viewport - 4 pts
Language & charset - 8 pts
Open Graph tags - 8 pts
Structured data - 8 pts
Internal links - 4 pts
Robots compliance - 4 pts
HTTPS, HSTS, CSP - 12 pts
Content quality (word count, headings) - bonus points
Domain Authority (0-100 estimated):
Based on HTTPS status, TLD quality (.gov/.edu score highest), domain length (shorter = older/premium), security configuration, and recognized brand status.
Domain Rating (0-100 estimated):
Focuses on backlink potential through domain quality indicators: security strength, TLD premium status, name characteristics (no hyphens/numbers scores higher).
🔒 TRANSPARENCY
What We Don't Do:
Query real backlink databases (requires paid APIs)
Verify actual domain age via WHOIS
Count real backlinks (requires crawler infrastructure)
Track your browsing or collect personal data
What We Do:
Provide smart estimations based on verifiable factors
Combine on-page analysis with domain characteristics
Use algorithms inspired by Moz DA and Ahrefs DR
Offer instant insights for quick audits and reports
🚀 INSTALLATION & USAGE
Install from Chrome Web Store
Navigate to any website
Click the extension icon
Switch between tabs to analyze different aspects
No configuration required. No API keys needed. Just install and analyze.
📝 OPEN SOURCE
Enhanced fork of Google's official Web Vitals Extension with 5 additional analysis tabs:
SEO Analysis with scoring
Server & Hosting Intelligence
Complete DNS Records
Technology Stack Detection
Accessibility Audit
GitHub: VANTAGhq/web-vitals-ext…
Web Vitals Extension 是做什么的
Web Vitals Extension 是一款面向 Firefox 的开发者工具类扩展,主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是:Measure metrics for a healthy site, Server Info, Web info, SEO Analysis & Accessibility checks.在Firefox 附加组件商店(AMO)上,它当前版本 2.0.0,约 34 名用户。
适合什么人用
从功能定位看,Web Vitals Extension 更适合前端工程师、测试与需要经常查看页面结构的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。需要注意的是它作用于所有网站,装上后建议先观察一两天,确认不影响常用站点的正常使用。
怎么安装 Web Vitals Extension
- 打开Firefox 附加组件商店(AMO)上的官方页面;
- 点「添加到浏览器」并确认权限提示;
- 装好后在扩展列表里固定图标,方便随时开关。
本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。
常见问题
Web Vitals Extension 是免费的吗?
Web Vitals Extension 在Firefox 附加组件商店(AMO)免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。
Web Vitals Extension 安全吗?
它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。
Web Vitals Extension 支持哪些浏览器?
当前收录的版本来自Firefox 附加组件商店(AMO),适用于 Firefox。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。
怎么卸载 Web Vitals Extension?
在扩展管理页找到 Web Vitals Extension,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。
权限清单 来自 manifest.json 原文
站点访问 1
*://*/*
接口权限 5
activeTabscriptingstoragetabswebRequest