Optimizarea CSS - facem site-uri mai rapide

stiluri impozitie afișa diferite elemente de pagină într-un fișier separat este cu siguranță pagini mai rapid de încărcare de pe site-ul, deoarece CSS-fișierul este în cache de către browser (în cazul în care această funcție el este permis) și încarcă ulterior, nu este de pe Internet, direct de pe computer.







Dar chiar și în acest caz, puteți obține un efect și mai mult din utilizarea foilor de stil cascadă (care uneori necesită zeci de kilobyte de cod), optimizând acest CSS.

Iar aici serviciile simple și convenabile on-line ajung la salvare - optimizatorii CSS.

Căutând Google găsite mai multe instrumente similare, gata să ajute la rezolvarea problemei (toate serviciile sunt burgheze):

Ce fac aceste servicii pentru a obține rezultate. Acestea combină clasele omogene, elimină proprietățile inutile, spațiile, liniuțele și așa mai departe. În consecință, codul nu poate fi citit pentru webmasterul, cu toate acestea, atunci când se optimizează cea mai mare dimensiune a fișierului CSS, diferența de încărcare a paginii devine semnificativă.

Mulți utilizatori de Internet în bandă largă nu vor vedea punctul, deoarece majoritatea site-urilor pe care le deschid rapid. Imaginați-vă însă: dacă fiecare site începe să se încarce cu cel puțin 10% mai rapid. atunci cât timp economisiți pe săptămână, lună? Și într-un an? În acest caz, este necesar să se țină seama de faptul că se economisește traficul. De asemenea, poate deveni spectaculos. La urma urmei (parafrazează un proverb bine-cunoscut) kilobytes de megaocteți salvați;).

Pentru a testa rezultatele optimizării, am folosit fișierele CSS ale următoarelor site-uri:

Pentru a nu complica lucrurile, am lăsat implicit setările optimizatorului. Vom presupune că acestea sunt optime și sunt concepute pentru utilizatorul mediu.

Primul test a fost Habrahabr cu CSS de 40.69 kilobyte.

Următoarele sunt "Știri 2.0". Dimensiunea CSS este de 18,15 KB.







  • CSS Optimizer / 10.46 KB / 42.34% / Aproape nici o schimbare nu a avut loc, cu excepția unei ușoare creșteri a fontului în două rânduri. În general, acest lucru nu a afectat în niciun fel utilitatea.
  • Clean CSS / 11.40 KB / 38.7% / Totul rămâne în vigoare.
  • Compresor CSS / 8,94 KB / 50,74% / Indentarea a crescut, unele elemente s-au pierdut, stilurile pentru unele tipuri de link-uri s-au deteriorat.

Acum testez iXBT.com. Dimensiunea CSS este de 15,47 KB.

  • CSS Optimizer / 11,60 KB / 25,06% / Coloana din dreapta plutește în jos, ceea ce afectează fără echivoc uzabilitatea.
  • Clean CSS / 11,74 KB / 24,4% / Schimbare destul de nesemnificativă a indentării în unele locuri.
  • Compresor CSS / 7,32 KB / 51,75% / Distorsiunea completă a aspectului paginii. Pur și simplu nu recunoaște.

Ultimul test este CSS-ul blogului meu. Dimensiunea sa este de 12.02 KB.

  • CSS Optimizer / 7.60 KB / 36.75% / Fundalul alb dispare, indentarea unor elemente și înălțimea liniilor se schimbă.
  • Clean CSS / 9.65 KB / 24.5% / Toate în locurile lor.
  • Compresor CSS / 4.74 kB / 60.54% / Formatarea paginii este complet pierdută. - Nu intră în nici un fel de poartă.

Rezultatele optime în raportul calitate / dimensiune au fost demonstrate de serviciul Clean CSS. CSS, optimizat prin intermediul acestuia, pe toate site-urile testate toate rămase în locurile lor. Dimensiunea fișierului se micșorează, în medie, cu o treime. În plus, codul însuși, cu setările implicite, nu se învârte în heap, dar rămâne la fel de lizibil ca în versiunea originală.

Mai mult, serviciul prezintă jurnalul complet al schimbărilor, adică ce și în ce linie a fost corectată, iar codul este afișat cu evidențierea sintaxei. Prin urmare, acest serviciu merită laudă și poate fi folosit în siguranță în scopul optimizării fișierelor CSS.

Pentru a utiliza celelalte două opțiuni - CSS Optimizer și CSS Compressor - este necesar doar într-un caz specific, "încercarea" pe site-ul corecta fișierului de stil optimizat.

Astfel, optimizarea CSS poate accelera semnificativ încărcarea site-urilor fără a trebui să facă schimbări drastice în structura paginilor. Da, și ar trebui luat în considerare faptul că încă cea mai mare parte a utilizatorului de Internet se conectează prin dialup.

Înainte de a optimiza fișierele CSS cu unul dintre aceste instrumente, vă sfătuiesc să păstrați fișierul de stil original și ușor de citit. astfel încât, în viitor, era posibil, ca și înainte, să se facă amendamentele necesare cu ușurință.

Pokerul online este recent o activitate foarte populară care permite oamenilor să devină sigure din punct de vedere financiar. Puteți descărca poker și deveniți unul dintre ei.







Articole similare

Trimiteți-le prietenilor: