π This article provides an overview of the JavaScript report in URL details available via SiteCrawler's URL Explorer. SiteCrawler is part of Botify's Analytics Suite, available with all Botify plans.
Overview
If the project has JavaScript rendering enabled, the JavaScript report in URL Details summarizes the page's JavaScript rendering details.
π‘ Get the same data directly on your web page with Botify's Chrome Extension.
JavaScript Report Details
The JavaScript report includes the following sections:
KPIs
Emulated Device: Whether the URL was crawled as a mobile, desktop, or tablet device, as defined in the project settings.
JS Rendering: Whether JavaScript rendering was attempted during Botify's crawl or if a rendering error was encountered.
JS Render Time: The total time to render the page (not tied to the other timing metrics).
Warnings: The number of JavaScript warnings encountered during Botify's crawl. Visit the JS Crawl Resources Warnings chart in SiteCrawler's Performance report for details.
Checkpoint Timers
The Checkpoint Timers show the length of time it took the browser in milliseconds to achieve the following metrics:
First Paint (P1): The moment that any change in the page becomes visible to a browser.
First Image Paint:
First Contentful Paint (P2): When useful content appears on the page. This is the first time users can start consuming page content.
First Meaningful Paint (P3): When the page's primary content appears on the screen. This is a primary metric for the user-perceived loading experience that indicates when the browser has started to render the page.
Event DOM Content Received: When the browser fully parsed the HTML document and built the DOM tree, but external resources like pictures <img> and stylesheets were not yet loaded.
Event Load Received: The browser loaded all mandatory resources (images, styles, etc.). This does not indicate the page is ready since scripts are running and may load third-party resources/API calls.
Resources Summary
The Resources Summary shows the number of resources encountered in the JavaScript rendering, identified by the following metrics:
Resources Found: All resources detected in Botify's crawl.
Resources Allowed: The number of resources allowed by JavaScript settings, which Botify configures. Botify does not allow analytics by default.
Resources Blocked by Robots.txt: The number of resources allowed by JavaScript settings but blocked by robots.txt. This metric helps identify specific override settings.
Resources Failed to Fetch: The number of resources Botify could not fetch because of bad status codes, invalid URL, or invalid method.
Resources Executed: The number of resources Botify executed to render the page (e.g., JS, CSS).
Resources Not Cacheable: The number of resources Botify crawled that disallowed caching.
Calls that Returned a JSON: The number of resources that returned a JSON response (typically an API) that would populate content on the page.
XHR Calls: The number of calls based on XHR. Typically used by an AJAX process, Googlebot historically has had trouble with XHR calls.
Websocket Calls: The number of WebSocket calls to allow communication between a server and browser. Googlebot's rendering service does not support WebSocket calls.
Assets Summary
The Assets Summary shows the number of each of the following assets detected by the rendering process:
Images Found: The number of image files (e.g., .jpg, .png).
CSS Found: The number of CSS files.
Fonts Found: The number of font files.
Media Found: The number of asset files other than CSS, fonts, or images (e.g., .mp4, .mp3).
Resources Timeline
The Resources Timeline shows when each resource was encountered in the rendering process in chronological order, beginning with the HTML rendering. Use the Search field at the top of the table to locate specific resources, and click filters to narrow the scope of the report:
Time: The number of milliseconds after the rendering began.
Duration: The number of milliseconds elapsed after the resource was encountered.
Execution: Whether the resource was fetched and executed, was already cached, or was blocked. Resources can be blocked by inclusion in Robots.txt, the resource type, or rules defined in the rendering configuration.
Details: Identifies whether the resource was eligible to be cached.
Content Type: The type of resource. Values include HTML, image, JavaScript (JS), JSON, CSS, and font.
Size: The file size of resources executed.
URL: The resource's location. Click the icon to the left of the URL to copy the resource location to your system clipboard for troubleshooting.
π Get more details on your sitewide JavaScript rendering in SiteCrawler's Performance report.