Skip to content
https://css-tricks.com

Performance

· 14 checks — Lighthouse + waterfall + sustainability rolled into one auditable list.
SCORE
80
GRADE
B
FIX
3
REVIEW
3
PASS
6
INFO
2

Performance-focused optimization plan with CWV assessment, top offenders, and time estimates

Mobile Desktop
72
Performance Overall performance score (0–100) based on Core Web Vitals and other metrics. 90+ is good.
85
Accessibility Measures how accessible the page is for users with disabilities. Checks color contrast, ARIA labels, and semantic HTML.
73
Best Practices Checks for modern web development best practices including HTTPS, no console errors, and secure JavaScript.
85
SEO Measures basic SEO optimizations: meta tags, crawlability, link text, and mobile friendliness.

First Contentful Paint First Contentful Paint — how long until the browser renders the first piece of content. Under 1.8s is good.

2.14 s

Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.

5.16 s

Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.

297 ms

Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.

0.036

Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.

2.71 s

Time to Interactive Time to Interactive — how long until the page is fully interactive and responds to user input. Under 3.8s is good.

9.69 s

Page Load Progression

375 ms
750 ms
1.1 s
1.5 s
1.9 s
2.2 s
2.6 s
3.0 s
Checks
14
6 PASS 3 REVIEW 3 FIX
D
Third-Party Impact
Action
65% third-party, 0 ms blocking
FIX
65% third-party, 0 ms blocking
Warning::
Third-party code accounts for 65% of page weight (851.5 KiB of 1.3 MiB)
Info::
Third-party blocking time is low (0 ms)
35%
65%
First-party Third-party
D
JS Execution Cost
Action
3031ms total JS execution
FIX
3031ms total JS execution
Warning::
https://css-tricks.com/: 1048ms CPU time
Warning::
Unattributable: 951ms CPU time
Warning::
https://www.googletagmanager.com/gtag/js?id=G-4TM4...: 271ms CPU time
Info::
https://css-tricks.com/wp-content/plugins/jetpack/...: 163ms CPU time
Info::
https://cdn.segment.com/analytics.js/v1/nnmtLrk127...: 127ms CPU time
Warning::
Third-party scripts: 1571ms (52% of total)

Main Thread Breakdown

Script Evaluation 34% Other 28% Style & Layout 20% Script Parsing & Compilation 6% Parse HTML & CSS 5% Rendering 4%
ScriptTotalScriptingParse/CompileParty
https://css-tricks.com/1048ms28ms12ms1st
Unattributable951ms142ms0ms3rd
https://www.googletagmanager.com/gtag/js?id=G-4TM4ZB5G5N&cx=c&_slc=1271ms199ms69ms3rd
https://css-tricks.com/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-search/build/instant-search/jp-search.defaultVendors.js?minify=false&ver=821f2264be9c9e6a5ed2163ms145ms11ms1st
https://cdn.segment.com/analytics.js/v1/nnmtLrk127wcC9ggBpAutRr4F4x4TMVz/analytics.min.js127ms109ms14ms3rd
https://consent.trustarc.com/asset/notice.js/v/v1.7-854993ms64ms16ms3rd
https://css-tricks.com/wp-content/themes/CSS-Tricks-19/js/min/fleck-worklet.bundle.min.js86ms80ms2ms1st
https://css-tricks.com/wp-content/themes/CSS-Tricks-19/js/min/global-concat.min.js?cache_bust=177488735627284ms74ms4ms1st
https://css-tricks.com/wp-content/themes/CSS-Tricks-19/js/min/jquery-3.5.1.min.js78ms62ms11ms1st
https://www.google-analytics.com/analytics.js77ms63ms7ms3rd

Showing top 10 of 11 scripts

F
HTTP Caching
Action
No cache headers
FIX
No cache headers
Warning::
No Cache-Control header found
Browsers will use heuristic caching, which can be unpredictable. Set explicit cache headers.

No Cache-Control header

Adding a Cache-Control header can significantly improve repeat-visit performance.

