Optimizați css-ul pentru a accelera încărcarea site-ului

Forumul de promovare a site-urilor «Optimizarea internă a unui site

Optimizarea CSS: accelerarea încărcării site-ului

Selectați tot Codul: / * Pornirea stilurilor antet bloc # 40; pălării site-ului # 41; * /
-----
/ * Sfârșitul stilurilor blocului antet # 40; pălării site-ului # 41; * /

  • Reduceți numărul de linii goale.
  • Combinați selecțiile cu aceleași stiluri
  • Utilizați înregistrări color color, dacă este posibil. De exemplu, în loc de #CCCCC, trebuie să utilizați #CCC, sau să folosim # 123 în loc de # 112233, - acestea sunt aceleași culori, dar codul este mai ușor.
  • Nu dați nume mari selectorului id și clasei
  • Optimizați umplutura și marja. Iată intrarea

    Selectați tot Codul: margine: 10px 20px 10px 20px;
    umflarea: 40px 20px 40px 20px;


    Este necesar să treceți la una mai ușoară:

    • Servicii online pentru optimizarea CSS
    optimizare Desigur, manual de cele mai fiabile, dar nu fiecare webmaster știe ce să facă în cascada de stiluri și, în consecință, poate naoptimizorovat, astfel încât nu numai browser-ul, dar dracu 'se va rupe un picior. În astfel de cazuri, este mai bine să utilizați servicii online pentru a optimiza css.
    O mulțime de instrumente lucrează în această zi, de exemplu:
    • CleanCSS
    • CSS Online Optimizer
    • CY-PR.com
    Peste tot este totul extrem de simplu și mai ales deranjant, cu o descriere, inutilă. Să presupunem că am ales CY-PR.com. În caseta de text, introduceți stilurile, în partea dreaptă puteți configura optimizatorul, dar este mai bine să lăsați setările implicite și faceți clic pe "Optimizați CSS". Rezultatul optimizării este afișat în partea de jos a formularului de text. De asemenea, serviciul indică raportul de compresie și numărul de octeți salvați.

    Cod sursă: 9.175 Kb, Cod optimizat: 6.252 Kb, Coeficient: 31.9% (-2923 bytes)


    Proiectați o etichetă . Și ce? Eu salvez fundalul div! Și eticheta se simte bine într-un rol , acest al doilea div este salvat.

    Când sunt gata, colectez toate CSS și HTML într-o singură linie. Și greutatea devine minim posibil. În desene mici, chiar abreviez numele de clasă la o bukovki (aceasta este o capcană pentru mine).

    Dar nimic, în browser puteți apăsa întotdeauna Ctrl + Shift + I, faceți clic pe elementul de interes și uitați-vă la codul și stilurile sale cu confort. În fișierele * .css și * .html, puteți utiliza Ctrl + F pentru a căuta.

    Articole similare

    Pagina anterioară

    Pagina următoare