LCP
Largest Contentful Paint
35.6s
Poor
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
Fix LCP Image Loading Priority
How to optimize hkdesignpro.com
Fix LCP Image Loading Priority
High Impact+25 points estimated
Why It Matters
Your LCP image loads after 35.6 seconds due to lazy loading and missing fetch priority, severely impacting user experience.
How to Fix
Remove loading='lazy' from the hero banner image 'For-Banner-768x768.webp' in Elementor. Add fetchpriority='high' to this image element. Ensure the LCP image is discoverable in initial HTML without JavaScript dependencies.
0Poor
What This Score Means
A score of 41 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.
Core Web Vitals Analysis
INP
Interaction to Next Paint
185ms
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 WordPress site has severe performance issues with a score of 41/100. The biggest problem is an extremely slow Largest Contentful Paint of 35.6 seconds, primarily caused by render-blocking CSS and JavaScript files that delay page rendering by over 3 seconds, plus font loading issues wasting nearly 900ms. The site is loading massive amounts of unused code (over 1MB of unnecessary JavaScript and CSS) and suffering from poor caching strategies, which together create a sluggish user experience. Fixing the render-blocking resources, optimizing font loading with proper display settings, and removing unused code could dramatically improve the score by 30+ points and reduce load times by tens of seconds.
Other Optimization Recommendations
Eliminate Render Blocking Resources
High Impact+20 points estimatedWhy It Matters:
CSS and JavaScript files block initial page rendering for 3.1 seconds, preventing users from seeing content quickly.
How to Fix:
Use WP Rocket or Autoptimize to defer non-critical CSS files like widget-specific Elementor styles. Inline critical above-the-fold CSS. Move non-essential JavaScript like lazy-load.js to load after page interactive using async/defer attributes.
Optimize Web Fonts Display
High Impact+15 points estimatedWhy It Matters:
Custom fonts cause 870ms delay and block text rendering, creating invisible text periods that hurt user experience.
How to Fix:
Add font-display: swap to your custom font CSS declarations in Elementor or theme customizer. Preload critical font files (.woff2) using <link rel='preload'> in your theme's functions.php. Consider using font metric overrides to reduce layout shifts.
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 WordPress Speed Tests
WordPress Performance Resources
Optimize Hero Image Delivery
The 664KB hero background image is delaying LCP by 1.6 seconds as it's not optimized or prioritized.
Remove Unused JavaScript and CSS
Over 2.4MB of unused JavaScript and 411KB of unused CSS are slowing LCP by 7+ seconds.
Eliminate Render-Blocking Resources
Critical CSS and JavaScript files are blocking initial page render, delaying FCP by 4.4 seconds.
Extend Cache Lifetimes for Assets
Short cache durations force unnecessary re-downloads on repeat visits, slowing LCP by 150ms.