Comment charger un CSS de manière asynchrone sans l'aide de JavaScript?

Suppose que si j'ai un site web http://somethingsomething.com

Et j'ai 3 fichier css

  • commun.css
  • page d'accueil.css
  • intérieure-pages.css

homepage.css est requis pour la page d'accueil et common.css est pour tout le site, mais inner-pages.css est pour les autres pages seulement et c'est gros fichier. Est-il possible de charger inner-pages.css après la page d'accueil de téléchargement de données. De la même manière que nous utilisons async attribut pour script tag. Autant que je sache async attribut est uniquement pour JS pas de CSS

mon ami m'a suggéré d'utiliser requirejs pour cette http://requirejs.org/docs/faq-advanced.html#css mais je ne veux pas utiliser javascript pour charger les css et même je pense que lors de la JS je ne l'utilise pas require.js juste pour cela. Donc, si il n'est pas possible avec CSS. quel serait le simple JS façon de le faire?

Cela semble négligeable, quelle est la taille des fichiers? Ce type de gain de performances que vous obtenez? Je pense qu'il serait plus sage de simplement rapetisser tout ensemble. Une fois qu'un utilisateur navigue sur le passé de la page d'accueil les avantages disparaissent. Autant que je sache, il n'existe aucun moyen de charger des fichiers CSS async w/o JS.
Oui, ce que vous avez dit, je le sais déjà. voulais juste vérifier si quelqu'un a une opinion différente ou un truc.
Comme David Nguyen dit, si vous rapetisser et de mettre tous les css dans un seul fichier, le premier chargement sera mauvais, mais la prochaine charges seront dans le cache, de sorte qu'il sera rapide. Mais de toute façon, je suis curieux de savoir si ses possible sans javascript...
En fait, je vous devriez être en mesure de charger asynchrone à l'aide d'un iframe...réponse ci-dessous
pourrait ceci être d'intérêt pour la discussion?

OriginalL'auteur Jitendra Vyas | 2013-11-06