css-tricks.com/

3 Jul 2026 4:00 PM Falkenstein

68/100

Needs improvement
Compare
Share & export

Guest scans are always publicly visible.

Export

Export JSON

Get notified when this page gets slower

Register for free – monitoring, alerts and more.

Start for free now →

How the page loads

FCP · 816 ms
816 ms FCP
Load · 1.2 s
1.2 s Load
1.6 s
1.6 s
2.2 s
2.2 s
2.6 s
2.6 s
Finished · 2.8 s
2.8 s Finished
View screenshot
Screenshot https://css-tricks.com/

Overview

Assessment

Die Website weist vermeidbare Performance-Bremsen auf. Die Server- und Ladegeschwindigkeit ist dabei das größte Problem.

Speed
43 Critical
Images
76 Good
Caching
96 Excellent
WordPress
88 Good
Technical
83 Good

Browser runtime measurement

These values come from the real page build in the browser and show the differences between desktop and mobile.

Metric Desktop (1440 px) Mobile (390 px)
Requests 110 109
FCP i 816 ms 772 ms
LCP i 816 ms 772 ms
CLS i 0.086 0.201
TBT i 278 ms 5 long tasks 320 ms 6 long tasks

Act now5

Critical

Viele Bilder

69 Bildquellen

Viele externe JS-Dateien

38 im HTML erkannt

25 Scripts ohne async/defer

25 JavaScript-Dateien werden synchron geladen und blockieren den Seitenaufbau.

Recommendation: Scripts mit async oder defer Attribut laden wo möglich.

▼ Show 5 files ▲ Hide 5 files
  • · JS breeze-prefetch-links.min.js css-tricks.com ↗
  • · JS jquery-3.5.1.min.js css-tricks.com ↗
  • · JS hooks.min.js c0.wp.com ↗
  • · JS i18n.min.js c0.wp.com ↗
  • · JS i18n-loader.js css-tricks.com ↗

Viele CSS- und JavaScript-Dateien erkannt

Direkt im HTML wurden 21 CSS-Dateien und 38 externe JavaScript-Dateien erkannt.

Recommendation: Unnötige Assets reduzieren und Theme-/Plugin-Last prüfen.

Viele Bilder auf der Seite erkannt

Im HTML und in CSS wurden zusammen 69 Bildreferenzen erkannt.

Recommendation: Bilder optimieren, lazy loading nutzen und unnötige Medien reduzieren.

▼ Show 5 images ▲ Hide 5 images
  • · JPG wi14.jpg css-tricks.com 520,9 KB ↗
  • · JPG state-management.jpg css-tricks.com 72,9 KB ↗
  • · WEBP opposing-scroll-columns.webp css-tricks.com 71,2 KB ↗
  • · JPG arianotify.jpg css-tricks.com 42,9 KB ↗
  • · JPG 9c8d0ae709a994f79f5b0223015cbf1972cedc6009f1… css-tricks.com 31,0 KB ↗

Real user data (CrUX)

Based on anonymous Chrome user data from the last 28 days · Chrome users only · No Firefox/Safari

LCP i
3.238 ms
INP i
127 ms
CLS i
0,00
TTFB i
1.820 ms

Likely LCP text block

Mobile · Text / CSS block

The largest visible content appears to be text- or CSS-based and is more likely influenced by server response, CSS or fonts.

No direct image asset was detected for this LCP element. The visible main content here is probably text- or CSS-based.

Element type
H1
Host
None
Size
–
Element size
320 × 277 px
Show technical details
Text excerpt: What’s !important #14: Gap Decorations, random(), <select> field sizing, and More

Main causes

Actually loaded in the browser.

Most notable external host
i0.wp.com
297,5 KB · 12 req.
Largest JavaScript asset
jquery-3.5.1.min.js
33,2 KB · css-tricks.com
Largest image asset
wi14.jpg
175,8 KB · i0.wp.com
Most notable third-party category
Cdn
13 req. · 303,0 KB
Mobile vs. desktop: LCP -44 ms Requests -1

Top hosts by data volume

css-tricks.com 769,9 KB · 59 req.
i0.wp.com 297,5 KB · 12 req.
c0.wp.com 71,3 KB · 13 req.

Largest requests

