Smækkun CSS

Silktide prófar hvort stílskrárnar sem síðan þín hleður niður hafi verið smækkaðar – endurskrifaðar til að fjarlægja bil, athugasemdir og endurtekningar sem skipta aðeins máli fyrir fólk sem les kóðann. Ósmækkaðar stílskrár eru stærri en þær þurfa að vera og því birtist síðan hægar.

breytir engu um útlit síðunnar. Til dæmis:

/* Fyrir smækkun: læsilegt en umfangsmikið */
h1 {
  background-color: #000000;
}
h2 {
  background-color: #000000;
}

/* Eftir: sami niðurstaða, brot af stærðinni */
h1,h2{background-color:#000}

Hvers vegna þetta skiptir máli

Stílskrár hindra yfirleitt birtingu: vafrinn hleður niður síðunnar áður en hann sýnir nokkuð, þannig að hvert óþarfa bæti í stílfærslu lengir beint þann tíma sem síðan er auð áður en hún birtist. Smækkun minnkar stærð stílskráa yfirleitt verulega og sparnaðurinn endurtekur sig fyrir hvern gest við hverja birtingu síðu sem er ekki í skyndiminni.

Þar sem smækkun er sjálfvirk og breytir engri virkni eru ósmækkaðar stílskrár í framleiðsluumhverfi næstum alltaf yfirsjón: byggingarskrefi var sleppt eða þróunarskrár voru settar í dreifingu fyrir mistök.

Hvernig á að laga þetta

Kveiktu á smækkun CSS í byggingarferli síðunnar. Öll nútímaleg byggingartól innihalda smækkunartól sem er yfirleitt sjálfgefið virkt í byggingum fyrir framleiðsluumhverfi.
Ef síðan er ekki með byggingarferli skaltu athuga : í flestum slíkum kerfum er stilling eða viðbót sem smækkar stílskrár sjálfkrafa.
Sem síðasta úrræði skaltu keyra skrár í gegnum sjálfstætt smækkunartól áður en þú hleður þeim upp. Geymdu læsilegu frumskrárnar – þú breytir þeim og birtir smækkaða úttakið.
Ef tilkynnt stílskrá tilheyrir þriðja aðila skaltu athuga hvort hann bjóði upp á smækkaða útgáfu, en flestir gera það.

Hvernig Silktide prófar þetta

Hlaða síðunni í raunverulegum vafra með því að nota gerð tækis, tengihraða og prófunarstað sem stillt hefur verið fyrir hraðaprófin þín.
Skoða hverja stílskrá sem síðan hleður niður og meta hversu miklu minni hún yrði ef hún væri smækkuð.
Tilkynna hverja skrá með marktækum mögulegum sparnaði og gefa síðunni einkunn eftir heildarsparnaðinum: mögulegur sparnaður upp á um 50 KB lækkar einkunnina og 250 KB eða meira gefur slaka einkunn.

Úrræðaleit

Skráin virðist þegar vera smækkuð

Smækkunartól eru misítarleg, þannig að stílfærsla sem hefur aðeins verið þjöppuð saman getur enn innihaldið umtalsverðan mögulegan sparnað. Prófunin tilkynnir hversu miklu minni skráin gæti orðið; að keyra hana í gegnum nýlegt smækkunartól nær yfirleitt þessum mismun.

Við þurfum læsilegar stílfærslur við aflúsun

Geymdu læsilegar frumskrár í verkefninu þínu og aflúsaðu með frumkóðakortum, sem gera þróunarverkfærum vafrans kleift að sýna upprunalegu stílfærslurnar á meðan gestir fá smækkuðu útgáfuna. Þú þarft aldrei að birta læsilegan kóða til að fá læsilega aflúsun.