For det første er minify ikke "bare" at fjerne whitespace, i gennem tiden er det blevet en teknologi der optimerer javascripts helt enormt, så det lægger sig så tæt op af V8 engine som muligt, det er derfor at der er så mange som gerne vil have implementeret webassembly, så de kan køre webscripts helt native. Hvis du ignorerer fordelen ved minify på et website, så undervurderer du det nok. |
pbille:Hvis du ignorerer fordelen ved minify på et website, så undervurderer du det nok.
Igen, Minify og combine er ikke det samme - jeg har ikke sagt nogensteder, du ikke skal bruge Minify.
pbille:Iøvrigt så skal CSS selvfølgelig deles op så det er "Meaningful" der ligger først, og resten kommer senere. Så det med firstpaint-clutter holder ikke helt, hvis man ved hvad man laver.
Netop det der hedder CCSS :) - men ændre stadig ikke på at hvis du smider dit "meaningful" CSS i toppen af din CSS fil, og har én stor CSS fil, vil dette ikke blive renderet før hele filen er hentet. Derved giver det mening at splitte filer op, så du har din critical CSS i en 100% separat fil, fordi hvad der er vigtigt er at få styr på din "above the fold" / "viewport" styling først, for at have noget synligt til brugeren.
Hvis man faktisk laver critical CSS, gør du det per device, og kan ofte ende op med flere forskellige critical CSS filer, som du henter ind via priorities i http2 f.eks udfra hvad der kommer "below the fold" - du optimere derved hvordan browserens render engine skal håndtere CSS, og laver hurtigere (og mindre) paints og repaints mens du opbygger siden som brugeren scroller ned på siden.
Så jo, first paint er vigtigt, selv ved critical CSS og kan sagtens optimeres yderligere ..Hvis man ved hvad man laver