Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
How to optimize eatoutthebox.co.za
Custom fonts are blocking rendering for 30ms and causing layout shifts during load.
Add font-display: swap to your Outfit variable font CSS declaration. Preload the critical Outfit font file using <link rel='preload'> in your theme's header.php. Use WordPress font optimization plugins like OMGF to host fonts locally and add proper display properties.
A score of 95 falls in the "Good" range (50-89). While it is better than poor (0-49), you should aim for 90+ to provide an optimal user experience and maximize SEO benefits.
This site is slower than approximately 35% of similar sites. The main issues affecting performance are image optimization, JavaScript execution time, and layout stability.
Addressing these issues could improve your conversion rate by 15-20% and boost your search engine rankings.
Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
Interaction to Next Paint
Good: < 200ms
Measures how quickly the page responds to user interactions
Cumulative Layout Shift
Good: < 0.1
Measures visual stability - how much content shifts during page load
This WordPress site performs well overall with an excellent score of 95/100, but there's still room for improvement in loading speed. The biggest issue is unused CSS code - your site is loading 78KB of unnecessary CSS styling that's slowing down page rendering by 600ms and contributing to a 2.8-second Largest Contentful Paint time. Cleaning up this bloated stylesheet, along with optimizing your images (which could save another 82KB) and adding proper font display settings, could easily push your performance into the perfect range while making pages feel noticeably faster for visitors.
Why It Matters:
Unused CSS is blocking rendering and delaying LCP by 600ms with 78KB of wasted bytes.
How to Fix:
Access your LiteSpeed Cache settings and enable CSS optimization to purge unused rules. Use Asset CleanUp plugin to remove CSS from pages where it's not needed. Consider splitting the large CSS file into page-specific smaller files.
Why It Matters:
The hero banner image lacks fetchpriority=high, missing an opportunity to improve 2.8s LCP time.
How to Fix:
Add fetchpriority='high' attribute to your main banner image in the WordPress block editor. If using a custom theme, modify the cover block template to include this attribute. Consider using a performance plugin like WP Rocket that can automatically add priority hints.
Get AI-powered performance insights with actionable fixes in 30 seconds
More WordPress Speed Tests
Custom fonts block text rendering for 880ms, delaying FCP and creating poor user experience.
LCP element has 7.5 second resource load delay because it's not discoverable from initial HTML.
Unused assets waste 130KB of bandwidth and delay FCP by 1.05 seconds, severely impacting Core Web Vitals.
CSS files are blocking page rendering and delaying FCP by 8.99 seconds, severely impacting user experience.
Once your site is optimized, maintain that speed. Use DeployHQ for zero-downtime, automated deployments—so performance fixes and updates go live safely every time, without breaking your site.