Is anyone experiencing difficulties improving their Pagespeed Insights score for Webflow sites, despite taking measures such as image compression and JS/CSS minification?

If you're still struggling with PageSpeed Insights scores on your Webflow site despite optimizing images and minifying JS/CSS, there may be additional factors at play. Below are key areas that could be affecting your performance and how to address them.

1. Optimize Webflow's Built-In Lazy Loading

• Ensure all images and videos have lazy loading enabled, except for above-the-fold content.
• Manually set images that are visible immediately on load to "Eager" loading.

2. Reduce Unused JavaScript and CSS

• Eliminate unnecessary interactions and animations that rely on Webflow’s JS.
• Remove unused CSS classes from Webflow’s Style Manager.
• Avoid heavy third-party scripts, such as chat widgets or tracking scripts that block rendering.

3. Optimize Fonts and Reduce Webfont Loads

• Limit the number of custom fonts by using fewer typefaces and weights.
• Ensure fonts are preloaded using Webflow’s custom code section:
• Add <link rel="preload" href="your-font-url" as="font" type="font/woff2" crossorigin="anonymous"> manually.
• Use system fonts where possible for improved performance.

4. Implement Proper Asset Sizing and Compression

• Use WebP format instead of PNG/JPG where possible.
• Set correct image sizes (don’t upload oversized images).
• Manually compress images further with TinyPNG or Squoosh before uploading.

5. Avoid Excessive DOM Size and Nested Structures

• Flatten div structures, as complex nested divs increase render time.
• Minimize collection lists inside collection lists, which can cause slow loading.

6. Implement Proper Caching and CDN Use

• Utilize Webflow’s built-in CDN, but also test adding caching rules to .htaccess (if exporting code).
• For third-party scripts, load them asynchronously using defer or async.

7. Reduce Render-Blocking Resources

• Move non-essential scripts to the footer in Webflow’s custom code section.
• Use Cloudflare (if possible) to streamline delivery and enable automatic asset optimization.

8. Optimize LCP, FID, and CLS Metrics

• Largest Contentful Paint (LCP): Ensure hero images load quickly and are optimized.
• First Input Delay (FID): Reduce heavy scripts and third-party integrations.
• Cumulative Layout Shift (CLS): Set explicit width/height for images and avoid dynamic elements shifting content.

Summary

To boost PageSpeed Insights scores on Webflow, focus on reducing unused CSS/JS, optimizing fonts, implementing proper lazy loading, and minimizing render-blocking resources. Tools like Cloudflare, TinyPNG, and Webflow’s built-in optimizations can dramatically improve scores. Test after each optimization step for measurable improvements.