Išdėstant svetainių stiliaus lakštus (Style Sheets) pakopomis padaro interneto svetaines labiau veiksmingas, nes tai leidžia naršyklėms surasti su stiliumi susijusią informaciją iš .css failų tiesiogiai, panaikinant būtinybę skaityti informaciją kiekvieną kartą iš naujo, kai kiekvienas puslapis yra įkeliamas vėl ir vėl. Net jei "Style Sheets" yra natūraliai efektyvesni nei HTML, jūs vis dar galite optimizuoti CSS kodą, kad padarytumėte savo svetainę švaresnę ir greitesnę.
Pirmiausia pabandykite rasti išskaidytą kodą ir apdoroti jį kartu. Pavyzdžiui vietoj:
Pirmiausia pabandykite rasti išskaidytą kodą ir apdoroti jį kartu. Pavyzdžiui vietoj:
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
jūs geriau naudokite:
margin: 10px 20px 10px 20px; Vietoj:
<p class="decorated">A paragraph of decorated text</p>
<p class="decorated">Second paragraph</p>
<p class="decorated">Third paragraph</p>
<p class="decorated">Forth paragraph</p> geriau naudoti:
<div class="decorated">
<p>A paragraph of decorated text</p>
<p>Second paragraph</p>
<p>Third paragraph</p>
<p>Forth paragraph</p>
</div>
Be to, jūs taip pat galite pabandyti CSS optimizavimo įrankį, pvz. CleanCSS. Šie įrankiai yra skirti sujungti panašius sektorius, pašalinti nereikalingas savybes, pašalinti tarpus ir pan.
Pagreitink savo svetainę serija:
