Dacă site-ul utilizează CSS. Serverul trebuie să îl transmită browserului de fiecare dată când se solicită o resursă. Și aceasta afectează viteza de descărcare. Cu cât fișierele de stil sunt mai complexe și mai extinse, cu atât vizitatorul va aștepta mai mult până când site-ul va fi încărcat complet. Folosind compresia CSS, puteți reduce dimensiunea codului și puteți îmbunătăți performanța site-ului.
Funcții de optimizare CSS
În acest articol, vă vom da câteva trucuri pe care le puteți utiliza pentru a comprima CSS și JS.- Evitați utilizarea excesivă a stilurilor CSS încorporate (găzduite în HTML), dacă acest lucru nu se aplică în partea de sus a paginii. Același lucru este valabil și pentru etichetele de stil (proprietăți CSS separate care se abat de la standardele stabilite);
- Combinați mai multe fișiere CSS într-un script PHP. Astfel, clientul ar trebui să sune doar fișierul PHP în loc să trimită o solicitare HTTP pentru fiecare fișier de stil;
- Compresia CSS implică utilizarea unor forme de proprietăți scurte, dacă este posibil:
în loc de forma completă:
Compresie CSS: instrumente online și offline
Aceste aplicații includ:
Copiați CSS în câmpul "Input CSS" și faceți clic pe butonul "Minify" pentru a începe procesul. În câmpul "Output Minified", veți vedea un rezultat care poate fi copiat manual sau descărcat. CSS Minifier scurtează codul prin eliminarea întreruperilor de linie și a spațiilor, ultima din listă fiind punct și virgulă. Instrumentul poate converti cu ușurință codul RGB la o versiune comprimată a HEX.
Acest serviciu pentru comprimarea CSS online este puțin diferit de cel precedent, deoarece suportă mai multe posibilități de compresie a codului. Introduceți CSS în câmpul "Introducere cod sursă CSS". Apoi selectați raportul de compresie. În secțiunea "Afișați opțiunile avansate", puteți selecta caseta de selectare pentru opțiunile de minimizare. De exemplu, stoarcerea culorilor de culori, ștergerea ultimului punct și a punctului virgulă și așa mai departe. Faceți clic pe "Comprimare" pentru a începe procesul de compresie a CSS. De asemenea, instrumentul oferă informații despre dimensiunea fișierelor de intrare și de ieșire, precum și procentul de minimizare.
Gratuit CSS Toolbox
Program gratuit pentru dezvoltatorii web. Acesta include un număr de instrumente și poate efectua formatarea și verificarea codului CSS. În fila "Opțiuni de formatare", selectați opțiunile CSS. care trebuie să optimizați și să începeți compresia făcând clic pe "Re-format acum". CSS Toolbox gratuit, fără probleme, elimină golurile și punctele finale cu o virgulă, minimizează codurile de culoare. Acest program funcționează pe toate sistemele de operare, începând cu Windows XP și mai mult.
Reducerea timpului de încărcare datorită optimizării CSS
Încărcarea pe server crește, deoarece mărimea fișierelor CSS crește. Dacă site-ul este deschis utilizând un client (browser), toate datele CSS trebuie solicitate și transferate. Prin urmare, este recomandat să comprimați CSS și JS online. Instrumentele enumerate mai sus vă vor ajuta în acest sens. Dar optimizarea completă nu poate fi efectuată cu ajutorul serviciilor și aplicațiilor. Această sarcină trebuie făcută independent.
Articolul "Compresia CSS pentru timpi consecvenți de încărcare" a fost elaborat de echipa prietenoasă a proiectului Saitostroenie de la A la Z.