Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
How to optimize hopechurchtolworth.org
Images totaling 454KB have no cache headers, forcing re-downloads on repeat visits and delaying LCP by 300ms.
Configure your server to add cache-control headers for static assets (images: 1 year, CSS/JS: 1 month). Use ETags for validation. Consider implementing a CDN like CloudFlare for automatic optimization and global caching.
A score of 86 falls in the "Needs Improvement" 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 church website has good performance with a score of 86/100, but there are several optimization opportunities that could make it even faster. The biggest issue is unused CSS and JavaScript - the site loads 30KB of unnecessary CSS (92% unused) and 57KB of unused JavaScript from Google Analytics, which is slowing down page loading. The fonts are also causing delays because they don't use proper display settings, wasting about 140ms of loading time, and images lack proper caching which could save an additional 454KB on repeat visits. Addressing these issues, particularly cleaning up the unused code and optimizing font loading, could push the performance score into the 90s and improve the user experience significantly.
Why It Matters:
91% of your CSS (30KB) and 40KB of JavaScript are unused, directly impacting LCP by 500ms total.
How to Fix:
Audit your CSS to identify critical above-the-fold styles and inline them. Remove or defer the remaining CSS. Use webpack-bundle-analyzer to identify unused JavaScript chunks and implement code splitting to load only necessary scripts.
Why It Matters:
Font loading blocks text rendering for 140ms and creates invisible text during load, hurting FCP.
How to Fix:
Add font-display: swap to your @font-face declarations in CSS. Preload critical font files using <link rel='preload' as='font'> in your HTML head. Consider using font metric overrides to reduce layout shift during font swap.
Get AI-powered performance insights with actionable fixes in 30 seconds
More Generic Speed Tests
Optimizing cache headers ensures consistently fast repeat visits and maintains your excellent performance score.
With a perfect performance score, preloading key resources can further optimize LCP for varying network conditions.
Current viewport configuration causes 300ms tap delays on mobile interactions, directly impacting INP scores.
Images without width/height attributes cause layout shifts and poor user experience as they load.
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.