IMAGE wi14.jpg i0.wp.com 175,8 KB
IMAGE prop-for-that-masthead.png i0.wp.com 53,0 KB
IMAGE ae0467bce26cf281ae92243a6000639eb4efaed23b953798bf4bdf7cdb1f3778.jpg css-tricks.com 51,5 KB
Resource breakdown – Mobile
JS
273,8 KB (25%)
CSS
151,9 KB (14%)
Images
512,3 KB (46%)
Fonts
0,0 KB (0%)
Video
0,0 KB (0%)

Total: 1.114,1 KB

Resource breakdown – Desktop
JS
273,8 KB (23%)
CSS
151,9 KB (13%)
Images
609,1 KB (50%)
Fonts
0,0 KB (0%)
Video
0,0 KB (0%)

Total: 1.210,9 KB

Recommendations

Important

JavaScript straffen

Unnötige Skripte, Tracking und Frontend-Last durch Plugins sollten reduziert, verzögert geladen oder nur bei Bedarf eingebunden werden.

Externe Dienste straffen

Mehrere externe Hosts werden beim echten Seitenaufbau geladen. Das erhöht Abhängigkeiten, Verbindungsaufwand und bremst häufig den Seitenaufbau.

Bilder optimieren

Große Bilder, fehlende moderne Formate und fehlendes Lazy Loading bieten hier einen guten Optimierungshebel.

Ein externer Host fällt auf

i0.wp.com verursacht rund 297.5 KB bei 12 Requests.

Recommendation: Drittanbieter-Last reduzieren, bündeln oder später laden.

Layout-Verschiebungen sind sichtbar

Der CLS-Wert liegt bei 0.201.

Recommendation: Bildgrößen, reservierte Flächen, Fonts und dynamische Einblendungen prüfen.

Hauptthread ist spürbar blockiert

Der Browser-Hauptthread war beim Seitenaufbau rund 320 ms blockiert (Total Blocking Time).

Recommendation: JavaScript-Last reduzieren, schwere Skripte verzögert laden und Long Tasks aufteilen.

Ein externer Host fällt stark auf

i0.wp.com – 297.5 KB bei 12 Requests

Host: i0.wp.com

Mobiles CLS ist auffällig

CLS 0.201

Mobil werden viele Requests geladen

109 Requests beim Seitenaufbau

Ein externer Host fällt auf

i0.wp.com – 297.5 KB bei 12 Requests

Host: i0.wp.com

Hosts more prominent on mobile

More data on mobile (1)

css-tricks.com

Mobile 769,9 KB · Desktop 673,7 KB · Difference +96,2 KB

More requests on mobile (1)

css-tricks.com

Mobile 59 · Desktop 55 · Difference +4

Explained simply

These short texts put the most important measurements into plain language.

Serverantwort (TTFB)

Good

Der Server antwortet schnell.

Why it matters: TTFB steht für “Time to First Byte”. Gemeint ist die Zeit bis der Server die ersten Daten zurückliefert.

Technical value: 135 ms

Komprimierung

Good

Die Seite wird komprimiert ausgeliefert. Dadurch müssen weniger Daten übertragen werden.

Why it matters: Komprimierung reduziert die Größe von HTML, CSS und JavaScript bei der Übertragung.

Technical value: Content-Encoding: gzip

Browser-Caching

Good

Der Browser darf Dateien zwischenspeichern. Wiederholte Seitenaufrufe können dadurch schneller werden.

Why it matters: Browser-Caching verhindert, dass unveränderte Dateien immer wieder neu geladen werden müssen.

Technical value: HTML: max-age=0, s-maxage=2592000, CSS: Gut cachebar, JS: Gut cachebar, Bilder: Teilweise cachebar, Fonts: unbekannt

Bilder

Watch

Es wurden 69 Bildquellen erkannt. Davon nutzen 0 Lazy Loading und 10 moderne Formate wie WebP oder AVIF.

Why it matters: Bilder sind oft der größte Performance-Faktor. Lazy Loading und moderne Formate helfen besonders stark.

Technical value: JPG: 8, WEBP: 2, PNG: 5, gemessenes Bildgewicht: 863.7 KB

JavaScript

Watch

Im direkt ausgelieferten HTML wurden 38 externe JavaScript-Dateien erkannt. Weitere Skripte können erst beim echten Seitenaufbau durch Optimierungs- oder Lazy-Load-Mechanismen geladen werden.

Why it matters: Viele oder große JavaScript-Dateien können den Aufbau und die Interaktivität einer Seite verzögern.

Technical value: 38 externe Dateien, 0 Data-URI-Skripte, 99.3 KB

Fonts

Good

Es wurden 3 Font-Dateien erkannt. Zusätzlich wurden 0 externe Font-Dienste (z. B. Google Fonts) eingebunden.

Why it matters: Viele oder große Webfonts erhöhen die Ladezeit und können sichtbare Layout-Verzögerungen verursachen.

Technical value: 3 Font-Dateien, 0 Externe Font-Dienste, Gruppen: keine gruppierten Fonts erkannt, gemessenes Font-Gewicht: 0 B

CSS

Watch

Es wurden 21 direkte CSS-Dateien und 10 zusätzliche CSS-Abhängigkeiten erkannt.

Why it matters: Viele Stylesheets oder importierte CSS-Dateien erhöhen die Anzahl der geladenen Ressourcen.

Technical value: Direkte CSS-Dateien: 21, zusätzliche Abhängigkeiten: 10, geschätztes CSS-Gewicht: 141.7 KB

Externe Dienste

Watch

Die Seite lädt Inhalte von 9 externen Hosts.

Why it matters: Jede zusätzliche externe Domain erhöht Abhängigkeiten und kann die Ladezeit beeinflussen.

Technical value: other: 9, consent: 1 — c0.wp.com, consent.trustarc.com, stats.wp.com, secure.gravatar.com, ajax.googleapis.com, cdnjs.cloudflare.com, static.codepen.io, instant.page, i0.wp.com

Sichtbarer Seitenaufbau

Good

Die ersten sichtbaren Inhalte erscheinen nach rund 772 ms, der wichtigste sichtbare Inhalt nach rund 772 ms. Das ist ein guter Wert.

Why it matters: Diese Werte beschreiben, wann Nutzer erste und wichtigste Inhalte tatsächlich sehen.

Technical value: FCP: 772 ms, LCP: 772 ms

Layout-Stabilität

Watch

Beim Laden kommt es zu sichtbaren Verschiebungen. Der gemessene CLS-Wert liegt bei 0.201.

Why it matters: CLS beschreibt, ob sich Inhalte beim Laden sichtbar verschieben.

Technical value: CLS: 0.201

Echte Browser-Requests

Watch

Beim echten Seitenaufbau werden relativ viele Requests geladen. Gemessen wurden 109 Requests mit rund 1.12 MB.

Why it matters: Dieser Wert zeigt die tatsächliche Laufzeit-Last im Browser und nicht nur statische HTML-Hinweise.

Technical value: 109 Requests, 1.12 MB

Deductions by category

Speed

−6 pts.
Viele CSS-Dateien
31 CSS-Dateien inkl. Imports
−10 pts.
Viele externe JS-Dateien
38 im HTML erkannt
−8 pts.
Viele externe Hosts
9 Hosts
−10 pts.
TBT erhöht
Total Blocking Time ca. 320 ms
−5 pts.
Viele Runtime-Requests
109 Requests
−8 pts.
Viele externe Runtime-Hosts
10 externe Hosts im Browser
−10 pts.
Viele blockierende Scripts
25 Scripts ohne async/defer

Cache quality by asset type

CSS
Well cacheable
10/10 cacheable
JavaScript
Well cacheable
14/15 cacheable
Images
Partly cacheable
12/15 cacheable
Fonts
Unknown
0/0 cacheable

Impact of third-party services

Other

Impact: mittel

9 assets detected

c0.wp.com, stats.wp.com, secure.gravatar.com

Externe Dienste erhöhen generell Abhängigkeiten und zusätzliche Verbindungen.

Consent

Impact: mittel bis hoch

1 assets detected

consent.trustarc.com

Consent-Tools greifen früh im Seitenaufbau ein und können zusätzliche Skripte laden.

Externally loaded services in the browser

These services were actually contacted during the real page build in the browser.

Cdn

13 requests · 303,0 KB

i0.wp.com, cdnjs.cloudflare.com

Other

20 requests · 71,3 KB

c0.wp.com, secure.gravatar.com, instant.page, static.codepen.io, public.codepenassets.com

