Améliorer la vitesse de mon site et le référencement

[Topo-cool]

Bonjour,
Depuis longtemps je cherche à améliorer la vitesse de mon site, car mon positionnement est en baisse depuis plusieurs mois. J'ai réussi à faire pas mal d'amélioration par moi même, mais j'avoue que maintenant je sèche un peu et j'ai besoin des conseils des experts présents sur ce forum pour essayer d'aller un peu plus loin.

L'adresse de mon site www.cartograf.fr

Pour les ordinateurs je suis souvent dans le vert, mais pour les mobiles, je n'y suis jamais par contre. Aucune page n'est dans le vert dans le webmaster tools de google.

Pensez-vous que cela peut avoir un effet négatif sur le référencement de Google ? On sait que depuis longtemps Google cherche à mettre en avant les sites optimisés mobiles.

Personnellement, j'ai l'impression que Google ADS et google Analytics ralentissent pas mal le site... au niveau du Google Speedtest.

Au passage je trouve un peu étrange que je suis relativement présent dans Google Image, mais très peu au niveau des pages de mon site. A moins de rentrer le nom de mon site "Cartograf" dans Google.

Je suis preneur de toutes vos idées. Merci d'avance.

 

[ortolojf]

Bonjour Topo-cool

Il me semble que noren a une classe PHP de cache html.

Super classe qui accélère beaucoup mon site.

Amicalement.

 

[spout]

Les optimisations à faire sont simples à mettre en place: https://developers.google.com/speed/pagespeed/insights/?hl=fr&url=https://www.cartograf.fr/

TTFB < 100ms donc le cache ne fera pas grand chose.

 

[WebRankInfo]

Au passage je trouve un peu étrange que je suis relativement présent dans Google Image, mais très peu au niveau des pages de mon site. A moins de rentrer le nom de mon site "Cartograf" dans Google.

à 1ère vue, il y a beaucoup de pub et très peu de contenu (notamment texte). Le maillage interne est insuffisant. Les images des cartes viennent d'où ?

 

[Topo-cool]

Merci pour vos réponses.
J'ai contacté Noren pour voir si il a un script sous la main. Pour ce qui est du contenu, je pense en avoir quand même pas mal, plusieurs centaines de pages.. Par contre c'est vrai qu'il y a peu de texte par rapport aux images, mais c'est un peu la raison du site : répertorier les cartes de géographie. Les cartes viennent pour la plupart de divers sites internet. Pour ce qui est de la pub.. franchement environ 4 bannières Adsense par page, ce n'est pas énorme je crois, même si c'est important. A une époque j'en avais beaucoup plus car je travaillais avec des petites régies en plus de Adsense.

Les optimisations à faire sont simples à mettre en place: https://developers.google.com/speed/pagespeed/insights/?hl=fr&url=https://www.cartograf.fr/

TTFB < 100ms donc le cache ne fera pas grand chose.

En réponse à Spout, merci pour ta réponse, je connais ce site que j'ai utilisé pour faire pas mal d'améliorations, jusqu'à arriver à ce stade où je sèche complètement : "Diffusez des images aux formats nouvelle génération" il me demande de changer les images des bannières Adsense.... impossible, non ?
"Différez le chargement des images hors écran" alors je crois qu'il s'agit de ce qu'on appelle un script easyloading mais je n'ai jamais réussi à trouver un script simple à mettre en place et qui fonctionne. Quelqu'un en a t il un sous la main ?

Avez vous des idées d'améliorations ?

Merci d'avance,

Cordialement.

 

[cthierry]

C'est le Lazy-loading et il y a une flopée de scripts et d'exemples sur Internet comme https://github.com/aFarkas/lazysizes

 

[WebRankInfo]

il y a peu de texte par rapport aux images, mais c'est un peu la raison du site : répertorier les cartes de géographie

