How to fix: Pages have a JavaScript and CSS total size that is too large

CSS total size JavaScript total size Semrush site audit tips

Issue: If your JavaScript and CSS files are too large (over 2 MB total), it can slow down page load times, hurting user experience and potentially lowering search engine rankings.

Fix: Remove any unnecessary JavaScript and CSS files. For essential files, try compressing or minifying them to reduce their size.

Recommendations

  1. Minify Files: Use minification tools to remove unnecessary characters and whitespace from JavaScript and CSS files, reducing their size.
  2. Combine Files: Combine multiple CSS or JavaScript files into one to reduce the number of requests.
  3. Use Only Essential Code: Review all code files and eliminate any that aren’t critical to page functionality.
  4. Consider Async and Defer Attributes: Load JavaScript files asynchronously or defer loading until needed to improve load times.
  5. Use Compression: Enable gzip or Brotli compression on your server to reduce file sizes during transfer.

Tip: Smaller JavaScript and CSS files improve load speed, boosting SEO and user experience.

Related Posts