Un problème de performance anormal

[Isabelle62]

Désolée de continuer cette discussion mais nous venons de compléter nos tests.

C'est absolument déroutant pour nous.

Nous avons remplacé nos appels à la balise html5 <video> par des appels au plugin Allvideo avec nos videos sur notre serveur et nous gagnons des temps de chargement énormes. Par exemple une page qui se chargeait en 20 secondes se charge maintenant en 5 secondes.

Nous pensons que la conclusion de notre problème vient que GTmetrix a un problème avec les balises HTML5 video.

Que devons-faire : laisser les balises html5 video et perdre les videos avec les pages amp ou alors utiliser le plugin allvideo?

C'est cornélien comme choix d'autant plus que nous ne comprenons pas pourquoi ce comportement.

Merci par avance pour vos avis éclairés

Isa

[daneel]

Bonjour,

1. Contrairement à youtube ou vimeo, votre serveur n'est pas dédié au streaming video. le temps de réponse du serveur doit être inférieur à 0,2 seconde selon google (on est entre 0.7s et 0.95s sur votre site).

2. vous avez défini que le mp4... en html5, on définit généralement les trois encodage video (bien que le mp4 soit compatible avec votre navigateur).

3. Astuce : la video iframe en Deferring. Le chargement d'une video youtube ou vimeo est reporté en utilisant data-src + un peu de code js en bas de page. Ainsi les éléments du player et video ne sont pas pris en compte par gtmetrix (on ne les retrouve pas dans "Defer parsing of JavaScript" ). J'utilise également le data-src pour des images responsives

Je considère un site joomla optimisé en ayant atteint au minimum 86% sur :

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.guillenphoto.com%2Fcms%2F&tab=desktop

[manu93fr]

Egalement en complément, dans le balise <video>, mettre un preload:none pour éviter au navigateur de tenter de charger les métadonnées ou la video (de 12Mb quand même ) .... sinon je privilégierai une plateforme de stremming style Vimeo ou youtuve ...

https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/la-video-et-l-audio

[Isabelle62]

Merci Manu93 pour votre conseil précieux.

Nous n'en revenons pas. Nous avons ajouté preload="none" dans la balise <video> et avec Gtmetrix notre page se charge en 3.8 seconde avec un poids de 709Koctets.
Au lieu de 21 secondes et 6 mega octets.

Nous avons le test sur des pages contenant de la video et de l'audio : résultat identique.

C'est absolument génial. Tout fonctionne parfaitement en HTML5 et nos pages amp sont viables.

Nous ne vous remercions jamais assez pour ce conseil si précieux. Nous sommes super contents.

Vraiment merci beaucoup pour avoir partagé avec nous ce truc.

Bien à vous
Isa

[Isabelle62]

Bonjour à tous,

nous voulions remercier spécialement Dolmenhir pour l'une des ses réflexions sur l'organisation de la page d'accueil et l'accès à l'information.
Nous avons beaucoup réfléchi et nous avons finalement trouvé un compromis fonctionnel pour le site.
Nous avons changé la page d'accueil avec des accès plus simplee et surtout une simplification des menus.
Depuis 4 jours que nous avons mis en ligne cette nouvelle mouture, le taux de bouncing est tombé à moins de 50% et le nombre de pages vues augmentent de manière sensible.
Le temps de chargement des pages est aussi accéléré.

Bref, cette nouvelle interface change un peu notre manière de penser et de présenter de l'information à partager mais si la tendance se confirme, cela devrait être plus pratique pour les internautes.

Cette fois, nous fermons ce post.

Merci à tous pour vos remarques très constructives

Bien à vous tous
Isa

[manu93fr]

Merci pour ce retour et merci pour lui ... c'est toujours agréable d'avoir des retours positifs sur les conseils que l'ont donne