Pienennetty JavaScript
Silktide tarkistaa, onko sivusi lataamat komentosarjatiedostot pienennetty eli kirjoitettu uudelleen siten, että niistä on poistettu välilyönnit, kommentit ja pitkät nimet, joilla on merkitystä vain koodia lukevalle henkilölle. Pienentämättömät komentosarjat ovat paljon suurempia kuin niiden tarvitsee olla, mikä hidastaa sivun latautumista.
ei muuta sitä, mitä koodi tekee. Esimerkiksi:
// Ennen pienentämistä: luettavaa, mutta raskasta
function calculateTotalPrice(itemPrice, quantity) {
return itemPrice * quantity;
}
// Jälkeenpäin: toiminta on sama, koko vain murto-osa
function c(a,b){return a*b}
Miksi tämä on tärkeää
on usein raskain asia, jonka sivu lataa, ja toisin kuin kuvat, se on myös käsiteltävä, ennen kuin sivusta tulee täysin interaktiivinen. Pienentämättömät komentosarjat kutistuvat säännöllisesti puoleen tai sitäkin pienemmiksi, ja säästö toistuu jokaisella kävijällä jokaisella välimuistittomalla sivulatauksella – puhelimilla ja hitaammilla yhteyksillä olevat kävijät huomaavat sen eniten.
Koska pienentäminen on automaattista eikä muuta toimintaa, pienentämättömät tuotantokomentosarjat ovat lähes aina vahinko: rakennusvaihe on ohitettu tai kehitystiedostoja on julkaistu erehdyksessä.
Näin korjaat sen
- Ota pienentäminen käyttöön sivuston rakennusprosessissa. Jokainen moderni rakennustyökalu sisältää pienentäjän, joka on yleensä oletusarvoisesti käytössä tuotantoversioissa.
- Jos sivustolla ei ole rakennusprosessia, tarkista : useimmissa on asetus tai lisäosa, joka pienentää komentosarjat automaattisesti.
- Viimeisenä keinona aja tiedostot erillisen pienentäjän läpi ennen niiden lataamista palvelimelle. Säilytä luettavat alkuperäistiedostot – muokkaat niitä ja julkaiset pienennetyn tulosteen.
- Jos raportoitu tiedosto kuuluu kolmannelle osapuolelle, tarkista, tarjoaako se pienennetyn version; useimmat tarjoavat.
Näin Silktide testaa tämän
- Lataa sivu oikeassa selaimessa käyttäen nopeustesteihisi määritettyä laitetyyppiä, yhteysnopeutta ja testisijaintia.
- Tutki jokainen sivun lataama komentosarjatiedosto ja arvioi, kuinka paljon pienempi se olisi pienennettynä.
- Raportoi jokainen tiedosto, josta voidaan saavuttaa merkittävä säästö, ja arvioi sivu kokonaissäästön perusteella: noin 50 kt:n mahdollinen säästö laskee arvosanaa ja 250 kt tai enemmän arvioidaan heikoksi.
Vianmääritys
Tiedosto näyttää jo pienennetyltä
Pienentäjät eroavat aggressiivisuudeltaan, joten kevyesti tiivistetyssä tiedostossa voi silti olla merkittäviä säästömahdollisuuksia. Tarkistus raportoi, kuinka paljon pienempi tiedosto voisi olla; sen ajaminen nykyisen pienentäjän läpi yleensä saavuttaa eron.
Tarvitsemme luettavaa koodia virheenkorjaukseen
Säilytä luettavat lähdetiedostot projektissasi ja tee virheenkorjaus lähdekarttojen avulla. Niiden ansiosta selaimen kehittäjätyökalut voivat näyttää alkuperäisen koodin samalla, kun kävijät saavat pienennetyn version. Luettavaa virheenkorjausta varten ei koskaan tarvitse tarjota luettavaa koodia.