Fix Font Loading Layout Shifts

How to optimize koku.scripts.com

Generic SiteScore: 74/100Analyzed April 2026Re-analyze this site

Fix Font Loading Layout Shifts

High Impact+12 points estimated

Why It Matters

Web fonts are causing a CLS score of 0.154 as they load and change text rendering, creating visual instability.

How to Fix

Add font-display: swap to Google Fonts URL parameters or CSS @font-face declarations. Preload critical fonts using <link rel='preload' as='font'> in the HTML head. Use font metric overrides to match fallback font dimensions and reduce layout shifts.

0Needs Improvement

What This Score Means

A score of 74 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.

Core Web Vitals Analysis

LCP

Largest Contentful Paint

2.9s
Needs Improvement

Good: < 2.5s

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

INP

Interaction to Next Paint

200ms
Good

Good: < 200ms

Measures how quickly the page responds to user interactions

CLS

Cumulative Layout Shift

0.15
Needs Improvement

Good: < 0.1

Measures visual stability - how much content shifts during page load

AI Performance Analysis

This website has moderate performance issues with a score of 74/100. The biggest problem is layout instability caused by web fonts loading late, creating a poor user experience as content shifts around while the page loads. Additionally, the site is serving oversized PNG images that could be reduced by nearly 1MB by converting to modern formats like WebP and properly sizing them for display. Fixing these font loading issues and optimizing images could improve the performance score by 15-20 points and significantly reduce the jarring visual shifts users experience.

Other Optimization Recommendations

Eliminate Render Blocking Resources

High Impact+18 points estimated

Why It Matters:

Render blocking CSS and JavaScript are delaying First Contentful Paint by 1.8 seconds and preventing the page from loading efficiently.

How to Fix:

Defer non-critical CSS by adding media='print' and switching to 'all' onload. Move jQuery and Bootstrap JavaScript to load asynchronously or at the end of the body. Inline critical CSS for above-the-fold content directly in the HTML head.

Optimize Blog Images Format

Medium Impact+8 points estimated

Why It Matters:

Blog images are using outdated PNG format, wasting 992 KiB in file size and slowing page load performance.

How to Fix:

Convert all blog images from PNG to WebP format using an image optimization tool or server-side conversion. Implement responsive image sizes to serve appropriately sized images (current images are 700x400 but display at 668x382). Add explicit width and height attributes to prevent layout shifts during image loading.

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 Generic Speed Tests

Generic Performance Resources

Frequently Asked Questions