|
Il existe plusieurs stratégies différentes que vous pouvez utiliser pour réduire la taille d'un Cascading Style Sheets ( CSS) . La plupart s'occupent principalement de se débarrasser de licenciements et de maximiser l'efficacité. Les fichiers CSS peuvent obtenir grand , surtout pour un site web avec une mise en page complexe , et la taille du fichier CSS peuvent devenir un facteur important dans la vitesse à laquelle un site web charges. En utilisant quelques techniques de bon sens , cependant, vous pouvez réduire la taille du fichier CSS de sorte que les charges site aussi vite que possible. Instructions
1 Créer un fichier CSS externe plutôt que d'utiliser inline code CSS dans le fichier HTML. Ceci afin que le fichier CSS sera mis en cache par le navigateur Web lors de visites ultérieures sur le site, plutôt que de télécharger de nouveau et de nouveau comme elle le serait si elle faisait partie du fichier HTML.
2 utilisation les différents codes de sténographie CSS au lieu d'énumérer les propriétés individuelles d'un élément. Par exemple, les divers éléments d'un arrière-plan , comme " background-color: # fff ; ", " background-repeat : no-repeat ; » et « background-position : 0 0 ; " peuvent tous être répertoriés individuellement , ou ils peuvent être combinés en quelque chose comme " background: # fff pas de répétition 0 0 ; " ce qui est loin moins de code et réduit la taille du fichier
3 éléments du groupe du ensemble qui ont les mêmes paramètres de style . . Par exemple, si vos éléments h1 et vos éléments h2 ont les mêmes paramètres de style , vous pouvez les combiner comme ça ", h1, h2 { divers paramètres de style }; " de sorte que vous n'avez pas à écrire tous les paramètres de style deux fois < . br> 4 utiliser les codes de couleurs hexagonales raccourcis plutôt que les codes couleurs pleines hexagonaux . Par exemple , à la fois le code couleur hexadécimal # FFFFFF et le code # FFF dénotent blanc.
5 éliminer toute sauts de ligne superflus dans le fichier CSS. C'est une pratique courante à la liste divers ligne des propriétés d'un élément par ligne, mais ce n'est pas nécessaire . Si la taille du fichier est une préoccupation , les différentes propriétés des éléments peuvent être inscrits sur une seule ligne , séparés seulement le point-virgule habitude. Ceci peut rendre le fichier CSS plus difficile à lire aux humains , mais les navigateurs Web n'ont aucune difficulté avec ce style plus tronqué.
6 éliminer personnages superflus de vos commentaires . De nombreux programmeurs utilisent des caractères supplémentaires autour un commentaire à faire un commentaire ressortir d'autant plus qu'il est plus facile à trouver. Ce n'est pas nécessaire , cependant, et les caractères supplémentaires seulement rendre le fichier CSS plus grand qu'il doit être.
|
