Critical Path CSS Generator: Optimiere die Ladezeit deiner Webseite

Du hast Lust auf Speed?

Wenn Du eine Webseite betreibst, so hast Du ganz sicher auch schon mal die Ladezeit mit dem ein oder anderen Tool gemessen. Ein ganz beliebtes Future ist hierbei Google Pagespeed. Du gibst Deine Webadresse ein und nach einer kurzen Zeit erhältst Du eine Übersicht mit der Ladezeit und der insgesamten Performance Deiner Seite.

Es wird Dir dort auch angezeigt was Du alles noch optimieren kannst. Und jetzt kommt der Critical Path CSS Generator auch schon ins Spiel. Wenn Google Dir nämlich rät, dass Du "above the fold" CSS -Code als inline CSS laden solltest.

Alles oder nur bestimmte kritische Bereiche

Natürlich kannst Du auch den gesamten CSS Code inline laden lassen, effizienter ist es jedoch nur die wirklich kritischen Dinge im CSS "above the fold" zu laden. Mit dem Gratis Tool "Critical Path Generator" wird das ganz einfach. Rufe einfach den Quellcode Deiner Seite auf und kopiere den Code. Füge ihn dann in den Generator ein und lass Dir den Critical Path generieren. Diesen kannst Du dann "above the fold" laden lassen.

Ideal für CMS

Wenn Du ein CMS betreibst, so kannst Du dies mittels eines Plug-Ins einfügen. Für Dich als Webmaster ist das Tool hochgradig interessant, den damit findest und kreierst Du kritischen CSS-Code, der inline geladen werden kann. Neben den gängigen Praktiken der Komprimierung, des asynchronen Ladens und des Cachings ist dies ganz wichtig, um beste Seitenperformance und optimale Ladegeschwindigkeiten zu erreichen. Wenn Du für Kunden tätig bist, so wirst Du dieses Gratis Tool bald zu schätzen wissen.

Versuche am besten gleich das umzusetzen und Du wirst erstaunt sein, wie schnell und sauber Deine Webseite danach bei Google Pagespeed auftritt.