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

Shopify Discussion
2

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.