Après avoir utilisé le PageSpeed Insights de Google pour mon site [ http://flashmallach.github.com ], la plus grande erreur que je rencontre encore est la mise à profit de la mise en cache du navigateur. J'ai trouvé des solutions qui suggèrent d'utiliser un fichier .htaccess pour le faire, mais les pages GitHub ne les prennent apparemment pas en charge.
Y a-t-il un autre moyen de retirer ceci?
Un examen de la documentation de github Pages suggère que ce niveau de configuration n’est pas mis à la disposition des utilisateurs de github Pages.
Vous pouvez contactez le support github Pages pour voir si ce niveau de configurabilité sera rendu disponible (ou s’ils peuvent le configurer pour vous). Cependant, je suppose que vous trouverez une solution plus rapide en hébergeant vos images. sur un service prenant en charge la configuration que vous souhaitez utiliser.
TILISER UN CDN (CLOUDFLARE)
De loin, le moyen le plus efficace d’augmenter votre score est d’utiliser un réseau de diffusion de contenu gratuit pour desservir votre site. Je recommande la version gratuite de CloudFlare en raison de sa simplicité. Il y a plusieurs raisons à cela:
Le CDN réduira automatiquement votre code HTML, CSS et JavaScript. Google PageSpeed l'exige.
GitHub Pages par défaut place un en-tête de mise en cache de 10 minutes sur toutes les ressources. Google émettra une erreur "Exploiter la mise en cache du navigateur" à cet effet. Vous pouvez remplacer cela depuis le CDN. Sur CloudFlare, j’ai fait cela en créant une règle de page (en plus de l’option de mise en cache générale) qui définit le niveau de cache sur tout au moins 8 jours (recommandation de Google). Je n'utilise pas l'option Rocket Loader.
Le CDN utilisera automatiquement les éléments Gzip, tels que les SVG (même s’ils sont desservis par GitHub).
La configuration du CDN augmentera de loin vos résultats PageSpeed, mais la propagation de vos modifications de paramètres CDN peut prendre jusqu'à 24 heures (vous ne les verrez pas immédiatement reflétées dans les résultats de Google.)