Score faible sur Google Page Speed

Bonjour,
mon site pourmonmec.com a un affichage rapide sur les portable et pourtant google page speed le considère comme lent. Quels en sont les raisons?

Le problème vient de ton intégration de youtube. Mais j’ai pas eu le temps de regarder en détails.

Je viens de mettre les vidéos youtube en commentaire. Merci pour ton retour.

Hello,

Tu as aussi un souci concernant le chargement de tes typos qui bloquent l’affichage du reste du contenu sur la page.
C’est dommage parce que c’est l’une des recommandations les plus simples à mettre en place.
Il faut que tu mettes du font-display:swap sur tes typos.
Avec les Google font, il faut rajouter une variable display=swap à la fin de l’url d’appel.
Si tu veux plus d’info, j’ai écrit un article la dessus : Optimiser les polices web

Bon courage à toi !

1 J'aime

si la video se télécharges automatiquement, il est plutot préconisé d’afficher la couverture de la video et laisser la video se lancer uniquement au clic de l’utilisateur, un tuto pour faire cela : http://www.websiteoptimization.com/speed/tweak/youtube-videos/

personellement je mettrais pas la video sur la version mobile

Salut et merci pour ta réponse.
Je vais peut-être retirer l’affichage de la vidéo Youtube en mode PC et Mobile mais je souhaitais savoir un chose auparavant.
Je suis nul en javascript. Je suis allé sur ton lien et j’ai vu le code suivant: ```

Comment dois-je intégrer ce code dans la page?

Merci d'avance pour ta réponse.
Cordialement.
Pascal.

il suffit de copier le script avant la fermeture :

<script>
		function youTubes_makeDynamic() {
			var $ytIframes = $('iframe[src*="youtube.com"]');
			$ytIframes.each(function (i,e) {
				var $ytFrame = $(e);
				var ytKey; var tmp = $ytFrame.attr('src').split(/\//); tmp = tmp[tmp.length - 1]; tmp = tmp.split('?'); ytKey = tmp[0];
				var $ytLoader = $('<div class="ytLoader">');
				$ytLoader.append($('<img class="cover" src="https://i.ytimg.com/vi/'+ytKey+'/hqdefault.jpg">'));
				$ytLoader.append($('<img class="playBtn" src="play_button.png">'));
				$ytLoader.data('$ytFrame',$ytFrame);
				$ytFrame.replaceWith($ytLoader);
				$ytLoader.click(function () {
					var $ytFrame = $ytLoader.data('$ytFrame');
					$ytFrame.attr('src',$ytFrame.attr('src')+'?autoplay=1');
					$ytLoader.replaceWith($ytFrame);
				});
			});
		};
		$(document).ready(function () {youTubes_makeDynamic()});
	</script>

Merci pour ta réponse.
Je viens de mettre le code avant la fin du body mais apparement il n’y a pas de changement.
Est-ce normal?
Est-ce parce que j’utilise une animation en css sur la video?
Merci d’avance pour ta réponse.
Cordialement.
Pascal.

oui l’animation cache l’effet du script, verifie dans insight so la note est modifié
si non enleves le script car ca veux dire que ca n’as pas eu l’effet escompter dans le calcul de ta note