Uncached Javascript and CSS Error in Shopify

Hello SEO professionals!

I conducted an audit on SEMRush for a client’s Shopify store recently. The audit revealed warnings related to “Uncached Javascript and CSS” and “unminified Javascript and CSS”, which can impact page speed.

I researched potential solutions such as W3 Total Cache, but it seems they are designed for Wordpress, not Shopify. Is there a tool or plugin available for Shopify to address these issues? Any advice would be appreciated.

There are a few approaches to address “Uncached Javascript and CSS” and “unminified Javascript and CSS” issues in Shopify stores:

1. Shopify’s Built-in Features:

  • Theme Settings: Many Shopify themes have built-in settings for enabling caching and minification. Explore your theme’s settings to see if they offer these options.
  • Asset Delivery Networks (CDNs): Shopify utilizes a CDN to deliver static assets (like CSS and JS) from servers closer to users, potentially improving page speed and reducing the impact of uncached assets.

2. Third-Party Apps:

  • Speed Optimization Apps: Several Shopify apps specialize in improving page speed and addressing issues like caching and minification. These apps often have dedicated settings for handling CSS and JavaScript. Popular options include:
    • PageSpeed Insights: This app provides detailed insights into website performance and suggests specific optimizations, including caching and minification.
    • Rocket.Chat: Similar to PageSpeed Insights, Rocket.Chat offers features to improve page load times by optimizing CSS and JavaScript.
    • FastComet: FastComet offers a plugin that optimizes your store for speed and performance by compressing images and minifying CSS and JavaScript.

3. Manual Optimization:

  • Minify CSS and JavaScript: You can use online tools like CSS Minifier and JSCompress to minify your CSS and JavaScript files before uploading them to Shopify.
  • Combine CSS and JavaScript: Combining multiple CSS and JavaScript files into a single file can reduce the number of HTTP requests, improving loading times.

4. Shopify Support:

  • Shopify Support: If you’re unsure how to proceed, contact Shopify Support. They can provide guidance on the best approach for your specific theme and store setup.