Renderer
Compares raw, rendered and difference views of web pages. Marks elements directly on the page according to their render types.
Overview
What is Renderer?
Compares raw, rendered and difference views of web pages. Marks elements directly on the page according to their render types..
SCREENSHOT
SUMMARY
Renderer is a Chrome extension that makes analyzing the rendering processes of websites faster and easier.
Core Functionality of Renderer
With the Renderer, you can easily see your raw HTML data from the server and how the browser renders your raw HTML data from the server.
When you run Renderer, a panel with three columns — Raw Data, Rendered, and Difference — appears (as shown in the first image above). In this panel, you can view the differences between Raw Data and Rendered data under the Difference column and directly on the page where you activated the extension.
In the Difference section, all codes added to the page with javascript are marked in green. The codes that exist in the raw data but are deleted after the javascripts are processed are shown in red color and strikethrough.
How See Differences On Page Functionality Works?
If you click the "See Differences On Page" button after running Renderer, you will be redirected to the page where you activated the extension. On this page, you can view render statistics, identify which elements are rendered client-side and which are rendered server-side, and filter elements based on how they are rendered.
For example, by clicking "Only CSR," you can see only the elements created or modified after JavaScript processes and updates the DOM. This allows you to easily determine whether critical elements in an SEO project are processed client-side or server-side.
With the statistics panel, you can see your page's static content ratio as a percentage, enabling you to compare your page against competitor pages.
See More
Stats
Trends for Renderer:
Rank
User count
Category Rank
Rating
Download
HOW TO INSTALL Renderer FROM A CRX FILE
- Download Renderer CRX file
- NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to download the ZIP file instead
- In the URL bar, go to chrome://extensions
- Enable Developer mode
Ratings
USER REVIEWS (0)
No reviews
