Optimize LCP and TBT for Elementor Sites: Proven StrategiesOptimize LCP and TBT for Elementor Sites: Proven Strategies
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
A regional behavioral health nonprofit's main site was failing CrUX field data on LCP — homepage built on Elementor Pro with a Hello Elementor child theme, lab LCP swinging 14–26 seconds depending on the run, TBT over 600ms. The client needed real-world field performance fixed without a full rebuild.
Phase 1 — Caching & asset loading: Enabled Elementor's Optimized Markup Performance, tuned LiteSpeed and Cloudflare cache rules, and audited Rocket Loader for inline-script breakage.
Phase 2 — Targeted patches: Seven discrete fixes including Typekit inline + font-display swap + preload, removal of a 329KB Vimeo widget that wasn't earning its keep, and 1.27MB of image savings via WebP conversion with Cloudflare-aware purge handling.
Stack at a glance:
CMS: WordPress + Elementor Pro 4.x
Theme: Hello Elementor child theme
Edge / Cache: Cloudflare (Transform Rules, Snippets, WAF)
Server cache: LiteSpeed Cache
Custom: PHP hooks for asset dequeue
Skills: WordPress · Elementor · Core Web Vitals · LCP Optimization · TBT Reduction · LiteSpeed · Cloudflare · WebP · Performance Optimization · CrUX · Lighthouse
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started