@import vs lien
D'abord je sais que le titre l'indique c'est une double question posée ici, ici, et ici. Tout ce que j'ai lu sur ce sujet est de plus de deux ans. Beaucoup de choses ont changé au cours de cette période sont donc les mêmes pensées toujours conseillé?
Ici est un exemple, j'utilise @import à l'intérieur d'une feuille de style à mettre dans mon reset CSS et un couple d'autres styles. Dois-je changer qu'à partir de @import
à <link>
? Selon cette l'article que je devrais utiliser link. J'ai donc demander à d'autres développeurs, ce qui est vraiment la meilleure façon qu'à ce jour (25 août 2011)
- > à ce jour (25 août 2011) > a demandé le 26 Août '11 à 2:13
Vous devez vous connecter pour publier un commentaire.
Pas beaucoup si quelque chose a changé dans la dernière année ou deux, et nous sommes toujours en contact avec un grand nombre de ces mêmes navigateurs de l'époque, donc vous ne devez pas changer votre pratique.
<link>
est préférable dans tous les cas plus de@import
, parce que celui-ci bloque les téléchargements en parallèle, ce qui signifie que le navigateur va attendre que le fichier importé à la fin du téléchargement avant de commencer à télécharger le reste du contenu.Vous pouvez le voir en détail ici:
http://www.stevesouders.com/blog/2009/04/09/dont-use-import/
Ainsi, alors que
@import
peut être pratique, c'est tout ce qu'il offre. Si vous voulez vraiment profiter d'un temps de chargement rapide, utiliser au minimum le nombre de feuilles de style (probablement dans la plupart des cas), écrire de bons CSS avec l'efficacité des sélecteurs (les trucs habituels), rapetisser, et utiliser un<link>
tag.Que cela allait être un commentaire mais il a été trop longtemps:
Au lieu de
@import
(je sais que c' est très pratique), vous devez combiner les fichiers en un seul lorsque votre site est en ligne. Vous ne devriez pas être à peaufiner, à ce point de toute façon, et il y a un certain nombre d'outils pour aider les rapetisser il. Personnellement, à l'aide de PHP, j'ai un fichier de config où j'définir tous les fichiers CSS, qui sont écrites dans un fichier CSS séparé (celle que je référence dans le<link>
tag), alors si la mise en cache d'une ancienne version (déterminé soit manuellement ou automatiquement), il combine/minifies et écrit le contenu du dossier "cache", et retourne un timestamp de la chaîne de requête pour ajouter le fichier CSS nom de forcer un nouveau téléchargement.Si vous utilisez PHP en tant que bien, je recommande fortement cssmin, il peut analyser des feuilles de style pour
@import
et tirez le contenu dans un fichier, ainsi que de gérer tous les aspects de la minification.