You knocked out the easy desktop-only wins (blocking JS = 0 ms) but the main mobile bottlenecks—huge hero image + unused CSS + layout shift—are still there, and mobile PageSpeed actually worsened (66 → 61). Until those three issues are fixed you’ll stay orange on mobile.
What actually changed
Metric | “Before”* | “After” | Δ | Comment |
---|---|---|---|---|
TBT (desktop) | ~140 ms | 0 ms | ▲ | They deferred / delayed Elementor & WP-core JS—good job. |
LCP (desktop) | 1.3 s | 1.1 s | ▲ | Minor; hero still loads as CSS background, so improvement is just from JS deferral. |
LCP (mobile) | 5.4 s | 5.2 s | ▲ | Practically unchanged—image still 500 kB+, still lazy-loaded. |
CLS (mobile) | 0.24 | 0.23 | — | Layout still shifts because hero has no explicit dimensions. |
Payload | 3.8 MB | 3.3 MB | ▼ 0.5 MB | They compressed some images but hero + fonts untouched. |
*Based on the 27 May report you sent.
Why mobile is still slow
-
Hero image is still the LCP offender. It’s a 2,000-px JPEG served as a CSS background, requested after the CSS arrives. On a throttled 4G connection that alone adds ~2 s to LCP. Best-practice hero size is ≤1600 × 900 px & <150 kB WebP served as
<img>
so the browser discovers it instantly Medium. -
~95 kB of unused CSS is still shipped on every visit. Lighthouse flags it; WP Rocket’s “Remove unused CSS” option is still disabled WP Rocket.
-
CLS is above the 0.10 target because the hero image and a few thumbnails are missing
width
/height
(oraspect-ratio
) attributes; the browser can’t reserve space, so the content jumps when the images finally load web.dev.
5 concrete fixes to request next
Priority | Task | Tool / How-to | Pay-off |
---|---|---|---|
P1 | Replace CSS background hero with inline <img src="/wp…/hero.webp" fetchpriority="high" decoding="async" width="1600" height="900"> . Compress to ≤150 kB WebP and add <link rel="preload" as="image" href="…hero.webp"> . |
TinyPNG/Squoosh + template edit | –2–3 s LCP (mobile) |
P2 | Turn on WP Rocket → File Optimisation → “Remove Unused CSS” site-wide; exclude Elementor editor. | WP Rocket | –100 kB transfer, –200 ms parse & SI |
P3 | Add width /height (or aspect-ratio ) to every above-the-fold <img> and <iframe> |
Autoptimize “async CSS + images” helper or manual edit | CLS → < 0.1 |
P4 | Self-host Google Fonts and preload the first WOFF2 file (font-display:swap ) |
OMGF plugin | Cuts 2 extra requests & 50 KB |
P5 | Extend browser cache for logo + favicon (currently ≤1 day) to 1 year | Cloudflare “Cache Rule” | Removes final “inefficient cache policy” warning |