Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
How to optimize fiziotars.hu
ReCAPTCHA JavaScript wastes 191 KiB and delays LCP/FCP by 900ms, severely impacting Core Web Vitals.
Implement lazy loading for ReCAPTCHA by only loading it when users interact with forms. Use dynamic imports in Next.js: const ReCAPTCHA = dynamic(() => import('react-google-recaptcha'), { ssr: false }). Load the script only when form fields are focused using useEffect hooks.
A score of 69 falls in the "Needs Improvement" 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/React website has poor performance with a score of 69/100, primarily due to bloated third-party resources that are significantly slowing down page loading. The biggest culprit is Google reCAPTCHA, which is loading 191KB of unused JavaScript and causing nearly a full second of delay, while also triggering performance-damaging forced reflows. The site's First Contentful Paint and Largest Contentful Paint are both taking a sluggish 5 seconds, largely because of render-blocking CSS files and excessive unused code from both reCAPTCHA and UI frameworks like Ant Design. Removing or optimizing the reCAPTCHA implementation, cleaning up unused CSS/JavaScript, and addressing the render-blocking resources could easily improve the performance score by 15-20 points and dramatically speed up the user experience.
Why It Matters:
Critical CSS files are blocking initial render and delaying LCP by 150ms.
How to Fix:
Use Next.js built-in CSS optimization by moving critical styles to _app.js or inline them in the document head. Extract above-the-fold CSS into a separate critical.css file. Defer non-critical CSS using media='print' onload='this.media="all"' technique for remaining stylesheets.
Why It Matters:
70 KiB of unused CSS is wasting bandwidth and delaying FCP/LCP by 150ms.
How to Fix:
Use PurgeCSS with Next.js to automatically remove unused CSS during build process. Configure purge options in next.config.js to whitelist dynamic classes. Split CSS by components using CSS Modules or styled-components to load only necessary styles per page.
Get AI-powered performance insights with actionable fixes in 30 seconds
More Performance Analyses
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.