Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
How to optimize referraldrop.com
40 KiB of unused JavaScript delays LCP by 150ms and wastes bandwidth on every page load.
Analyze the 8714-fe1c49be871c835d.js chunk using Next.js Bundle Analyzer to identify unused code. Implement dynamic imports for components not needed on initial render. Use Next.js code splitting with lazy loading for below-the-fold components using React.lazy() and Suspense.
A score of 99 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 Next.js site performs exceptionally well with a score of 99/100, indicating excellent optimization overall. The primary area for improvement is reducing unused JavaScript, which is currently wasting about 40 KiB and could shave off 150 milliseconds from the Largest Contentful Paint. Additionally, optimizing image delivery by properly sizing and compressing logo images could save another 26 KiB of bandwidth. These are minor optimizations that would push an already high-performing site to near-perfect scores.
Why It Matters:
Logo images are 2-3x larger than needed, wasting 26 KiB and slowing perceived performance.
How to Fix:
Replace static img tags with Next.js Image component for automatic responsive sizing. Configure next.config.js with proper image sizes array matching your breakpoints. Add srcSet generation for logos to serve appropriately sized images based on display dimensions.
Why It Matters:
Current WebP images can be compressed further without quality loss, reducing transfer time.
How to Fix:
Configure Next.js Image optimization with quality parameter set to 75-80 in next.config.js. Implement sharp image processing for better compression ratios. Consider AVIF format as fallback for modern browsers with WebP as backup.
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 Next.js Speed Tests
Oversized images waste 448 KiB and your logo alone is 2852x2696 but displayed at 70x70 pixels.
570 KiB of unused JavaScript is delaying LCP by 2.85 seconds and blocking user interactions.
Current WebP images can be compressed further without quality loss, reducing transfer time.
Logo images are 2-3x larger than needed, wasting 26 KiB and slowing perceived performance.