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

  1. 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.

  2. ~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.

  3. CLS is above the 0.10 target because the hero image and a few thumbnails are missing width/height (or aspect-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

Leave a Reply

Your email address will not be published. Required fields are marked *

CAPTCHA ImageChange Image