Questions sur l'optimisation de la vitesse de la page: différer l'analyse et la spécification d'un jeu de caractères?
Poursuivant l'optimisation d'un site Web, j'utilise le module complémentaire Outil de développement de Chrome pour Page Speed.
J'ai pu faire un bon réglage de la performance grâce à ses suggestions, mais ces deux-là m'ont laissé perplexe:
On me dit que j'ai besoin de spécifier un jeu de caractères, mais je l'ai dans tous mes documents (balise méta ci-dessous). Est-ce que cela doit être fait avant la balise HTML? Si oui, quelle est la syntaxe?
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
Deuxièmement, je me perds dans le report de Javascript.
Je sais que dans le courant de la journée, vous pourriez ajouter un différé = "différer" au JS, mais je ne pense pas que cela soit valide, ni que cela satisfasse les validateurs de Page Speed. Comment puis-je reporter JS?
En règle générale, jQuery est lié au CDN de Google sur mes sites, puis à un fichier local site.js global chargé juste après le noyau de jQuery, comme suit:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="/lib/js/site.js"></script>
Idéalement, le type de contenu devrait être spécifié dans les en-têtes HTTP (et la partie text/html l'est presque certainement). À défaut, la déclaration doit être comprise dans les 1024 premiers octets (généralement 1024 caractères) du document.
Le meilleur moyen de vous en assurer est de le placer juste après la balise <head>. Si vous utilisez HTML5, vous pouvez simplement utiliser <meta charset="utf-8">.
Pour JavaScript, le meilleur moyen de le "différer" est de placer les scripts au bas de la page, avant </body>. De cette façon, la page se chargera et ne sera pas retardée par le chargement des scripts.
Cela peut ne pas être facilement possible dans certaines architectures de site, alors ne vous inquiétez pas si ce n'est pas le cas. Maintenez simplement le nombre et la taille des scripts à un niveau raisonnable.