Lors de l'optimisation de CSS, qu'est-ce qui est considéré comme "petit" pour l'insérer en ligne dans la page?
Où devrais-je mettre le css?
Google recommande de placer le css du pli ci-dessus dans la même page: https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery
Si les ressources CSS externes sont petites, vous pouvez les insérer directement dans le document HTML.
Mais qu'est-ce qui est considéré comme petit? J'ai un site régulier avec un blog. Dois-je intégrer les CSS dans toutes les pages? Si tel est le cas, dois-je répéter dans chaque page les fichiers CSS communs tels que p, h1, a ...?
Vous avez essentiellement trois options; externe, interne, en ligne.
Externe: est l'endroit où vous avez un fichier CSS externe.
En ligne: est l'endroit où vous spécifiez un style pour chaque balise.
Interne: est l'endroit où le code CSS que vous utiliseriez pour un fichier CSS externe est placé dans la balise pages <head>.
Je ne recommande pas d'ajouter du style à des balises HTML individuelles.
Bien que ce ne soit pas un gros problème pour de petits morceaux de code CSS, je ne recommande également pas d'ajouter du style dans chaque page. Quelle douleur!
Au lieu de cela, je recommande toujours d'utiliser un fichier CSS externe. Pourquoi? Parce que pour un changement simple, il n'est pas nécessaire de modifier chaque page pour effectuer le changement.
Cette page peut aider: http://www.w3schools.com/css/css_howto.asp
Traditionnellement, un fichier CSS s'appelle style.css. Il est placé dans un répertoire/css et est spécifié sous le nom <link rel="stylesheet" type="text/css" href="/css/style.css"> quelque part dans la balise <head>. Bien qu'il ne soit pas nécessaire d'utiliser un répertoire/css ou de nommer votre fichier comme style.css, lors de la modification de plusieurs sites, s'en tenir à la tradition permet de connaître l'emplacement et le nom du fichier CSS comme une évidence.
En ce qui concerne la rapidité, tout l’argument est un peu abusif. D'une part, si le code CSS se trouve dans la page, il n'est pas nécessaire de demander une autre requête pour extraire le fichier CSS. D'autre part, le code peut rendre le téléchargement HTML plus volumineux. Les fichiers CSS peuvent être mis en cache, ce qui rend le problème de la deuxième demande dans son ensemble pratiquement sans objet. Où la limite est entre l'utilisation de CSS interne ou en ligne par rapport à CSS externe, est à débattre. D'après mon expérience, une douzaine de balises de style sur la page convient parfaitement. Cependant, toute différence de vitesse pour une page ne dépasse pas le coût total du téléchargement de plusieurs pages, ce qui serait un coût cumulatif par rapport au coût d'un fichier CSS qui ne doit être demandé qu'une seule fois. Cela devient plus clair là où plus de quelques styles sont appliqués. Néanmoins, je recommande d'utiliser un fichier externe. Cela rend la vie beaucoup plus facile et le coût est encore très minime, voire discutable.