DEV Community

Zlatko Marjanovic
Zlatko Marjanovic

Posted on Originally published at zlatkomarjanovic.com

Webflow Performance Optimization: What Actually Moves Lighthouse and Field Data

Webflow performance improves when you fix LCP images, font load, IX2, third-party scripts, and layout shift on the templates that actually get traffic.

I wrote the long version because teams keep treating this as a slogan instead of a sequence. The short version is still useful: decide what the page or site is actually for, then protect the URLs, the offer, and the HTML Google can fetch.

What this actually means

Honest Webflow performance work: images, fonts, IX2, third-party scripts, and Core Web Vitals. No fake 40-to-90 case studies.

Most of the damage I see is not a missing plugin. It is a missing owner. Someone redesigned the template, dropped a title, hid the copy behind a click, or launched without a redirect map. Then they asked why traffic moved.

The parts I would not skip

  • Use Search Console field data on real templates, not a fake 40-to-90 slide.
  • LCP on Webflow is usually an oversized hero. Do not lazy-load it.
  • Fonts, IX2 page-load motion, and third-party scripts are the usual INP tax.
  • Reserve image and embed space or CLS will keep failing after you compress files.

If you only do one thing, do the inventory first. Crawl the current site. Export Search Console. Write down the URLs that already earn clicks or conversations. Those pages are the contract. Everything else is decoration until that list is safe.

How I would use this

I treat this as a working note, not a manifesto. Use it before you hire, before you migrate, or before you open a new design file. If the current site already works, do not blow it up for a moodboard.

This is an adapted version of a longer guide. The full walkthrough, examples, and implementation notes live on my site.

Read the full article: Webflow Performance Optimization: What Actually Moves Lighthouse and Field Data

Top comments (0)