hotti: Browser-Caching nutzen

Beitrag lesen

hi,

Die nächste Meldung lautet "2 blockierende CSS-Ressourcen" hier schlägt mir Google vor, ich sollte doch bitte meine CSS und JS Datei asynchron zu laden und aus dem "sichtbaren" Bereich zu entfernen. Was ist damit gemeint?

Unterscheide kritisches CSS und unkritisches CSS und setze Dich mit dem Begriff above the fold auseinander.

above the fold: Der Bereich einer Seite, welcher beim Aufruf unmittelbar sichtbar wird. Diesbezügliches CSS wird als kritisch bezeichnet, denn es muss sofort verfügbar sein.

below the fold: Was z.B. sichtbar wird, wenn gescrollt wird. Diesbezügliches CSS ist unkritisch und kann z.B. asynchron nachgeladen werden. Asynchron deswegen, damit der Seitenaufbau im sichtbaren Bereich (above the fold) nicht ausgebremst wird.

MfG