LCP
Largest Contentful Paint
3.3s
Needs Improvement
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
Optimize Image Sizing and Compression
How to optimize belizetravelinsider.com
Optimize Image Sizing and Compression
High Impact+15 points estimated
Why It Matters
Oversized images waste 84KB and delay LCP by 150ms with unnecessary data transfer.
How to Fix
Update Next.js Image components with proper responsive sizes props matching actual display dimensions. Increase compression by lowering quality parameter from q=74 to q=60-65. Use next-optimized-images to automatically serve correctly sized images.
0Good
What This Score Means
A score of 91 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.
Core Web Vitals Analysis
INP
Interaction to Next Paint
90ms
Good
Good: < 200ms
Measures how quickly the page responds to user interactions
CLS
Cumulative Layout Shift
0.00
Good
Good: < 0.1
Measures visual stability - how much content shifts during page load
AI Performance Analysis
This Next.js site has good performance with a score of 91/100, but there's still room for improvement. The biggest issue is render-blocking CSS files that are delaying both page rendering and the Largest Contentful Paint (currently at 3.3 seconds), with an estimated impact of 850ms. The site is also serving oversized images that could be compressed and properly resized to save 84KB, and has unused JavaScript code wasting 46KB of bandwidth. Addressing the render-blocking CSS by inlining critical styles and optimizing image delivery would provide the most significant performance gains for users.
Other Optimization Recommendations
Eliminate Render Blocking CSS
High Impact+25 points estimatedWhy It Matters:
Blocking CSS delays LCP and FCP by 850ms, preventing users from seeing content quickly.
How to Fix:
Configure Next.js to inline critical CSS using next-critical plugin. Split large CSS files (27KB) into route-specific chunks. Use CSS-in-JS or CSS modules for component-specific styles to enable automatic code splitting.
Remove Unused JavaScript Code
Medium Impact+8 points estimatedWhy It Matters:
46KB of unused JavaScript delays LCP by 300ms and wastes bandwidth on mobile users.
How to Fix:
Enable tree shaking in Next.js webpack config to eliminate dead code. Use dynamic imports for heavy libraries like the 60KB chunk. Configure @next/bundle-analyzer to identify and remove unused dependencies from the 3794 chunk.
Keep Your Site Fast After Optimization
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.
Explore DeployHQ →Trusted by engineering teams shipping high-performance sites
Want to Analyze YOUR Website?
Get AI-powered performance insights with actionable fixes in 30 seconds
Related Performance Analyses
More Next.js Speed Tests
Next.js Performance Resources
Remove Unused JavaScript Code
46KB of unused JavaScript delays LCP by 300ms and wastes bandwidth on mobile users.
Eliminate Render Blocking CSS
Blocking CSS delays LCP and FCP by 850ms, preventing users from seeing content quickly.
Remove Unused CSS and JavaScript
310KB of unused CSS and legacy JavaScript polyfills are unnecessarily bloating your bundles and slowing page load.
Fix Layout Shift from Images
Your CLS score of 1.082 is primarily caused by unsized images in the footer causing massive layout shifts.