Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
How to optimize steep.rain.ea49.aquid89.workers.dev
CSS is blocking initial render and delaying LCP by 300ms, preventing users from seeing content quickly.
Inline critical CSS directly in the HTML <head> for above-the-fold content. Load the remaining CSS asynchronously using <link rel='preload' as='style'> or defer non-critical styles. Consider splitting your CSS bundle to separate critical from non-critical styles.
A score of 100 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 website achieves a perfect performance score of 100/100, but there are still optimization opportunities that could make it even faster for users. The biggest issue is render-blocking CSS that's delaying page rendering by an estimated 300ms, which affects how quickly visitors see content. Additionally, the site is loading about 34 KiB of unused JavaScript code that could be removed or deferred to save another 150ms of load time. Implementing CSS inlining or deferring non-critical styles, along with code splitting to eliminate unused JavaScript, could provide substantial speed improvements despite the already excellent performance score.
Why It Matters:
Nearly half of your JavaScript bundle (35KB) is unused, wasting bandwidth and slowing LCP by 150ms.
How to Fix:
Use webpack-bundle-analyzer or similar tools to identify unused code in your bundle. Implement code splitting to load only necessary JavaScript for each route. Enable tree-shaking in your build process to eliminate dead code automatically.
Why It Matters:
Sequential resource loading creates a dependency chain that delays critical resource availability.
How to Fix:
Add <link rel='preload'> hints for your critical CSS and JavaScript files in the HTML head. Consider inlining small critical resources to reduce network requests. Preload the main JavaScript bundle to start downloading it earlier in the page load process.
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 Generic Speed Tests
Sequential resource loading creates a dependency chain that delays critical resource availability.
Nearly half of your JavaScript bundle (35KB) is unused, wasting bandwidth and slowing LCP by 150ms.
A major layout shift (CLS score of 0.492) is causing poor user experience as content jumps during page load.
Critical CSS and JavaScript files are blocking page rendering for over 2 seconds, severely delaying both FCP and LCP.