OK mais sur quelles requêtes veux-tu sortir ? Google voit-il assez de contenus texte pour comprendre sur quoi la page est pertinente ?
et perso, tous ces liens sur les cartes qui pointent vers une URL en dehors du site (juste l'image), c'est assez pénible

Les cartes viennent pour la plupart de divers sites internet

es-tu au courant que tu enfreins le droit de propriété intellectuelle ?

environ 4 bannières Adsense par page, ce n'est pas énorme je crois

tu demandes des avis, je te donne le mien. Tout le haut de la page est rempli de pub, ce qui nuit à la satisfaction utilisateur et augmente les risques avec l'algo de Google

 

[Topo-cool]

C'est le Lazy-loading et il y a une flopée de scripts et d'exemples sur Internet comme https://github.com/aFarkas/lazysizes

Merci Cthierry pour ce lien, effectivement c'est lazy-loading et non easy, j'avais déjà essayé dans le passé, sans succès ( des fois on ne sait pas trop pourquoi ) je vais donc me plonger dans ce nouveau script et voir si cela fait avancer la vitesse ou pas.

J'ai l'impression que mon post est assez mal vu à tes yeux Admin, pourtant je ne fais que demander de l'aide pour un site dont la situation au niveau référencement est assez catastrophique... voir désespérée.

Au sujet des requêtes, par exemple si on tape "carte de france" je vais peut-être apparaître dans les 10 premières images sur la première page, mais par contre je ne suis pas présent il me semble dans les 10 premières pages de résultat pour les pages internet, quand on sait que seul les deux premières pages comptent. Ensuite pour ce qui est de mettre les images "brut" sans page. Pour moi, mais ce n'est que mon avis, on a pas fait mieux et plus rapide que les navigateurs pour afficher une image, zoomer et revenir en arrière. Mais ça c'est juste mon avis, ce n'est pas très important je pense.

Pour les droits des cartes, franchement je n'ai pas fait ce post pour entamer le débat. Mais la plupart des cartes sont libres de droit, elles sont donc fait pour être partagés et accessibles au plus grand nombre de personne possible. Pour les autres je pense avoir toutes les autorisations nécessaires et en cas d'erreur, ce qui peut arriver, il y a la possibilité pour les auteurs de demander le retrait d'une carte. Franchement ce n'est pas comme si j'essayais de vendre du contenu qui ne m'appartient pas. Mais plutôt de le faire connaître gratuitement en créant une base de donnée qui servira je l'espère aux générations à venir.

Pour la pub, je crois que tu viens de me convaincre, de trois bannières carrés, je vais essayer de descendre à une seule grosse horizontale... Je pense que ce sera mieux, même si je ne suis pas prêt à retirer toutes les bannières en haut de page.

Comme je l'ai dit plus haut la situation étant assez dramatique pour mon site, je suis prêt à suivre tous vos conseils en espérant qu'ils éviteront la fermeture du site. On est sur un forum qui regroupe selon moi les meilleurs experts du pays dans ce domaine. En tout cas je parle des forums gratuits et accessibles, pas des conseils d'entreprise hors de prix. Je le pense vraiment et j'espère recevoir encore quelques conseils. Après avoir apporté les modifications cités ci-dessus, je tiendrais informé le reste de la communauté car mon exemple pourra en servir d'autres à y voir plus clair dans le fonctionnement du géant Google.

Merci encore pour votre aide.

 

[Topo-cool]

Je n'ai pas traîné, j'ai suivi deux de vos conseils que j'ai immédiatement mis en place.
Pour l'instant ce n'est actif que sur une seule page du site, en test donc :
https://www.cartograf.fr/continent-afrique.php

Merci à l'Admin pour le conseil de diminuer la pub, une seule bannière au lieu de 3 en haut de page. Je trouve que le rendu est vraiment meilleur. Donc merci.

Pour le script lazy-loading, je viens de mettre en place le script lazysizes sur cette même page. Premier petit problème la page n'est plus valide w3c, le validateur ne reconnait plus "src" à cause du "data-src" pensez vous que c'est un problème ou je dois peut-être modifier quelque chose ? Je suppose que le W3C validator ne prend pas encore le "data-src" en compte ?

Pour en revenir à nos moutons, au niveau de la vitesse, dans le google speedtest, je n'ai pas vraiment gagné en vitesse. Malheureusement... C'est disons pareil au niveau du score, sauf que j'ai parfois quelques alertes en moins. Je dis parfois car le script lazy-loading ne semble pas fonctionner une fois sur 2 ou 3 pour 2 ou 3 images. Parfois il semble fonctionner complètement. Quelqu'un a t il déjà eu ce problème ? Sinon pensez vous qu'il y a un délai après avoir modifié une page pour que Google speedtest change concrètement sa notation ? J'aime bien cet outil, mais avec des résultats qui fluctuent à chaque test, c'est parfois difficile de voir si une modification est vraiment positive ou non..

 

[WebRankInfo]

à mon avis le pb n'est pas la vitesse, d'où la présence de mes autres conseils. Je ne vois pas cette discussion comme un pb et je cherche simplement à aider. Bonne chance pour la suite

 

[Topo-cool]

Merci à vous tous pour vos conseils, j'ai un peu progressé je crois en suivant vos recommandations. Je vais donc me concentrer maintenant sur le maillage interne, même si je n'ai pas trop d'idée. Et la réduction de la publicité, ce qui est déjà plus facile.

J'ai encore une question au sujet de la validation W3C et du "data-src" qui est un peu nouveau avec le lazy-loading. Est il normal que je ne suis plus valide W3C depuis cet ajout ? Le W3C est il plus important que le lazy-loading ? J'ai fait une recherche sur le forum à ce sujet mais je n'ai pas trouvé la réponse.

 

[theunholy]

J'ai encore une question au sujet de la validation W3C et du "data-src" qui est un peu nouveau avec le lazy-loading. Est il normal que je ne suis plus valide W3C depuis cet ajout ? Le W3C est il plus important que le lazy-loading ? J'ai fait une recherche sur le forum à ce sujet mais je n'ai pas trouvé la réponse.

L'attribut src doit être utilisé, sinon, en effet, le code n'est plus valide. Utilise le pour charger une image temporaire qui ne pèse rien (un gif transparent de 1px par exemple) et qui sera la même pour toutes les balises img, comme ça il y aura mise en cache et elle ne sera chargée qu'une fois.

Par exemple:

<img style="width: 320px; height: 271px;" alt="Un jeu éducatif avec Cartograf" title="Un jeu éducatif avec Cartograf" data-src="https://www.cartograf.fr/exercice/jeu_educatif.png" class="lazyload">

devient:

<img style="width: 320px; height: 271px;" alt="Un jeu éducatif avec Cartograf" title="Un jeu éducatif avec Cartograf" src="https://www.cartograf.fr/dossier/1px.gif" data-src="https://www.cartograf.fr/exercice/jeu_educatif.png" class="lazyload">

 

[spout]

@theunholy autant utiliser une image en base64 alors: http://png-pixel.com/

 

[Topo-cool]

Un grand merci à Theunholy pour ta réponse claire et précise. Avec l'exemple j'ai tout de suite compris ! Super