Ónotað CSS

Silktide hleður síðunum þínum í raunverulegum vafra og mælir hversu stór hluti hvers stílblaðs er í raun notaður til að birta síðuna. Tilkynnt er um stílblað með miklu magni af ónotuðum stílum, ásamt mögulegum sparnaði.

Hvers vegna þetta skiptir máli

Vafrar geta ekki birt síðu fyrr en þeir hafa hlaðið niður og unnið úr , þannig að hver regla sem ekki er notuð tefur enn þá stund þegar efnið þitt birtist. Ónotað CSS safnast eðlilega upp: þemu og rammaverk hlaða inn stílum fyrir alla eiginleika, hvort sem þú notar þá eða ekki, og gömlum stílum er sjaldan eytt þegar hönnun breytist. Niðurstaðan er sú að gestir bíða eftir stílum sem birta aldrei neitt.

Hvernig á að laga þetta

Fjarlægðu stíla sem þú notar ekki lengur. Byggingarverkfæri geta gert þetta sjálfkrafa með því að skanna sniðmátin þín og halda aðeins eftir því CSS sem þau vísa í.
Skiptu stórum stílblöðum upp þannig að hver síða hleðji aðeins þá stíla sem hún þarf, í stað þess að nota einn pakka sem inniheldur stíla fyrir allar síðurnar.
Fyrir þá stíla sem síðan þarf skaltu setja þá í forgang sem birta fyrsta skjáinn og láta afganginn hlaðast án þess að hindra birtingu:

<!-- Hleðst án þess að hindra fyrstu birtingu -->
<link rel="preload" href="rest.css" as="style"
      onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="rest.css"></noscript>

Farðu varlega við sjálfvirka fjarlægingu: stílar sem eru aðeins notaðir af , eða aðeins á öðrum síðum sem deila stílblaðinu, geta verið fjarlægðir fyrir mistök.

Hvernig Silktide prófar þetta

Hlaða síðunni í raunverulegum vafra og skrá hvaða CSS-reglur eru notaðar á meðan síðan hleðst.
Fyrir hvert stílblað skal mæla hversu mörg bæti þess voru aldrei notuð.
Tilkynna um hvert stílblað með umtalsverðum sóun og sýna núverandi stærð þess, hlutfall ónotaðs efnis og þau bæti sem hægt væri að spara.

Úrræðaleit

CSS-ið er notað, bara ekki strax

Mælingin nær yfir upphaflega hleðslu síðunnar. Stílar sem eiga aðeins við síðar — við yfirsvif, í gluggum eða eftir að JavaScript birtir efni — teljast ónotaðir, þótt síðan þurfi á þeim að halda síðar. Það eru samt gagnlegar upplýsingar: þessir stílar þurfa ekki að hindra fyrstu birtingu og því koma þeir til greina fyrir sérstaka hleðslu.

Stílblaðinu er deilt um allt vefsvæðið

Sameiginlegt stílblað er að mestu leyti „ónotað“ á hverri stakri síðu. Það getur verið skynsamleg málamiðlun, þar sem skráin er eftir fyrstu heimsókn á síðu. Metið kostnaðinn við fyrstu heimsókn á móti þægindunum áður en því er skipt upp.