FriendsOfREDAXO / minify

Minifiziert und bündelt CSS/Sass, JavaScript, HTML
https://github.com/FriendsOfREDAXO/minify
MIT License
43 stars 5 forks source link

criticalCSS automatisch berechnen und ausgeben (Enhancement) #11

Closed akuehnis closed 8 years ago

akuehnis commented 8 years ago

Enhancement: Folgendes Konzept würde Google Insight noch glücklicher machen (habe das bei einem Shop umgesetzt mit gutem Erfolg):

  1. Wenn Seite vollständig geladen, CSS-Rules für "Above the Fold" bestimmen
  2. Das gefundene Regel-Set per Ajax zurück schreiben und speichern
  3. Beim nächsten Seitenaufruf das CSS inline in den Head einfügen, dafür alle CSS hinter den schliessenden html-Tag

Erfassung des critical-CSS

Brauchbare Funktionen hierzu:

Die Funktion passt irgendwie ins Minify-Addon.

alxndr-w commented 8 years ago

Meinung: Google Page Speed Insights-Optimierung kann ein Fass ohne Boden sein. Ich stimme dir zu, dass die automatische Generierung von critical css günstig wäre. Aber minify soll ja vom Namen her alles kleinmachen, was es in die Finger bekommt - die Berechnung des critical css, sofern es automatisch geschehen soll, könnte auch außerhalb von minify erfolgen.

akuehnis commented 8 years ago

Ja, ich denke du hast recht. In Minify ist das wohl am falschen Ort. Insbesondere wird diese Funktion ja wohl nicht benötigt für eine Webseite, die mit http/2 läuft. Ich mache mal ein separates Addon, das kann man dann weglassen oder nicht, wie man will.