Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
How to optimize hex.tech
204KB of unused JavaScript delays page load by 1050ms and wastes bandwidth unnecessarily.
Use webpack-bundle-analyzer to identify unused code in your bundles. Implement code splitting to load only required JavaScript per page. Remove or defer third-party scripts like HubSpot analytics that aren't critical for initial page load. Configure tree-shaking in your build process to eliminate dead code.
A score of 42 falls in the "Poor" 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 has severe performance issues with a score of just 42/100, making it significantly slower than recommended. The biggest problem is extremely slow loading times - it takes 6.8 seconds for users to see any content (First Contentful Paint) and a devastating 13.1 seconds for the main content to fully load (Largest Contentful Paint). The site is bloated with 204 KiB of unused JavaScript code that's unnecessarily slowing down the page, plus an additional 52 KiB of outdated JavaScript polyfills that modern browsers don't need. Removing this excess code, optimizing the large 218 KiB background image, and fixing the render-blocking CSS files could potentially save over 2 seconds of load time and dramatically improve user experience.
Why It Matters:
The 260KB background texture image severely impacts LCP with an estimated 800ms delay.
How to Fix:
Compress the light-bkg-noise.webp file using tools like Squoosh or ImageOptim to reduce its 216KB waste. Convert the PNG noise texture to WebP format for better compression. Consider using CSS gradients or smaller tiled patterns instead of large background images.
Why It Matters:
Font CSS files block initial page render for 790ms, severely delaying First Contentful Paint.
How to Fix:
Add preload links for critical fonts in the HTML head: <link rel='preload' href='/fonts/GT-Cinetype-Bold.woff2' as='font' crossorigin>. Inline critical font CSS directly in the HTML. Use font-display: swap for all custom fonts to prevent invisible text during font load.
Get AI-powered performance insights with actionable fixes in 30 seconds
More Generic Speed Tests
Missing image dimensions cause layout shifts affecting CLS, while poor caching forces unnecessary re-downloads.
Oversized images waste 310 KiB of bandwidth and slow down page loading, particularly impacting mobile users.
Critical CSS and JavaScript files are blocking initial render, delaying LCP and FCP by 950ms.
Render-blocking CSS delays initial paint by 1,890ms and forced reflows cause 87ms of layout thrashing.
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.