Minimeiddio CSS

Mae Silktide yn gwirio a yw'r taflenni arddull y mae eich tudalen yn eu lawrlwytho wedi'u minimeiddio - eu hailysgrifennu i ddileu'r bylchau, y sylwadau a'r ailadrodd sydd ond o bwys i bobl sy'n darllen y cod. Mae taflenni arddull nas minimeiddiwyd yn fwy nag sydd angen, gan olygu bod y dudalen yn ymddangos yn arafach.

Nid yw yn newid dim am olwg y dudalen. Er enghraifft:

/* Cyn minimeiddio: darllenadwy, ond trwm */
h1 {
  background-color: #000000;
}
h2 {
  background-color: #000000;
}

/* Ar ôl hynny: canlyniad union yr un fath, ond cyfran o'r maint */
h1,h2{background-color:#000}

Pam mae hyn yn bwysig

Mae taflenni arddull fel arfer yn rhwystro rendro: mae'r porwr yn lawrlwytho y dudalen cyn dangos unrhyw beth, felly mae pob beit diangen mewn taflen arddull yn ymestyn yn uniongyrchol yr amser gwag cyn i'ch tudalen ymddangos. Mae minimeiddio fel arfer yn lleihau maint taflenni arddull yn sylweddol, ac mae'r arbediad yn cael ei ailadrodd ar gyfer pob ymwelydd ar bob golwg tudalen nad yw wedi'i storio yn y storfa.

Gan fod minimeiddio'n awtomatig ac nad yw'n newid ymddygiad, mae taflenni arddull cynhyrchu nas minimeiddiwyd bron bob amser yn gamgymeriad: cam adeiladu a gafodd ei hepgor, neu ffeiliau datblygu a gafodd eu defnyddio ar gam.

Sut i'w drwsio

Galluogwch finimeiddio CSS ym mhroses adeiladu'r wefan. Mae pob offeryn adeiladu modern yn cynnwys minimeiddiwr, sydd fel arfer wedi'i alluogi'n ddiofyn mewn adeiladau cynhyrchu.
Os nad oes gan y wefan broses adeiladu, gwiriwch y : mae gan y rhan fwyaf osodiad neu ategyn sy'n minimeiddio taflenni arddull yn awtomatig.
Fel dewis olaf, rhedwch ffeiliau drwy finimeiddiwr annibynnol cyn eu huwchlwytho. Cadwch y rhai gwreiddiol darllenadwy - rydych yn golygu'r rheini ac yn cyhoeddi'r allbwn minimeiddiedig.
Os yw taflen arddull a adroddwyd yn perthyn i drydydd parti, gwiriwch a ydynt yn cynnig fersiwn wedi'i minimeiddio, fel y mae'r rhan fwyaf yn ei wneud.

Sut mae Silktide yn profi hyn

Llwythwch y dudalen mewn porwr go iawn, gan ddefnyddio'r math o ddyfais, cyflymder cysylltiad a lleoliad prawf sydd wedi'u ffurfweddu ar gyfer eich profion cyflymder.
Archwiliwch bob taflen arddull y mae'r dudalen yn ei lawrlwytho ac amcangyfrifwch faint yn llai fyddai hi pe bai wedi'i minimeiddio.
Adroddwch am bob ffeil sydd ag arbediad posibl ystyrlon, a graddiwch y dudalen yn ôl y cyfanswm: mae tua 50 KB o arbedion posibl yn gostwng y radd, ac mae 250 KB neu fwy yn cael ei raddio'n wael.

Datrys problemau

Mae'r ffeil eisoes yn edrych wedi'i minimeiddio

Mae minimeiddiwyr yn amrywio o ran pa mor ymosodol ydynt, felly gall taflen arddull sydd wedi'i chywasgu ychydig gynnwys arbedion ystyrlon o hyd. Mae'r gwiriad yn adrodd faint yn llai y gallai'r ffeil fod; mae ei rhedeg drwy finimeiddiwr cyfredol fel arfer yn cipio'r gwahaniaeth.

Mae angen arddulliau darllenadwy arnom ar gyfer dadfygio

Cadwch ffeiliau ffynhonnell darllenadwy yn eich prosiect a dadfygiwch â mapiau ffynhonnell, sy'n gadael i offer datblygwr y porwr ddangos yr arddulliau gwreiddiol tra bod ymwelwyr yn derbyn y fersiwn wedi'i minimeiddio. Nid oes angen i chi byth weini cod darllenadwy i gael dadfygio darllenadwy.