Optimizare CSS – Comprimarea resurselor CSS

Optimizarea paginilor web devine obligatorie atunci cand dorima sa obtinem o performanta maxima in activitatea pe care o desfasuram online.
Asadar va trebui sa facem totul pentru a micsora marimea paginilor, sa scadem timpul de incarcare si in cele din urma, ne plasam ceva mai bine in motoarele de cautare.

Minimalizarea (Minification) CSS

Minimalizarea fisierelor de tip CSS reprezinta un proces prin care se sterg anumite caractere inutile din cod, acest lucru facandu-se pentru reducerea marimii fisierelor si prin urmare va rezulta o incarcarea mai rapida a site-ului.




Exemplu de cod CSS normal:

body {
background: #f1f1f1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}

ol,
ul {
list-style: none;
}

}

blockquote,
q {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}

a:focus {
outline: 2px solid #c1c1c1;
outline: 2px solid rgba(51, 51, 51, 0.3);
}

a:hover,
a:active {
outline: 0;
}

a img {
border: 0;
}

Dupa Comprimarea Codului:

body{background:#f1f1f1}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}}blockquote,q{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none}a:focus{outline:2px solid #c1c1c1;outline:2px solid rgba(51,51,51,0.3)}a:hover,a:active{outline:0}a img{border:0}

Comprimarea fisierelor CSS se poate face cu YUI Compressor:
Online YUI Compressor

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *