Salut à tous,
Voilà j'ai soumis des pages de mon site web avec Google PageSpeed Insights afin de contrôler un peu le code et j'aimerais avoir discussions et conseils autour des 2 points (en warning ou problème) que ce service m'a signalé. Voici les 2 points :
- Eliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison. Votre page contient 2 ressources CSS qui bloquent l'affichage de votre page et donc le retardent.
- Exploiter la mise en cache du navigateur
Si vous définissez une date d'expiration ou une durée de validité maximale pour les ressources statiques dans les en-têtes HTTP, vous indiquez au navigateur d'aller chercher les ressources déjà téléchargées sur le disque local plutôt que sur le réseau.
======================================================================
Concernant l'elimination de codeJavaScript et CSS qui bloque l'affichage :
- dans le HEADER je possède 2 CSS (un qui contient tout le CSS de mon site et un autre distant cher google pour une font particulière) et un script JavaScript pour Google analytics
- Juste avant </body> je possède 2 scripts qui sont la bibliothèque Jquery minifié et ma librairie perso de script JQuery.
Dois-je appeler mes CSS avec @import à la fin du fichier ? Car sinon je n'ai pas le choix il faut que je les place dans le head html.
Pour le script dans le head de google analytics je ne sais pas si je peux le mettre à la fin, je vérifirai
Concernant la mise en cache dans le navigateur :
Je n'ai pas encore gérer ce concept. Finalement mettre une mise en cache de 5minutes permettrait au navigateur d'aller encore plus vite car il aurait finalement tout à disposition en local au cache non ?
Merci de votre intervention
Voilà j'ai soumis des pages de mon site web avec Google PageSpeed Insights afin de contrôler un peu le code et j'aimerais avoir discussions et conseils autour des 2 points (en warning ou problème) que ce service m'a signalé. Voici les 2 points :
- Eliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison. Votre page contient 2 ressources CSS qui bloquent l'affichage de votre page et donc le retardent.
- Exploiter la mise en cache du navigateur
Si vous définissez une date d'expiration ou une durée de validité maximale pour les ressources statiques dans les en-têtes HTTP, vous indiquez au navigateur d'aller chercher les ressources déjà téléchargées sur le disque local plutôt que sur le réseau.
======================================================================
Concernant l'elimination de codeJavaScript et CSS qui bloque l'affichage :
- dans le HEADER je possède 2 CSS (un qui contient tout le CSS de mon site et un autre distant cher google pour une font particulière) et un script JavaScript pour Google analytics
- Juste avant </body> je possède 2 scripts qui sont la bibliothèque Jquery minifié et ma librairie perso de script JQuery.
Dois-je appeler mes CSS avec @import à la fin du fichier ? Car sinon je n'ai pas le choix il faut que je les place dans le head html.
Pour le script dans le head de google analytics je ne sais pas si je peux le mettre à la fin, je vérifirai
Concernant la mise en cache dans le navigateur :
Je n'ai pas encore gérer ce concept. Finalement mettre une mise en cache de 5minutes permettrait au navigateur d'aller encore plus vite car il aurait finalement tout à disposition en local au cache non ?
Merci de votre intervention