Comment savoir quelle image bloque le chargement d'une page ?

[-Méphisto-]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://cafet.1fr1.net/

Description du problème

Bonjour
Sur les forums, il arrive que le chargement d'une image empêche le chargement des autres, et ça peut mouliner très longtemps sans qu'aucune image ne s'affiche.

Exemple sur cette page :
http://cafet.1fr1.net/t1885-expressions-mythologiques?highlight=expressions

Y a-t-il une astuce pour savoir laquelle fait ramer la page afin de la supprimer ?
Si je peux savoir déjà pour cette page, ce serait génial, mais ça m'arrangerait surtout de connaitre l'astuce (s'il y en a une) pour corriger ça les fois où cela se reproduirait ailleurs.

Merci d'avance.

[Chacha]

Bonjour,

Vous pouvez utiliser le site https://tools.pingdom.com

En testant la page que vous avez fourni https://tools.pingdom.com/#!/d6basD/http://cafet.1fr1.net/t1885-expressions-mythologiques?highlight=expressions elle s'ouvre en plus de 60 secondes... https://tools.pingdom.com/#!/d6basD/http://cafet.1fr1.net/t1885-expressions-mythologiques?highlight=expressions

On peut y voir, renseigné en rouge : http://perlbal.hi-pi.com/blog-images/46769/gd/1188589903/Tomber-de-Charybde-en-Scylla.jpg

D'autres liens renvoient une erreur : https://i.servimg.com/u/f43/13/53/45/58/persee10.jpg et https://i.servimg.com/u/f43/13/53/45/58/maduse10.jpg




Cordialement.

[Neptunia]

Bonjour ^^


Il n'y a pas de méthode miracle parce qu'une image peut ralentir un site pour de multiples raisons
- Image trop lourde et/ou nombe d'images trop important sur une page
- Hébergeur de l'image rencontrant des problèmes passagers
- Image n'existant plus
- Site d'hébergement n'existant plus
...

Un outil que j'utilise fréquemment -> https://tools.pingdom.com

On constate que votre page pèse 9 mégaoctets, ce qui est énorme. Il ne fait pas bon naviguer sur votre forum en version mobile (à moins d'être en wifi, et encore !)

Avec cet outil on peut regarder quels éléments mettent le plus de temps à charger (pas forcément des images)
On trouve notamment :

- pearltrees.com/s/pic/or/statue-athena-marbre-detail-94977032
- cndp.fr/typo3temp/pics/7c5c657895.jpg
- s.tf1.fr/mmdia/i/42/4/tf1-lci-collision-dans-le-detroit-de-messine-la-carte-du-lieu-de-2261424.jpg
- fr.academic.ru/pictures/frwiki/74/Johann_Heinrich_F%C3%BCssli_054.jpg
- mythologie.fr/Athena_faveurs_fichiers/image056.png
- histoire-fr.com/images/penelope.gif

Je m'arrêterais là mais j'ai mis en évidence le nom de domaine d'où proviennent les images.
On constate deux choses :
- Aucune de ces images n'est hébergée chez un hébergeur d'images
- Toutes sont postées de manière illégale sur votre forum.
Tout comme il n'est pas permis d'emprunter une voiture dans la rue pour vos besoins personnels, il est illégal et condamnable d'utiliser la bande passante de sites ne nous appartenant pas (et sans leur autorisation). Si vous voulez utiliser une image vue ailleurs, vous devez d'abord l'héberger par vos soins et non "voler" le lien, ce qui aura pour effet de solliciter les ressources de Tf1, du CNDP et de divers sites au lieu de solliciter celles de Forumactif ou d'un hébergeur adapté.

En classant les requêtes par taille des ressources on constate encore deux choses !
- Les 6 plus lourdes pèsent toutes plus de 300 ko, ce qui pourrait à la limite se justifier pour un logo, l'image de fond ou sur un forum spécialisé dans la photo. Mais pas sur un forum de discussions générales.
- Là encore ces 6 images ont la particularité de ne pas avoir été hébergées par vos soins (ou ceux des membres)

[-Méphisto-]

Merci. Là, en l'occurrence il s'agit de membres.

Si je comprends bien, le deuxième bouton pour insérer une image (en mettant l'url de l'image) est à proscrire ?
Pourquoi existe-t-il s'il faut obligatoirement héberger soi-même l'image, via servimg par exemple ?

Ou les membres mettent-ils une image par un autre procédé encore ?

[Neptunia]

Le bouton Insérer une image permet d'insérer toute image dont nous avons déjà le lien.

Tout comme avoir une voiture dont le compteur est gradué jusqu'à 200 km/h ne vous autorise pas à atteindre cette vitesse en agglomération même si techniquement possible, le bouton Insérer une image ne vous autorise pas à voler les ressources d'autrui même si dans les faits c'est possible.

Les outils sont là, à vos membres et à vous même d'en faire usage dans les limites de ce qu'autorise la loi.

Pourquoi existe-t-il s'il faut obligatoirement héberger soi-même l'image, via servimg par exemple ?

Et bien comment feriez-vous pour insérer facilement une image si vous choisissez un autre hébergeur que Servimg ?

[-Méphisto-]

Je faisais allusion à l'autre bouton "insérer une image" au lieu de "héberger une image".

[Neptunia]

Et c'est bien de ce bouton dont je parle.

Vous avez deux boutons.
- Celui de gauche qui permet d'héberger (et ensuite d'insérer) une image sur Servimg
- Celui de droite qui permet d'insérer une image déjà hébergée.

Si par exemple vous ouvrez le même sujet sur deux fora dont les bbcodes ne sont pas compatibles, vous n'allez pas héberger deux fois la même image. Le bouton Insérer prend tout son sens.

[Chacha]

Pour en revenir aux 2 liens précédemment cités :

D'autres liens renvoient une erreur : https://i.servimg.com/u/f43/13/53/45/58/persee10.jpg et https://i.servimg.com/u/f43/13/53/45/58/maduse10.jpg

Spoiler:

Les techniciens informent que :

On vient de vérifier dans les backups et ces images n'étaient déjà pas la dans le backup d'il y'a 6 mois en arrière... donc c'est normal.

Cordialement.

[-Méphisto-]

Merci.

Bon, il va falloir continuer à batailler pour leur expliquer comment héberger une image et leur rappeler quelques règles, mais il y en a toujours qui ne lisent pas, qui oublient ou qui n'en ont rien à faire et cèdent à la facilité (j'ai cru comprendre que certains trouvaient "nul" d'utiliser les boutons car ils arrivaient à insérer une image encore plus facilement par un autre moyen, comme copier coller. Le chemin est long et sans cesse à refaire.)