Fix Web Font Layout Shifts

How to optimize airforceshield.com

WordPress SiteScore: 41/100Analyzed June 2026Re-analyze this site

Fix Web Font Layout Shifts

High Impact+25 points estimated

Why It Matters

Web fonts are causing 0.6 CLS score by shifting content when they load, severely impacting user experience.

How to Fix

Add font-display: swap to all @font-face declarations in your WordPress theme. Preload critical fonts (Hanken Grotesk, DM Sans, Poppins) using <link rel='preload'> in the theme's functions.php. Set fallback fonts with similar metrics to minimize shift when custom fonts load.

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

LCP

Largest Contentful Paint

4.8s
Poor

Good: < 2.5s

Measures how long it takes for the main content to appear on screen

INP

Interaction to Next Paint

179ms
Good

Good: < 200ms

Measures how quickly the page responds to user interactions

CLS

Cumulative Layout Shift

0.60
Poor

Good: < 0.1

Measures visual stability - how much content shifts during page load

AI Performance Analysis

This WordPress site has poor performance with a score of 41/100. The biggest problem is excessive layout shift (0.604 CLS score) caused by web fonts loading late and shifting content around, severely impacting user experience. The site also suffers from render-blocking resources that delay page rendering by over 3 seconds, massive unused CSS (254 KB), and oversized images. Fixing font loading with proper font-display properties, removing unused CSS from plugins like Elementor, and optimizing image sizes could improve the score by 30+ points and eliminate the jarring layout shifts users currently experience.

Other Optimization Recommendations

Remove Unused CSS and JavaScript

High Impact+18 points estimated

Why It Matters:

254 KiB of unused CSS and 782 KiB of unused JavaScript are delaying FCP and LCP by 750ms.

How to Fix:

Install Asset CleanUp Pro to disable unused plugins on specific pages. Remove YouTube embed CSS (99% unused) by replacing with lite-youtube-embed. Audit Elementor widgets and disable unused ones. Use PurgeCSS or similar tools to remove unused CSS from your theme.

Optimize Render-Blocking Resources

High Impact+15 points estimated

Why It Matters:

Render-blocking scripts are delaying FCP by 3.3 seconds, preventing users from seeing content quickly.

How to Fix:

Defer the Donna AI widget script (donna-widget.js) to load after page interactive. Move ElementsKit CSS to load asynchronously using loadCSS technique. Inline critical CSS for above-the-fold content directly in the WordPress theme header.

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

More WordPress Speed Tests

WordPress Performance Resources

Frequently Asked Questions