AcasăOptimizare websiteOptimizare CSS - Comprimarea resurselor CSS

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;
}

- Advertisement -

}

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

LĂSAȚI UN MESAJ

Vă rugăm să introduceți comentariul dvs.!
Introduceți aici numele dvs.

Recomandam