While JS improves user experience, it also presents challenges for search engine bots. If there are errors with JS resources on a page, Googlebot may render the page incorrectly. Moreover, in case of JS resource errors, the page may become inaccessible to the bot altogether.
There are several other issues that can arise with JS resources, impacting the performance and accessibility of your website. Let’s explore them in more detail.
To analyze and address these issues effectively, you can use JetOctopus. JetOctopus provides comprehensive analysis and insights into JS resource optimization, helping you identify and resolve any problems that may arise.
To identify and address issues with JS resources on your website, you can follow these steps using JetOctopus SEO crawler.
Wait for the crawl to complete. JetOctopus is a fast crawler, so you should receive results quickly, although the speed may vary depending on the number of pages and crawler settings.
2. Explore the “JS Requests” dashboard: once the crawl is complete, you will be presented with various dashboards. To analyze pages with JS requests and resources, navigate to the “JS Performance” – “JS Requests” dashboard. This dashboard contains essential data about JS page requests.
3. Analyze JS requests: pay attention to the various metrics provided in the “JS Requests” dashboard. You can analyze the average size of requests, their status codes, and loading time.
Focus on the “Requests Status Codes” chart, particularly non-200 JS resources. Clicking on a segment of the chart or a specific status code will take you to a detailed data table showing requests and pages where non-200 response codes were found.
Additionally, analyze slow requests by clicking on the corresponding segment of the chart “Requests loading time”.
4. Review the consolidated data table: in the “Pages’ Requests” consolidated table, you can find summarized data for all requests. This includes information about:
Clickable columns in the table provide further insights.
We recommend paying special attention to the most heavy requests and most frequent requests.
5. Analyze request domains: pay attention to the request domains. If you use external resources for analytics, data collection, or customer communication scripts, analyze their load time and size. If an external resource is causing low page performance, consider finding alternatives.
6. Explore the “Requests Mime Types” table: examine the “Requests Mime Types” table, which lists all resources by type. Analyze the loading time and size of CSS files, fonts, and other elements. Optimizing these page elements can contribute to improved website performance.
7. Dive into raw data tables: for a more in-depth analysis, navigate to the “Data Tables” -> “JS” section. Here, you’ll find all the raw data tables for further exploration.
8. Use filters in the “Pages” data table: in the “Pages” data table, you can apply filters and sort pages based on the number of JS resources or pages where JS resources failed to load. For example, to find pages with failed JS resources, select the filter “JS Resource Failed” – “> Greater than” – “0”. This will display a data table with pages where at least one JS resource returned a client error (4xx), a 5xx status code, or failed to load.
To do this, go to the “Pages” datatable and select the appropriate filter. For example, to find all pages with failed JS resources, select the filter “JS Resource Failed” – “> Greater than” – “0”. As a result, you will see a data table with pages, during the loading of which at least 1 JS resource returned a status code with a client error (4xx), a 5xx status code or did not load at all.
By following these steps and utilizing the features provided by JetOctopus, you can effectively identify and address problems related to JS resources on your website, optimizing performance and improving user experience.