CSS nas defnyddir

Mae Silktide yn llwytho eich tudalennau mewn porwr go iawn ac yn mesur faint o bob taflen arddulliau a ddefnyddir mewn gwirionedd i ddangos y dudalen. Caiff taflenni arddulliau sydd â llawer iawn o arddullio nas defnyddir eu hadrodd, ynghyd â'r arbediad posibl.

Pam mae hyn yn bwysig

Ni all porwyr ddangos tudalen nes eu bod wedi lawrlwytho a phrosesu ei , felly mae pob rheol nad yw'n cael ei defnyddio yn dal i ohirio'r eiliad y mae eich cynnwys yn ymddangos. Mae CSS nas defnyddir yn cronni'n naturiol: mae themâu a fframweithiau yn cyflenwi arddulliau ar gyfer pob nodwedd p'un a ydych yn eu defnyddio ai peidio, ac anaml y caiff hen arddulliau eu dileu pan fydd dyluniadau'n newid. Y canlyniad yw bod ymwelwyr yn aros am arddullio nad yw byth yn llunio unrhyw beth.

Sut i'w drwsio

Dileuwch arddulliau nad ydych yn eu defnyddio mwyach. Gall offer adeiladu wneud hyn yn awtomatig drwy sganio eich templedi a chadw dim ond y CSS y maent yn cyfeirio ato.
Rhannwch daflenni arddulliau mawr fel bod pob tudalen yn llwytho dim ond yr arddulliau sydd eu hangen arni, yn hytrach nag un pecyn sy'n cynnwys arddullio pob tudalen.
Ar gyfer yr arddulliau y mae tudalen eu hangen, rhowch flaenoriaeth i'r rhai sy'n rendro'r sgrin gyntaf, a gadewch i'r gweddill lwytho heb rwystro:

<!-- Yn llwytho heb rwystro'r paentiad cyntaf -->
<link rel="preload" href="rest.css" as="style"
      onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="rest.css"></noscript>

Byddwch yn ofalus wrth ddileu'n awtomatig: gall arddulliau a ddefnyddir gan yn unig, neu ar dudalennau eraill sy'n rhannu'r daflen arddulliau yn unig, gael eu dileu ar gam.

Sut mae Silktide yn profi hyn

Llwythwch y dudalen mewn porwr go iawn a chofnodwch pa reolau CSS sy'n cael eu cymhwyso tra bod y dudalen yn llwytho.
Ar gyfer pob taflen arddulliau, mesurwch faint o'i beitiau na chawsant eu defnyddio erioed.
Adroddwch am bob taflen arddulliau â gwastraff sylweddol, gan ddangos ei maint presennol, y ganran nas defnyddir, a'r beitiau y gallech eu harbed.

Datrys problemau

Defnyddir y CSS, ond nid ar unwaith

Mae'r mesuriad yn cwmpasu llwyth cychwynnol y dudalen. Mae arddulliau sy'n berthnasol yn ddiweddarach yn unig - wrth hofran, mewn moddolion, ar ôl i JavaScript ddatgelu cynnwys - yn cael eu cyfrif fel rhai nas defnyddir er bod angen y dudalen arnynt yn y pen draw. Mae hynny'n wybodaeth ddefnyddiol o hyd: nid oes angen i'r arddulliau hynny rwystro'r paentiad cyntaf, felly maent yn ymgeiswyr i'w llwytho ar wahân.

Rhennir y daflen arddulliau ar draws y wefan

Mae taflen arddulliau a rennir yn "nas defnyddir" yn bennaf ar unrhyw dudalen unigol. Gall hynny fod yn gyfaddawd rhesymol, gan fod y ffeil yn cael ei ar ôl y golwg gyntaf ar dudalen. Pwyswch gost yr ymweliad cyntaf yn erbyn y cyfleustra cyn ei rhannu.