B
Page Weight Budget
1.3 MB transferred, 83 requests
REVIEW
1.3 MB transferred, 83 requests
Info::
Page weighs 2.8 MB (1.3 MB transferred)
Info::
83 HTTP requests
Info::
Estimated 0.27 g CO2 per page load
1.3 MB / 2.4 MB budget
1.3 MB transferred
83 requests
0.27 g CO2 per page load
Images 570.8 KiB 44%
JavaScript 484.8 KiB 37%
Fonts 113.2 KiB 9%
CSS 63.7 KiB 5%
HTML 39.0 KiB 3%
Other 33.6 KiB 3%
Other 2.1 KiB 0%
Other 837 B 0%
Other 464 B 0%
0 2.4 MB 4.9 MB
Under budget
C
Image Optimization
Action
32 images, 0 KB saveable
REVIEW
32 images, 0 KB saveable
Warning::
https://secure.gravatar.com/avatar/b6c928ce1b901c3... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://secure.gravatar.com/avatar/0bb46f96dd1a017... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://secure.gravatar.com/avatar/a8e040142716a4b... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://secure.gravatar.com/avatar/db5b77793bb2e05... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://secure.gravatar.com/avatar/6bc7516fbadd709... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://secure.gravatar.com/avatar/c16ca31febf1ccf... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://consent.trustarc.com/get?name=css-tricks.c... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
32 images 571 KB
0 oversized -0 KB
21 legacy format
7 missing dimensions CLS risk

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

B
JS Bundles
29 scripts, 110 KB unused
REVIEW
29 scripts, 110 KB unused
Warning::
https://www.googletagmanager.com/gtag/js?id=G-4TM4...: 69 KB unused (42%)
Consider code splitting or tree shaking to reduce unused code.
Warning::
https://consent.trustarc.com/asset/notice.js/v/v1....: 21 KB unused (59%)
Consider code splitting or tree shaking to reduce unused code.
Warning::
https://css-tricks.com/wp-content/themes/CSS-Trick...: 20 KB unused (61%)
Consider code splitting or tree shaking to reduce unused code.
Info::
Total unused JavaScript: 110 KB
110 KB unused JavaScript

Downloaded but never executed on this page.

ScriptSizeUnusedMinifiedParty
https://www.googletagmanager.com/gtag/js?id=G-4TM4ZB5G5N&cx=c&_slc=1165 KB69 KB (42%)✓3rd
https://consent.trustarc.com/asset/notice.js/v/v1.7-854936 KB21 KB (59%)✓3rd
https://css-tricks.com/wp-content/themes/CSS-Tricks-19/js/min/jquery-3.5.1.min.js34 KB20 KB (61%)✓1st
https://css-tricks.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.9.3114 KB—✓1st
https://css-tricks.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=3f278756f0a3032bed328ff6a9f6c01d18 KB—✓1st
https://c0.wp.com/c/6.9.4/wp-includes/js/dist/vendor/wp-polyfill.min.js12 KB—✓3rd
https://c0.wp.com/c/6.9.4/wp-includes/js/dist/url.min.js4 KB—✓3rd
https://css-tricks.com/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-search/build/instant-search/jp-search.js?minify=false&ver=c6f0bb58d03d6acccc5b3 KB—✓1st
https://stats.wp.com/w.js?ver=2026145 KB—✓3rd
https://c0.wp.com/c/6.9.4/wp-includes/js/dist/i18n.min.js3 KB—✓3rd

Consider code splitting or tree shaking to reduce unused code.

Why this matters

This bundle has high unused code — code-split or tree-shake to ship only what executes.

Source: web.dev / Lighthouse coverage

Consider code splitting or tree shaking to reduce unused code.

Why this matters

This bundle has high unused code — code-split or tree-shake to ship only what executes.

Source: web.dev / Lighthouse coverage

Consider code splitting or tree shaking to reduce unused code.

Why this matters

This bundle has high unused code — code-split or tree-shake to ship only what executes.

Source: web.dev / Lighthouse coverage

A+
Text Compression
All text resources are compressed
PASS
All text resources are compressed
Info::
All text resources are compressed
All text resources are properly compressed.
A+
Font Loading
3 fonts (113 KB)
PASS
3 fonts (113 KB)
Info::
3 font(s) use font-display: swap (FOUT risk but functional)

Web fonts

3

113 KB total

Render-blocking

0

of 3

Dominant font-display

swap

Most common across fonts

