Minifisert JavaScript

Silktide kontrollerer om skriptfilene siden din laster ned, er minifisert – det vil si skrevet om for å fjerne mellomrom, kommentarer og lange navn som bare har betydning for personer som leser koden. Skript som ikke er minifisert, er mye større enn nødvendig, noe som gjør siden tregere å laste inn.

endrer ikke hva koden gjør. For eksempel:

// Før minifisering: lesbar, men stor
function calculateTotalPrice(itemPrice, quantity) {
    return itemPrice * quantity;
}

// Etter: identisk funksjonalitet, en brøkdel av størrelsen
function c(a,b){return a*b}

Hvorfor dette er viktig

er ofte det tyngste en side laster ned, og i motsetning til bilder må det også behandles før siden blir fullt interaktiv. Skript som ikke er minifisert, blir rutinemessig halvert eller mer, og denne besparelsen gjentas for hver besøkende ved hver sidevisning som ikke hentes fra hurtigbufferen – besøkende på telefoner og tregere forbindelser merker det mest.

Fordi minifisering skjer automatisk og ikke endrer funksjonaliteten, skyldes skript som ikke er minifisert i produksjon, nesten alltid en forglemmelse: et byggesteg som ble hoppet over, eller utviklingsfiler som ble distribuert ved en feil.

Slik løser du det

Slå på minifisering i nettstedets byggeprosess. Alle moderne byggeverktøy inkluderer et minifiseringsverktøy, som vanligvis er aktivert som standard i produksjonsbygg.
Hvis nettstedet ikke har en byggeprosess, kan du kontrollere : De fleste har en innstilling eller et programtillegg som minifiserer skript automatisk.
Som en siste utvei kan du kjøre filene gjennom et frittstående minifiseringsverktøy før du laster dem opp. Behold de lesbare originalene – det er dem du redigerer, og du publiserer det minifiserte resultatet.
Hvis en rapportert fil tilhører en tredjepart, kan du kontrollere om de tilbyr en minifisert versjon, noe de fleste gjør.

Slik tester Silktide dette

Last inn siden i en ekte nettleser, med enhetstype, tilkoblingshastighet og teststed konfigurert for hastighetstestene dine.
Undersøk hver skriptfil siden laster ned, og anslå hvor mye mindre den ville vært hvis den var minifisert.
Rapporter hver fil med en meningsfull mulig besparelse, og vurder siden ut fra totalen: rundt 50 KB i potensielle besparelser gir en lavere vurdering, mens 250 KB eller mer vurderes som dårlig.

Feilsøking

Filen ser allerede ut til å være minifisert

Minifiseringsverktøy varierer i hvor grundig de komprimerer, så en lett komprimert fil kan fortsatt inneholde betydelige besparelser. Kontrollen rapporterer hvor mye mindre filen kan bli. Hvis du kjører den gjennom et oppdatert minifiseringsverktøy, fanges forskjellen vanligvis opp.

Vi trenger lesbar kode for feilsøking

Behold lesbare kildefiler i prosjektet, og bruk kildekart til feilsøking. Kildekart lar utviklerverktøy i nettleseren vise den opprinnelige koden mens besøkende mottar den minifiserte versjonen. Du trenger aldri å levere lesbar kode for å få lesbar feilsøking.