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:
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:
Comprimarea fisierelor CSS se poate face cu YUI Compressor:
Online YUI Compressor