Font loading timeline
Transfer FOIT (block) FOUT (swap)
0 ms 1.0 s 2.0 s 3.0 s 4.0 s 5.0 s FCP 2.1 s LCP 5.2 shttps://css-tricks.com/wp-content/themes/CSS-Tricks-19/fonts/BlancoSubset-Regular.woff2BlancoSubset-Regular.woff2 https://css-tricks.com/wp-content/themes/CSS-Tricks-19/fonts/BlancoSubset-Regular.woff2 — 41.6 KiB — 0 ms — font-display: swaphttps://css-tricks.com/wp-content/themes/CSS-Tricks-19/fonts/MDPrimer-Bold.woff2MDPrimer-Bold.woff2 https://css-tricks.com/wp-content/themes/CSS-Tricks-19/fonts/MDPrimer-Bold.woff2 — 27.1 KiB — 0 ms — font-display: swaphttps://css-tricks.com/wp-content/themes/CSS-Tricks-19/fonts/BlancoSubset-Bold.woff2BlancoSubset-Bold.woff2 https://css-tricks.com/wp-content/themes/CSS-Tricks-19/fonts/BlancoSubset-Bold.woff2 — 44.6 KiB — 0 ms — font-display: swap
BlancoSubset-Regular.woff2 woff2 swap
Size 42 KB
Load time 0 ms
Start 0 ms
Risk FOUT — text flashes from fallback to web font
MDPrimer-Bold.woff2 woff2 swap
Size 27 KB
Load time 0 ms
Start 0 ms
Risk FOUT — text flashes from fallback to web font
BlancoSubset-Bold.woff2 woff2 swap
Size 45 KB
Load time 0 ms
Start 0 ms
Risk FOUT — text flashes from fallback to web font
Optimization checklist
  • Preload critical fonts (priority=high)
  • Use woff2 format for all fonts
  • Set font-display to swap, optional, or fallback
  • Subset large fonts (≤100 KB each)
A+
Resource Caching
All resources properly cached
PASS
All resources properly cached
Info::
No caching issues found
All static resources have appropriate caching headers.
A+
Critical Rendering Path
No render-blocking resources
PASS
No render-blocking resources
Info::
No render-blocking resources detected
A+
Resource Hints
9 hints, 0 missing preconnects
PASS
9 hints, 0 missing preconnects
Info::
Page uses 9 resource hint(s)

Current Resource Hints

preconnect
5
preload
—
dns-prefetch
4
prefetch
—

9 resource hints configured

A+
Green Hosting
Whether the site is served from green-energy infrastructure
PASS

Green Hosting

This site is hosted on green energy infrastructure

Provider: Cloudflare

Network Waterfall
83 requests over 0ms
INFO

Performance analysis not available for this result.

Third-Party Script Cost
Per-script blocking time, transfer cost, and cache headers
INFO
52% of JavaScript execution is third-party
First-party Third-party 1571ms · 265KB · €8/mo
Unattributable
Other
Costly
Execution 951ms
Transfer 0 KB
Monthly Cost €5/mo
Google Tag Manager
Tag Manager
Costly
Execution 271ms
Transfer 165 KB
Unused 42%
Monthly Cost €1/mo
Segment
Analytics
Optional
Execution 127ms
Transfer 29 KB
Monthly Cost €1/mo
consent.trustarc.com
Other
Optional
Execution 93ms
Transfer 36 KB
Unused 59%
Monthly Cost €0/mo
Google Analytics
Analytics
Optional
Execution 77ms
Transfer 21 KB
Monthly Cost €0/mo
consent.trustarc.com
Other
Optional
Execution 54ms
Transfer 13 KB
Monthly Cost €0/mo

These scripts may cost more than they're worth

  • Unattributable adds 951ms and costs ~€5/month
  • Google Tag Manager adds 271ms and costs ~€1/month

52% of JavaScript execution time comes from third-party scripts.

Why this matters

Third-party scripts (analytics, ads, social, A/B testing) often dominate execution time — every one is a perf-and-privacy tax.

Learn more ▾

Each third-party script is a black box: you don't control when it loads, what it executes, or how much it grows. They often account for a major share of total blocking time on average sites (HTTP Archive's Web Almanac documents the trend). Audit which ones you actually need, defer the rest, and use facade patterns (lite-youtube, lite-vimeo) for embedded media.

Source: web.dev / HTTP Archive Web Almanac

Unattributable takes 951ms of CPU time. Consider loading it asynchronously or replacing it with a lighter alternative.

Why this matters

This script has high main-thread execution time — optimize hot paths or defer.

Source: web.dev

Google Tag Manager takes 271ms of CPU time. Consider loading it asynchronously or replacing it with a lighter alternative.

Why this matters

This script has high main-thread execution time — optimize hot paths or defer.

Source: web.dev

59% of consent.trustarc.com's code is unused. The script may be loading features you don't use.

Why this matters

Bundle has high unused-code ratio — tree-shaking and route-splitting recover the wasted bytes.

Source: web.dev

How third-party costs are calculated

All checks on this page are automated. Results are estimates - run targeted manual reviews when the score affects a release decision.

Send Feedback