Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
How to optimize adminportal.happythoughts.in
CSS and font files are blocking initial render, delaying LCP and FCP by 1.45 seconds.
Use Next.js built-in font optimization by importing Google Fonts through next/font/google instead of external CSS links. Inline critical CSS for above-the-fold content. Preload essential fonts using <link rel='preload'> in your Next.js _document.js file.
A score of 37 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 Next.js admin portal has severe performance issues with a score of just 37/100. The biggest problem is enormous unoptimized images (over 7MB total) that are causing an extremely slow Largest Contentful Paint of 8.5 seconds - well beyond Google's recommended 2.5 seconds. The site is also suffering from excessive JavaScript execution time (3.8 seconds) and render-blocking resources that delay initial page rendering by nearly 1.5 seconds. Compressing those three large PNG images alone could save over 6MB and dramatically improve loading times, while addressing the unused JavaScript (350KB) and CSS issues would further boost performance significantly.
Why It Matters:
Three large PNG images (6.3MB total) are causing massive payload size and delaying LCP by 900ms.
How to Fix:
Convert PNG images to WebP format using Next.js Image component with automatic optimization. Compress images to under 200KB each using tools like Squoosh or ImageOptim. Implement responsive images with srcSet for different screen sizes. Add priority loading to above-the-fold images.
Why It Matters:
350KB of unused JavaScript and 32KB of unused CSS are unnecessarily blocking the main thread and increasing load times.
How to Fix:
Use Next.js dynamic imports to code-split large components and load them only when needed. Remove unused CSS by auditing Tailwind classes and purging unused styles. Defer Google Analytics loading using next/script with strategy='afterInteractive' instead of GTM.
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
LCP element has 3.2 second render delay causing the poor 7-second LCP score.
Heavy JavaScript parsing takes 900ms and creates 990ms of blocking time, preventing user interactions.
Google Fonts are blocking first paint for 1.65 seconds, severely delaying LCP and FCP.
Images are oversized and poorly compressed, wasting 289 KiB of bandwidth with no impact on visual quality.