18034 sujets

Questions générales et questions de débutants

PageSpeed Insights Test Google, comment ça marche ?

Bonjour à tous,

Je profite de ce post tout d'abord pour remercier tous les gens qui ont pris un moment pour répondre à tous mes posts précédents concernant les divers problèmes que j'ai pu rencontrer.

La nouvelle version du site que je préparais maintenant depuis deux mois est en ligne et je viens de réaliser le test de Google pour voir où le site ce situ en terme de "performance". Il y a du mieux par apport à l'ancienne version mais c'est pas encore ça.

La première erreur que j'aimerais "fixer" est celle-ci :

Éliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison
Votre page contient 3 ressources de script et 1 ressources CSS qui bloquent l'affichage de votre page, et donc le retardent.


Sa solution serais de faire ça :

Supprimez les ressources JavaScript qui bloquent l'affichage :


En gros, faire un site sans JS ni CSS Smiley biggol

Mes links CSS sont bien dans le HEAD HTML et les scripts JS sont bien justes avant la balise /BODY. Je ne comprends donc pas l'action qu'il attends de ma part.

Voici l'adresse pour faire le test : https://developers.google.com/speed/pagespeed/insights/

Et l'adresse de mon site : http://www.czechglasspoint.com/index.html

Merci pour votre aide.

PS : au passage, toute remarque, avis et autres sont les bienvenues Smiley smile

EDIT : sous Firefox j'ai un problème avec les images de background et le logo qui es répété...
Modifié par MagicCarpet (09 Feb 2015 - 12:53)
J'ai réglé le problème du logo, pouvez-vous me dire si de votre côté vous avez des problèmes d'affichage avec les images de background ? (gros pixel, problème d'affichage, zone noire, etc.)

Merci pour votre aide.
Sans répondre aux problèmes, si vous ne savez pas, personne n'a d'avis sur le site ?

Sinon, j'ai peut-être résolu le problèmes des images en background mais j'aimerais votre retour sur la question.

Merci.
Bon j'ai l'impression que c'est un peu de l'enfumage les outils Google.

Ils expliquent dans leur doc mal expliqué qu'il faut insérer le code JS directement dans la page HTML quand celui-ci est petit (youpi).

Utilisez l'attribut async, quand c'est possible (re-youpi).

Et en gros il ne prends pas en compte le CDN.

Donc si je veux augmenter mes points, je dois tout fusionner dans un seul fichier unique et le mettre en async. Bref, tout ce qu'on nous rabâche de ne pas faire, en gros Smiley smile (enfin, async ok sauf que c'est impossible, en tout cas dans mon cas. L'utilité du CDN devient nul et la fusion des JS n'est pas toujours possible, surtout quand on utilise, le dit CDN).

Par contre, quid du CSS ?
Modifié par MagicCarpet (10 Feb 2015 - 22:54)
Sujet clos
Aller à