Téléchargé parDaniel Roch
Optimiser la vitesse et les performances de WordPress
Le document présente des stratégies pour optimiser la vitesse et les performances de WordPress, en insistant sur l'importance de la vitesse pour les conversions et l'expérience utilisateur. Il décrit les différents temps de chargement, les mesures à prendre, et les éléments à optimiser, comme le temps de réponse du serveur (TTFB), le poids des pages et la gestion des ressources. Enfin, il conclut par une série de recommandations concrètes pour améliorer les performances de son site WordPress.
Optimiser la vitesse et les performances de WordPress
- 1. Optimiser la vitesseet les performances de WordPress
- 3. Daniel Roch Expert SEOWordPress Auteur | Conférencier | Consultant On booste ta visibilité avec SeoMix et SEOKEY daniel@seomix.fr
- 4. La vitesse, c’estquoi ?
- 5. 9,58 secondes au 100mètres
- 6. 11,2 secondes pour chargerl’accueil
- 7.
- 8. Pourquoi optimiser lavitesse ? Conversions Expériences utilisateur SEO Ecologie
- 9. Pourquoi optimiser lavitesse ? Source : https://www.cloudflare.com/fr-fr/learning/performance/more/website-performance-conversion-rates/
- 10. Les différents typesde temps de chargement
- 11. Les différents typesde temps de chargement Le temps ressenti Les pages web qui rament
- 12. Les différents typesde temps de chargement Le temps mesuré par les outils
- 13. Les différents typesde temps de chargement Les critères « officiels » (les Core Web Vitals)
- 14.
- 15. Attention aux chiffres Testsà un instant T La distance géographique Le débit internet Le nombre d’utilisateurs en même temps
- 16.
- 17.
- 18.
- 19.
- 20.
- 21. Comment se charge unepage web ?
- 22. Comment se chargeune page web ? 1. La requête DNS 2. Chargement de WordPress puis génération du code HTML 3. Téléchargement puis Waterfall 4. Animations et scripts
- 23. Comment se chargeune page web ? 1. La requête DNS 2. Chargement de WordPress puis génération du code HTML 3. Téléchargement puis Waterfall 4. Animations et scripts Source : https://vlad.studio/fr/wallpaper/how_internet_works
- 24. Comment se chargeune page web ? Chargement de WP puis génération HTML
- 25. Comment se chargeune page web ?
- 26. Comment se chargeune page web ?
- 27. Comment se charge unepage web ? Le Waterfall Puis les animations et scripts
- 28. 1 – LesDNS et CDN
- 29. Les DNS etCDN Sans DNS Fast Anycast https://www.dnsperf.com/
- 30. Les DNS etCDN Avec DNS Fast Anycast https://www.dnsperf.com/
- 31. Les DNS etCDN Les CDN
- 32. 2 – LeTTFB
- 33. Le TTFB Hébergement dequalité O2switch Infomaniak Serveur mutualisé versus dédié PHP récent : 8.0 minimum
- 34. Le TTFB La mémoirelimite Elle est allouée par l’hébergeur et WordPress utilisera par défaut 40Mo Il faut dire à WordPress de tout utiliser => Fichier wp-config.php define('WP_MEMORY_LIMIT', ‘256M’); define(‘WP_MAX_MEMORY_LIMIT', ‘256M’);
- 35. Le TTFB Réduire lenombre d’extensions Réduire le nombre de fonctionnalités Réduire la complexité du code
- 36. Le TTFB Testez avec codeProfiler
- 37. Le TTFB Cache serveurou plugin de cache : indispensable
- 38. Le TTFB La taillede la base de données Elle peut prendre une taille folle Il faut la nettoyer régulièrement Il faut limiter sa croissance
- 39.
- 40. Le TTFB Limiter révisionset vider la corbeille define( 'EMPTY_TRASH_DAYS', 3 ); define( 'WP_POST_REVISIONS', 5 ); Nettoyage manuel de temps à autre
- 41. 3 – Lepoids de la page
- 42. Le poids dela page Faites le tri des ressources
- 43. Le poids dela page Minification et compression des fichiers CSS et JS Par le développeur Par une extension (WP Rocket)
- 44. Le poids dela page Des ressources optimisées Compression des images => Imagify Le bon format : JPEG ou PNG
- 45. 4 – Lesressources externes
- 46. Les ressources externes Sielles sont présentes sur un autre nom de domaine, il faut agir !
- 47. 5 – Lecode
- 48. Le code Un seulcode mobile et desktop
- 49. Le code Pas oupeu de transitions
- 50. Le code Les bonnesdimensions dès le début
- 52. Le code Lazyload, maispas sur tous les éléments
- 53. Le code HTML Lessprites CSS
- 54.
- 55. En Résumé ? 1.Analyser pour savoir quoi faire 2. Du cache 3. Un bon hébergeur 4. Réduire le poids et le nombre de ressources 5. Pas ou peu de JS et de transitions 6. Optimiser son code et ses extensions
- 56.