Problema optimizării încărcării unei pagini Web a fost întotdeauna relevantă, chiar și în ciuda vitezei tot mai mari de transfer de date în rețea. Reducerea timpului de încărcare a site-ului - aceasta este una dintre cele mai importante teme ale designului web. De obicei, accentul se pune pe reducerea dimensiunilor imaginilor și optimizarea interogărilor bazei de date. Dar ar trebui să acordați atenție și trunchierea caracterelor inutile atât în fișierul de cod al paginii, cât și într-un fișier cu descrieri ale stilurilor sale. Mai mult decât atât, adesea un fișier cu o descriere a stilurilor consumă destul de un spațiu perceptibil de trafic.
Dar, de fapt, nu ne poate potrivi. Să învățăm să facem totul laconic și economic! Să luăm în considerare mai multe moduri de a reduce fișierul standard CSS și de a verifica eficiența fiecărei metode în practică, efectuând măsurători ale greutății sale în octeți. Deci, care sunt modalitățile de optimizare a descrierii stilurilor? Mai întâi, ia în considerare un exemplu de fișier CSS normal.
Dimensiunea fișierului rezultat este de 515 octeți. Acum, hai să trecem la procesul de optimizare. Există resurse în rețea care pot fi utilizate pentru optimizarea automată. Vom folosi serviciul uneia dintre aceste resurse.
Prima operație pe care o aplicăm fișierului CSS. ar trebui să simplifice codul nostru prin ștergerea unor caractere inutile, cum ar fi un spațiu dublu sau un punct și virgulă în afara locului. Mergem la www.cleancss.com/ și procesăm codul nostru.
După manipulări complicate, dimensiunea fișierului a fost redusă la 448 octeți, ceea ce înseamnă că, deși suntem puțini, am încărcat mai repede fișierul. Și acesta este succesul.
Comprimarea proprietăților stilului
Să mergem la simple manipulări care nu vor strica lizibilitatea, dar în același timp vor reduce dimensiunea fișierului nostru CSS. Să scriem toate proprietățile de stil pe linie, excluzând spațiile după ";"
Acum dimensiunea fișierului nostru a scăzut la 400 octeți. și anume deja mai puțin de 115 octeți din original.
Scrieți stiluri într-o singură linie
Acum ne vom reduce fișierul cu încă 20 de octeți, dar îl vom face să nu mai fie lizibil, după ce a extras conținutul său într-o singură linie.
Rețineți că este mai bine să lucrați cu un fișier CSS normal și să îl optimizați chiar înainte de a intra în găzduire.