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
Unused CSS is blocking rendering and delaying LCP by 600ms with 78KB of wasted bytes.
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.
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:
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.
Why It Matters:
Custom fonts are blocking rendering for 30ms and causing layout shifts during load.
How to Fix:
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.
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.
Get AI-powered performance insights with actionable fixes in 30 seconds
More WordPress Speed Tests
52KB of unused CSS and 74KB of unused JavaScript increase page weight and slow down parsing without providing value.
The header logo is 51KB larger than needed and wastes bandwidth while potentially delaying LCP.
Web fonts cause significant layout shifts (CLS: 0.139) and delay content rendering, directly impacting user experience.
84% of your CSS (52KB) and 66% of Divi JavaScript (74KB) is unused, slowing down page load times.