Analytics

4 requests · 0,0 KB

stats.wp.com, pixel.wp.com

Consent

12 requests · 0,0 KB

consent.trustarc.com

More data

Statically detected external hosts9

These hosts were detected directly in HTML or CSS. Not every one of them was necessarily loaded during the real page build.

  • c0.wp.com
  • ajax.googleapis.com
  • cdnjs.cloudflare.com
  • consent.trustarc.com
  • stats.wp.com
  • static.codepen.io
  • instant.page
  • secure.gravatar.com
  • i0.wp.com
Statically detected third-party services by category2

This classification is based on statically detected asset hosts and complements the real browser runtime measurement.

Other

9 assets detected

c0.wp.com, stats.wp.com, secure.gravatar.com

Consent

1 assets detected

consent.trustarc.com

Largest requests during the real page build10

Technical metrics

HTTP status
200
TTFB
135 ms
HTTPS
Yes
HTTP/2
Yes
HTTP/3
No
Compression
GZIP
Browser caching
Yes
IPv4
172.64.148.235
IPv6
2606:4700:4403::ac40:94eb
Runtime requests
109
Checked assets
40
Final URL
https://css-tricks.com/

Measurement conditions

IP protocol
IPv4
Latency to site
19 ms
Reference latency
6 ms
Measured at
3 Jul 2026 4:00 PM

Connection timing (TTFB: 135 ms)

DNS 8 ms
TLS 7 ms
Backend 120 ms
Transfer 2 ms
Total / 137 ms
Response, caching and delivery
Redirects
0
Content type
text/html; charset=utf-8
Page cache
No
CDN
Yes
Cache-Control
max-age=0, s-maxage=2592000
Origin server
No data
HTML and page structure
HTML size
168,4 KB
DOM elements
1.167
JS files
38
Inline scripts
23
Images total
69
Lazy loading
0
WebP/AVIF
10 of 69 image files
Font files
3
External hosts
9
Scripts without async/defer
25
Images without dimensions
8
Iframes
1
Blocking scripts (5)
  • JS breeze-prefetch-links.min.js css-tricks.com ↗
  • JS jquery-3.5.1.min.js css-tricks.com ↗
  • JS hooks.min.js c0.wp.com ↗
  • JS i18n.min.js c0.wp.com ↗
  • JS i18n-loader.js css-tricks.com ↗
Assets and weight
Images 863,7 KB
CSS dep 141,7 KB
JS 99,3 KB
CSS 50,7 KB
Fonts 0,0 KB
Total weight
1.013,7 KB
Largest image
520,9 KB
Assets with query string
22
Uncacheable assets
4
CSS and external script sources
CSS dependencies
10
CSS dependency weight
141,7 KB
Fonts from CSS
3
Images from CSS
0
External hosts from CSS
1
External script hosts
3
Page build timing
Long tasks

Tasks that blocked the browser main thread.

  • 559 ms→103 ms blocked|ei.js · static.codepen.io
  • 803 ms→34 ms blocked|ei.js · static.codepen.io
  • 1.015 ms→28 ms blocked|ei.js · static.codepen.io
  • 1.311 ms→26 ms blocked|ei.js · static.codepen.io
  • 1.402 ms→108 ms blocked|v1.7-9089 · consent.trustarc.com
  • 1.603 ms→21 ms blocked|v1.7-9089 · consent.trustarc.com

Details on individual metrics

In-depth values for assets, images, fonts, CSS and JavaScript. The most important groups are grouped thematically below.

Largest assets by file size (5)

This list shows the largest measured files from the asset check.

  • IMAGE wi14.jpg css-tricks.com 520,9 KB ↗
  • IMAGE state-management.jpg css-tricks.com 72,9 KB ↗
  • IMAGE opposing-scroll-columns.webp css-tricks.com 71,2 KB ↗
  • IMAGE arianotify.jpg css-tricks.com 42,9 KB ↗
  • CSS dashicons.min.css c0.wp.com 34,4 KB ↗
Images in detail
Largest images (5)
  • JPG wi14.jpg css-tricks.com 520,9 KB ↗
  • JPG state-management.jpg css-tricks.com 72,9 KB ↗
  • WEBP opposing-scroll-columns.webp css-tricks.com 71,2 KB ↗
  • JPG arianotify.jpg css-tricks.com 42,9 KB ↗
  • JPG 9c8d0ae709a994f79f5b0223015cbf1972cedc6… css-tricks.com 31,0 KB ↗
Image types (3)
  • JPG 8 files 731,9 KB
  • WEBP 2 files 81,7 KB
  • PNG 5 files 50,1 KB
Fonts and CSS in detail
Fonts explained (3)

Detected font files: 3, External font services: 0. External font services are e.g. Google Fonts or Adobe Typekit, from which concrete font files are only loaded later.

  • EOT dashicons (EOT) c0.wp.com ↗
  • EOT dashicons (EOT) c0.wp.com ↗
  • TTF dashicons (TTF) c0.wp.com ↗
Additional CSS dependencies (10)

These are stylesheets referenced within other CSS files via @import references.

  • CSS learndash_quiz_front.min.css css-tricks.com ↗
  • CSS dashicons.min.css c0.wp.com ↗
  • CSS styles.css css-tricks.com ↗
  • CSS jquery.dropdown.min.css css-tricks.com ↗
  • CSS learndash_lesson_video.min.css css-tricks.com ↗
  • CSS styles.css css-tricks.com ↗
  • CSS jp-search.chunk-main-payload.css css-tricks.com ↗
  • CSS style.css css-tricks.com ↗
  • CSS style.css css-tricks.com ↗
  • CSS style.css css-tricks.com ↗
Detected JavaScript files (38)

These are the external script sources detected in the directly delivered HTML. Dynamically loaded scripts are not fully included.

  • JS breeze-prefetch-links.min.js css-tricks.com ↗
  • JS notice consent.trustarc.com ↗
  • JS baseline-status.min.js css-tricks.com ↗
  • JS jquery-3.5.1.min.js css-tricks.com ↗
  • JS hooks.min.js c0.wp.com ↗
  • JS i18n.min.js c0.wp.com ↗
  • JS i18n-loader.js css-tricks.com ↗
  • JS wp-polyfill.min.js c0.wp.com ↗
  • JS url.min.js c0.wp.com ↗
  • JS jp-search.js css-tricks.com ↗
  • JS w.js stats.wp.com ↗
  • JS script.js css-tricks.com ↗
  • JS script.js css-tricks.com ↗
  • JS main.js css-tricks.com ↗
  • JS breakpoints.js css-tricks.com ↗
  • JS learndash.js css-tricks.com ↗
  • JS e-202627.js stats.wp.com ↗
  • JS core.min.js c0.wp.com ↗
  • JS accordion.min.js c0.wp.com ↗
  • JS effect.min.js c0.wp.com ↗
  • JS effect-shake.min.js c0.wp.com ↗
  • JS mouse.min.js c0.wp.com ↗
  • JS jquery.ui.touch-punch.js c0.wp.com ↗
  • JS scripts.js css-tricks.com ↗
  • JS scripts-ajax.js css-tricks.com ↗
  • JS dom-ready.min.js c0.wp.com ↗
  • JS a11y.min.js c0.wp.com ↗
  • JS jquery.json.min.js css-tricks.com ↗
  • JS gravityforms.min.js css-tricks.com ↗
  • JS placeholders.jquery.min.js css-tricks.com ↗
  • JS utils.min.js css-tricks.com ↗
  • JS vendor-theme.min.js css-tricks.com ↗
  • JS scripts-theme.min.js css-tricks.com ↗
  • JS global-concat.min.js css-tricks.com ↗
  • JS ei.js static.codepen.io ↗
  • JS 5.1.0 instant.page ↗
  • JS i18n-loader.js css-tricks.com ↗
  • JS jp-search.js css-tricks.com ↗

WordPress detection

WordPress detected
Yes
Signal strength
Theme
CSS-Tricks-19
Builder
gutenberg
Generator meta
Not set
WP-JSON link
Yes
Plugins / hints
rank-math breeze gravityforms

Optimisation potential7

Watch

These points are not critical, but can improve the performance, stability or clarity of the page structure.

8 Bilder ohne width/height

8 von 51 Bildern haben keine expliziten Dimensionen und können zu Layout-Verschiebungen (CLS) führen.

Recommendation: width und height Attribute an img-Tags setzen.

