Minimeret JavaScript

Silktide tjekker, om de scriptfiler, som din side downloader, er blevet minimeret – omskrevet for at fjerne mellemrum, kommentarer og lange navne, som kun har betydning for personer, der læser koden. Ikke-minimerede scripts er langt større, end de behøver at være, hvilket gør siden langsommere at indlæse.

ændrer ikke på, hvad koden gør. For eksempel:

// Før minimering: læsbar, men tung
function calculateTotalPrice(itemPrice, quantity) {
    return itemPrice * quantity;
}

// Efter: identisk funktionalitet, en brøkdel af størrelsen
function c(a,b){return a*b}

Hvorfor dette er vigtigt

er ofte det tungeste, en side downloader, og i modsætning til billeder skal det også behandles, før siden bliver fuldt interaktiv. Ikke-minimerede scripts kan ofte reduceres til det halve eller mindre, og den besparelse gælder for hver besøgende ved hver ikke-cachelagret sidevisning – besøgende på telefoner og langsommere forbindelser mærker det mest.

Da minimering sker automatisk og ikke ændrer funktionaliteten, er ikke-minimerede produktionsscripts næsten altid en forglemmelse: et buildtrin, der blev sprunget over, eller udviklingsfiler, der blev udgivet ved en fejl.

Sådan løser du det

Slå minimering til i webstedets buildproces. Alle moderne buildværktøjer indeholder en minimeringsfunktion, som normalt er aktiveret som standard i produktionsbuilds.
Hvis webstedet ikke har en buildproces, skal du tjekke : De fleste har en indstilling eller et plugin, der minimerer scripts automatisk.
Som en sidste udvej kan du køre filer gennem et selvstændigt minimeringsværktøj, før du uploader dem. Behold de læsbare originaler – det er dem, du redigerer, og du udgiver det minimerede output.
Hvis en rapporteret fil tilhører en tredjepart, skal du tjekke, om de tilbyder en minimeret version, hvilket de fleste gør.

Sådan tester Silktide dette

Indlæs siden i en rigtig browser med den enhedstype, forbindelseshastighed og testplacering, der er konfigureret til dine hastighedstests.
Undersøg hver scriptfil, som siden downloader, og vurder, hvor meget mindre den ville være, hvis den var minimeret.
Rapportér hver fil med en væsentlig potentiel besparelse, og bedøm siden ud fra totalen: Omkring 50 KB i potentielle besparelser giver en lavere bedømmelse, og 250 KB eller mere bedømmes som dårligt.

Fejlfinding

Filen ser allerede minimeret ud

Minimeringsværktøjer varierer i, hvor aggressive de er, så en let komprimeret fil kan stadig indeholde væsentlige besparelser. Tjekket rapporterer, hvor meget mindre filen kunne være; hvis du kører den gennem et aktuelt minimeringsværktøj, opnår du som regel forskellen.

Vi har brug for læsbar kode til fejlfinding

Behold læsbare kildefiler i dit projekt, og fejlfind med source maps, som gør det muligt for browserens udviklerværktøjer at vise den oprindelige kode, mens besøgende modtager den minimerede version. Du behøver aldrig at levere læsbar kode for at kunne fejlfinde med læsbar kode.