58 votes

@import vs link

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é?

Voici 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 de <link>? Selon cet article , 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)

68voto

Wesley Murch Points 48959

Pas beaucoup plus, 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éré 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 voir cela 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> balise.


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é (celui que j'ai fait référence dans l' <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 l' @import et tirez le contenu dans un fichier, ainsi que de gérer tous les aspects de la minification.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X