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

LĂSAȚI UN MESAJ

Please enter your comment!
Please enter your name here

Acest sit folosește Akismet pentru a reduce spamul. Află cum sunt procesate datele comentariilor tale.