jajhmpplnpgohjlpbflnpakamepdfkcp
Compare server-side (SSR) HTML and final rendered DOM side by side. A Chrome extension that lets you visually compare the server-side rendered (SSR) HTML and the final rendered DOM of any web page, side by side. Includes tools to highlight differences, view raw HTML, and improve fidelity by rewriting resource URLs. Ideal for debugging hydration, SSR, and client-side rendering issues.
SEO Render Insight Tool
Visualize client-side vs server-side rendered content for SEO. Per-element CSR/SSR breakdown, performance signals, and minimap. 𝐕𝐞𝐫𝐬𝐢𝐨𝐧 𝟐.𝟎 (𝐀𝐮𝐠𝐮𝐬𝐭 𝟐𝟎𝟐𝟓) • Elements tab with stacked SSR/CSR breakdown and per-category insights • One‑click PDF report export (includes donut chart and element breakdown) • Performance tab with live signals (TTFB, FCP, LCP, CLS, TBT) and request waterfall • Color‑blind palettes and accessibility settings (persisted per user) 𝐕𝐞𝐫𝐬𝐢𝐨𝐧 𝟏.𝟏 𝐔𝐩𝐝𝐚𝐭𝐞: • Improved user experience: Extension now only works on the active tab • New feature: Doughnut chart showing estimated CSR vs SSR percentages • Performance enhancements and bug fixes ▶ 𝐅𝐞𝐚𝐭𝐮𝐫𝐞𝐬: • Identifies potentially client-side rendered content • Highlights potentially problematic areas in red • Provides an approximate percentage of the page that might be client-side rendered • Simplifies technical SEO discussions with developers ▶ 𝐏𝐫𝐨𝐛𝐥𝐞𝐦 𝐢𝐭 𝐬𝐨𝐥𝐯𝐞𝐬: This extension suggests which parts of a webpage might be rendered on the client side, which can be less visible to search engines and potentially impact website rankings. As an SEO professional, you can use these insights to guide your investigation in Google Search Console, where you should inspect the page's indexed code and check for the suggested elements. ▶ 𝐇𝐨𝐰 𝐭𝐨 𝐮𝐬𝐞: 1- Install the Chrome extension 2- Toggle it on when viewing a webpage 3- Analyze the highlighted areas and percentage to identify potentially client-side rendered content 4- Use these insights to guide your inspection in Google Search Console ⚠ 𝐍𝐨𝐭𝐞: While this tool provides valuable insights, it's not 100% accurate. Use it as a hint to inform your SEO strategy, but always conduct further analysis in Google Search Console for comprehensive optimization.
Google Search Console Enhanced Analytics
Google Search Console Enhanced Analytics is a simple, time-saving extension that enhances your analysis. Google Search Console Enhanced Analytics let’s you easily select and compare dates, generate percentage changes or generate search volumes. It enhances your analysis! Features - Select a custom standard period (either in the UI or in the extension) - Do a quick comparison - Do a custom comparison - Generate percentage changes - Generate search volumes - See exact metrics above the chart - Export all generated data to Excel Privacy Your privacy is extremely important to me. This extension does not store any data. Does this extension need Google Search Console property access? No. The only thing this extension does to calculate data is use the info inside your browser. You do not need to give access to your Google Search Console property and I don’t store / send any data to a server. How do you save my DataForSEO credentials? To make sure you don’t need to login every time you open my extension, I give you an option to save your data. Save data, don’t remember me > Your credentials are saved in the session storage of your browser and are kept there during your browsers session. Save data, remember me > Your credentials are saved in the local storage of your browser and are kept there until you delete your data inside the extension or remove the extension.
On-Page Hreflang Tags Viewer for SEO
Display hreflang tags and their status codes on the current page. Are you working in international SEO? Then you're likely dealing with hreflang tags. This Chrome extension is a quick tool to simplify your hreflang analysis when dealing with on-page hreflang tags. Instantly see which hreflang tags are implemented, check their status codes, and easily export the data to a CSV file—all for free!
CSR vs SSR Detector
✨ Key Features: • 95% accuracy with 15+ indicators • Auto-detects Next.js, React, Nuxt, Gatsby, and more • Performance metrics (DOM ready, FCP) • History tracking (last 10 analyses) • Privacy-first (all analysis local) 📊 Perfect for developers, SEO specialists, and web architects making performance decisions. ✨ Enhancements: • Fixed history to show page titles (not URLs) • Improved React 18+ detection • Added error handling for stability • Fixed icon display in Chrome toolbar
