AddOn


CSS Above The Fold

Beschreibung

Das Addon kann für die Google-Insight-CSS-Optimierung verwendet werden. Es merkt sich “CSS Above The Fold” pro Seite, Sprache und Gerät und gibt dieses CSS Inline im Head aus.

Das Addon merkt sich alle CSS-Regeln, die für das schnelle Rendern des sichtbaren Teils benötigt werden. Diese Regeln werden dann inline im ausgegeben. Die restlichen Stylesheets können nach dem schliessenden -Tag eingebunden werden.

Das Addon merkt sich die Regeln pro Artikel (article_id), Sprache (clang_id) und Gerät (mobile, desktop).

Repository: https://github.com/akuehnis/redaxo5_addon_css_above_the_fold

Details zu CSS Above The Fold:
https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery


Umsetzung

Azular GmbH

azular.com


Versionen

0.2.0

Für REDAXO
^5.1.0
Veröffentlicht am
01.09.2016

Auch für Redaxo4
Zusätzlich: Sobald das CSS above the fold für eine Seite vorhanden ist, werden alle verschoben hinter das abschliessende tag

0.1.0

Für REDAXO
^5.1.0
Veröffentlicht am
18.08.2016

Above-The-Fold generierung 2 Sekunden nach window.onload