Millors pràctiques: Treballar amb CSS
Col · loqueu fulls d'estil en la part superior
Si vols una pàgina es carregui progressivament, és a dir, volem que el navegador mostri el contingut del que té, tan aviat com sigui possible, posar el CSS a la part superior de la pàgina dins de la capçalera del document. Això fa que les pàgines semblen estar de càrrega més ràpid, ja que això facilita la representació progressiva de la pàgina. Això és especialment important per a les pàgines amb molt contingut i per als usuaris de connexions a Internet més lentes.
És un fet documentat que per millorar l'experiència general de l'usuari, és important proporcionar als indicadors de progrés i la retroalimentació visual. Per evitar haver de tornar a dibuixar els elements de la pàgina, en cas que si canvien els seus estils, alguns navegadors, com Internet Explorer, els blocs de la representació de la pàgina fins que el CSS es carrega totalment. A causa d'això, l'usuari és arriba a veure una pàgina en blanc.
Les especificacions HTML de W3 també estableix que la CSS ha incloure'ma a la secció HEAD de la pàgina HTML. at the bottom of the page, so it's best not to use it. També tingui en compte que, en la IE @import es comporta de la mateixa com l'ús de <link> a la part inferior de la pàgina, així que és millor no usar-lo.
Evitar l'ús de les característiques específiques del navegador
Filtres: L'ús de filtres augmenta el consum de memòria i s'aplica per cada element, no per imatge, de manera que el problema es multiplica. A més, els filtres són de propietat exclusiva de l'IE, per tant no funcionarà com està previst en altres navegadors. Si vols un fons transparent o gradient, utilitzeu 1pixel amb imatges.
Les expressions: expressions CSS són una bona característica a tenir en CSS, però encara és una característica específica de l'IE. A més, és important assenyalar que, aquestes expressions són avalua quan es processa la pàgina i canviar de mida, desplaçar i fins i tot quan l'usuari mou el punter del ratolí sobre la pàgina. No cal dir que això podria afectar el rendiment de la seva pàgina. Per això, en paraules simples, No utilitzeu expressions CSS, a menys que senti els seus pros 'pesa més que els seus contres "
Externalitzar a CSS
L'ús de CSS externa es traduirà en una càrrega més ràpida de la pàgines a causa que els arxius JavaScript i CSS són escorcollades pel navegador. CSS en línia en els documents HTML es descarreguen cada vegada que se sol · licita el document HTML. En realitat, això podria reduir el nombre de peticions HTTP realitzades però posteriorment augmenta la mida del document HTML. CSS externa s'emmagatzemen en memòria cau pel navegador, la mida del document HTML es redueix sense augmentar el nombre de peticions HTTP.
Tingueu en compte que, si els usuaris del seu lloc amb vistes de diverses pàgines per sessió i moltes de les seves pàgines de tornar a utilitzar els mateixos scripts i fulls d'estil, hi ha un major benefici potencial de la memòria cau d'arxius externs.
Empaca teus arxius CSS
Embalatge o cruixit de la seva CSS és la pràctica de l'eliminació de caràcters innecessaris del codi per reduir la seva grandària per tal d'optimitzar els temps de càrrega.
La CSS potser em crugia mitjançant l'eliminació de totes les observacions i els personatges no desitjats, com els espais en blanc, salts de línia, etc