▼ Show 5 images ▲ Hide 5 images
  • · secure.gravatar.com/avatar/b6c928ce1b901c34f… ↗
  • · secure.gravatar.com/avatar/f1eecec64c481e272… ↗
  • · secure.gravatar.com/avatar/9c8d0ae709a994f79… ↗
  • · secure.gravatar.com/avatar/a8e040142716a4b44… ↗
  • · consent.trustarc.com/get ↗

Beim echten Seitenaufbau werden viele Requests geladen

Im Browser wurden 109 Requests ausgelöst.

Recommendation: Vor allem Tracking, Builder-Assets, Fonts und zusätzliche externe Dienste reduzieren oder bündeln.

▼ Show 3 requests ▲ Hide 3 requests
  • · IMAGE wi14.jpg i0.wp.com 175,8 KB ↗
  • · IMAGE prop-for-that-masthead.png i0.wp.com 53,0 KB ↗
  • · IMAGE ae0467bce26cf281ae92243a6000639eb4efaed23b95… css-tricks.com 51,5 KB ↗

Mehrere externe Dienste werden im Browser aktiv geladen

Beim echten Seitenaufbau wurden 10 externe Hosts kontaktiert.

Recommendation: Externe Skripte und Drittanbieter-Verbindungen reduzieren oder bündeln.

Viele externe Hosts erkannt

Es wurden 9 externe Hosts für Assets und Einbindungen erkannt.

Recommendation: Externe Abhängigkeiten reduzieren oder bündeln.

▼ Show 5 hosts ▲ Hide 5 hosts
  • · c0.wp.com
  • · ajax.googleapis.com
  • · cdnjs.cloudflare.com
  • · consent.trustarc.com
  • · stats.wp.com

Ein einzelnes Bild ist auffällig groß

wi14.jpg umfasst rund 520.9 KB.

Recommendation: Dieses Bild gezielt verkleinern, komprimieren und in modernerem Format ausliefern.

▼ Show 1 image ▲ Hide 1 image
  • · JPG wi14.jpg 520,9 KB css-tricks.com ↗
Show more optimisation hints (2)

Lazy Loading ist nicht klar erkennbar

Es wurden Bilder erkannt, aber kein loading="lazy" auf Bild-Elementen.

Recommendation: Lazy Loading für Bilder außerhalb des sichtbaren Bereichs aktivieren.

font-display fehlt in @font-face

1 @font-face-Regeln ohne font-display erkannt. Ohne font-display kann Text beim Laden unsichtbar bleiben (FOIT).

Recommendation: font-display: swap oder optional in @font-face-Regeln ergänzen.

Already done well6

Good

These points already stood out positively in the current scan.

Serverantwort ist schnell

Die Serverantwort liegt bei rund 135 ms.

Komprimierung ist aktiv

Erkannte Komprimierung: gzip.

Resource Hints erkannt

Preconnect: 5, DNS-Prefetch: 3, Prefetch: 0.

Show more positive points (3)

HTTPS ist aktiv

Die Website ist per HTTPS erreichbar.

HTTP/2 ist aktiv

Die Website wird über HTTP/2 ausgeliefert.

IPv6 wird unterstützt

Die Website ist per IPv6 erreichbar.

Additional hints5

Note

Supplementary hints from the scan that can be useful for classification and technical assessment.

Zusätzliche CSS-Abhängigkeiten erkannt

In CSS wurden 10 weitere Stylesheet-Abhängigkeiten erkannt.

Fonts aus CSS erkannt

Über CSS wurden 3 zusätzliche Font-Dateien erkannt.

WordPress wurde erkannt

Die Seite nutzt WordPress, vermutlich mit gutenberg.

Show more hints (2)

Theme erkannt

Erkanntes Theme: CSS-Tricks-19.

Typische WordPress-Komponenten erkannt

Erkannte Hinweise: rank-math, breeze, gravityforms.

Waterfall

Detailed request waterfall from the browser run.

Raw data

Complete scan data as a machine-readable JSON file or tabular export.

More export formats & API access

PDF, Excel, CSV and full API access are available on paid plans.

View plans →

Personalised AI recommendations

Scan your website and get an AI analysis with concrete measures – free with an account.

Register for free →
  • Unlimited analyses · Every scan, any time
  • Prioritised findings · What really matters
  • AI analysis · individual & automatic