Minifierad JavaScript

Silktide kontrollerar om skriptfilerna som sidan laddar ner har minifierats – alltså skrivits om för att ta bort blanksteg, kommentarer och långa namn som bara är viktiga för personer som läser koden. Ominifierade skript är mycket större än de behöver vara, vilket gör sidan långsammare att läsa in.

ändrar inget av vad koden gör. Till exempel:

// Före minifiering: läsbar, men tung
function calculateTotalPrice(itemPrice, quantity) {
    return itemPrice * quantity;
}

// Efter: identiskt beteende, en bråkdel av storleken
function c(a,b){return a*b}

Varför detta är viktigt

är ofta det tyngsta som en sida laddar ner, och till skillnad från bilder måste det också bearbetas innan sidan blir fullt interaktiv. Ominifierade skript krymper regelbundet till hälften eller mindre, och besparingen upprepas för varje besökare vid varje sidvisning som inte hämtas från cache – besökare med telefoner och långsammare anslutningar märker det mest.

Eftersom minifiering sker automatiskt och inte ändrar beteendet är ominifierade produktionsskript nästan alltid ett förbiseende: ett byggsteg som hoppats över eller utvecklingsfiler som distribuerats av misstag.

Så åtgärdar du det

Aktivera minifiering i webbplatsens byggprocess. Alla moderna byggverktyg innehåller en minifierare, som vanligtvis är aktiverad som standard i produktionsbyggen.
Om webbplatsen saknar en byggprocess kan du kontrollera : de flesta har en inställning eller ett tillägg som minifierar skript automatiskt.
Som en sista utväg kan du köra filerna genom en fristående minifierare innan du laddar upp dem. Behåll de läsbara originalen – det är dem du redigerar, och det är det minifierade resultatet du publicerar.
Om en rapporterad fil tillhör en tredje part kan du kontrollera om de erbjuder en minifierad version, vilket de flesta gör.

Så testar Silktide detta

Läs in sidan i en riktig webbläsare med den enhetstyp, anslutningshastighet och testplats som har konfigurerats för dina hastighetstester.
Undersök varje skriptfil som sidan laddar ner och uppskatta hur mycket mindre den skulle bli om den minifierades.
Rapportera varje fil med en betydande möjlig besparing och bedöm sidan utifrån totalsumman: omkring 50 KB i potentiell besparing ger ett lägre betyg, och 250 KB eller mer bedöms som dåligt.

Felsökning

Filen ser redan minifierad ut

Minifierare skiljer sig åt i hur aggressivt de komprimerar, så en lätt komprimerad fil kan fortfarande innehålla betydande besparingar. Kontrollen rapporterar hur mycket mindre filen skulle kunna bli; om du kör den genom en aktuell minifierare fångas skillnaden vanligtvis upp.

Vi behöver läsbar kod för felsökning

Behåll läsbara källfiler i projektet och felsök med källkartor, som gör att webbläsarens utvecklarverktyg kan visa originalkoden medan besökarna får den minifierade versionen. Du behöver aldrig leverera läsbar kod för att få läsbar felsökning.