How do I fix 404 console errors for better PageSpeed score?

[mrsaxman29]

Just trying to get a 100 on PageSpeed Best Practices.  There are 2 errors logging to the console I can't seem to find in the code.  Both are coming from the Shopify CDN:

DevTools failed to load source map: Could not load content for shopify-xr-js/assets/v1.0/bundle.js.map with HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

other one is from:

/apps/ba-pop/app_metrics

Any ideas?

[Tony-BEMEApps · Accepted solution]

Hi @mrsaxman29,

It appears that you're encountering two separate 404 errors from your Shopify store console. Let's break them down:

1. Source map error: The error message DevTools failed to load source map: Could not load content for shopify-xr-js/assets/v1.0/bundle.js.map with HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE suggests that your browser's DevTools is trying to retrieve a source map file for debugging purposes. This file is typically useful during development to map the minified code back to the original source code. However, it's generally not crucial in a production environment. Your users and SEO tools like Google PageSpeed shouldn't be affected by this missing source map.

   If you still want to address this, you can either provide the missing source map file at the mentioned path or remove the reference to the source map file in your JavaScript file (usually found at the end of the file).

2. App metrics error: The /apps/ba-pop/app_metrics error seems to come from a third-party Shopify app. This could be due to a misconfiguration or remnants of an app that was not fully removed. If you recognize this path from an app you've uninstalled, you might want to check your theme's code for any leftover snippets from this app. If you're still using this app, it might be worth reaching out to the app developer for further assistance.

Lastly, while aiming for a 100 score on PageSpeed Best Practices is a great goal, remember that it's not always achievable or essential. Some factors influencing the score may not significantly impact your site's performance or user experience. It's essential to find a balance between optimization and providing a seamless user experience. These specific errors, for instance, are unlikely to be affecting your site's performance significantly.

I hope this helps! Let me know if you have any other questions.

[flareAI]

Hello @mrsaxman29,

I am Gina from flareAI app helping Shopify merchants get $6Million+ in sales from Google Search, on autopilot.

The error notification you described suggests that the browser's DevTools encountered an issue while attempting to retrieve a source map file from the Shopify CDN. Source maps serve the purpose of facilitating debugging and linking the minified or compiled code to its original source code.

The error you came across pertains to the source map file shopify-xr-js/assets/v1.0/bundle.js.map, which was not located on the server. This error commonly arises when the source map file is absent or inaccessible

To address this problem, you can attempt the following measures :

*  Eliminate your browser cache

      Occasionally, cached files can lead to complications. By clearing the cache, you can ensure that you are obtaining the most up-to-date versions of the files.

*  Verify the URL of the source map file

     Confirm that the URL specified for the source map file is accurate and directs to the intended location. Take extra care to review your code for any typographical errors or incorrect paths.

*  Confirm the presence of the source map file

      Make sure that the source map file `bundle.js.map` is available on the Shopify CDN .You can try access the file directly by pasting the URL (`shopify-xr-js/assets/v1.0/bundle.js.map`) in your browser's address bar. In case the file is not found, it may be necessary to reach out to Shopify support for further help.

* Ensure that your Shopify theme or app is up to date

      If you are utilizing a particular Shopify theme or app that handles CDN resources, make sure that you have the most recent version installed. Occasionally, outdated themes or apps can lead to problems with the CDN files.

* Get in touch with Shopify's customer support.

       It is advisable to reach out to Shopify support for further assistance if the above steps don't resolve the issue. They can investigate the problem in detail and provide specific guidance based on your Shopify setup.

It appears that the second error you mentioned is likely associated with an app called "ba-pop" and specifically with an endpoint or resource called "app_metrics". Without more information about this app, it's difficult to provide a specific solution. Nevertheless, I can provide you with some general recommendations to aid in your investigation and resolution of the issue.

1. Review app documentation

Verify if the "ba-pop" app offers any documentation or troubleshooting guides that may contain relevant information regarding the error you are experiencing. The provided documentation could include specific instructions on how to resolve common issues or get in touch with their support team.

2. Check the code and configuration

Evaluate your Shopify theme files, including any modifications or code snippets associated with the "ba-pop" app. Look for any references to the "app_metrics" endpoint or the specific error message you received. Make sure the code and configuration for the app are properly implemented.

3. Temporarily deactivate or remove the app

To ascertain whether the error is attributed to the "ba-pop" app, you can experiment with temporarily deactivating or removing it. This will help isolate the issue and see if the errors persist without the app's involvement.

4. Contact the app's developer or support team for assistance

If the error persists and continues to occur after reviewing the code and disabling the app, it's best to reach out to the "ba-pop" app developer or support team. They will have a better understanding of the app's functionality and can provide guidance or updates to address the error.

5. Seek help from the Shopify support team.

If you are unable to resolve the issue with the app developer or their support team, it's recommended to contact Shopify support. They can provide further assistance and investigate any potential conflicts or issues related to the app or its integration with your store.

Let me know if you require any further guidance.

Gina

[Sparta]

Hi, I just have the same 404 error with the ba-pop and can't find where it comes from. Did you Figured it out? TIA