============================= Performances de sites internet

=============================
L’optimisation de la vitesse d’un site est un processus continu et évolutif qui va
bien au-delà de l’abonnement aux meilleurs services d’hébergement au monde.

Réussir à faire afficher complètement un site en 2 ou 3 secondes maximum

Sur mobile tenir en moins de 5secondes

https://www.hostinger.fr/tutoriels/comment-integrer-cloudflare-a-wordpress

Query Monitor de John Blackboum

* Les causes d'une mauvaise performance d'un site :

- Service d'hébergement médiocre
- Trop de widgets ou d'extensions
- Un trop grand nombre de publicités ou un chargement lent des publicités

1) Tester le site :
- GT Metrix
- Page Speed Insight
- Pingdom
- https://web.dev/measure/
- WebPageTest

2) Optimisation des images

Utiliser des images plus petites si possible.

- Choix du Format: utliser le JPG ou WebP si la qualité est une priorité, et

utiliser le png pour les icônes, logos, illustrations, signes et textes.

https://compressor.io/ : compression d'images

https://convertio.co/ : convcertir webp en jpg
Plugin: Converter for Media

- Dimension: definir des largeurs fixes et hauteur automatique.

1920x1080px

- Compression des images

- jpeg: 60% ou 70%
6- taille des images : 100ko à 200 ko max

- Ajoutez les attributs width/height au html des images.

- Reduire le nombre d'images aux minimum absolu

- Utilisez le chargement paresseux ou lazy loading pour images et vidéos

NB: WP Rocket a une option pour ajouter les dimensions d’image manquantes qui
devrait résoudre ce problème.

Utilisez un plugin WebP (ou votre plugin d’optimisation d’images s’il est pris en
charge) pour convertir les images en WebP, qui est censé être plus rapide et de
meilleure qualité que JPEG/PNG.

Activez WebP Cache si vous utilisez WP Rocket. Ceci est appelé « servir les images
dans le format next-gen » dans PSI.

3) Activation du cache
Pour WordPress :
- plugin WP Rocket (payant)
- Plugin W3 Total Cache (gratuit)
- https://developer.wordpress.org/reference/functions/wp_get_attachment_image/

4) Activer la compression Gzip

5/ Optimiser le CSS
- Nettoyez les déclarations inutilisées
- Minifiez son code: signifie de supprimer les espaces unitiles dans le fichier
( outil CSS Compressor)

6/Gérer ses scripts

Intégrer ses scripts à la fin de page avant </body>

SOLUTION POUR WORPRESS

- utiliser des extensions de compression tels que Imagify, ShortPixel, Image
Optimizer, ...
- Supprimer les plugins inutiles et limiter le noimbre de plugins au strict minimum
- Utiliser Query Monitor pour trouver les plugins lents.

Optimiser le css et la livraison

- reduire la taille du css
- Minifiez le css
- N’utilisez pas @import.
- Enlevez le CSS inutilisé.
- N’utilisez pas de CSS en HTML comme les balises H1 et DIV.
- Utilisez un petit CSS en ligne.

*WP Rocket : programmer le nettoyage automatique de la base de données

Supprimez les tables inutilisées (avec WP-Optimize) après avoir supprimé un plugin.

Limiter/Désactiver les révisions WordPress

ajouter ce bout de code dans wp-config.php

Désactiver les révisions :

define( 'WP_POST_REVISIONS', false );

Limiter les révisions :

define( 'WP_POST_REVISIONS', 10 ); // limite à 10 revisions

WordPress est plus rapide avec PHP 7

Liens utiles :
https://www.internet-marketeux.fr/10-facons-daccelerer-le-chargement-de-votre-site-
web/

https://www.youtube.com/watch?v=INR6SLP1PM8

============================= Référencement naturel (SEO)

=============================

1) Plugin pour gérer le référencement naturel (Yoast seo)

2) Ajouter des textes alternatifs aux images (alt="")
3) Mettre en place une bonne hierarchie des titres dans le site (h1,h2,h3,...)