SlideShare une entreprise Scribd logo
1  sur  21
Télécharger pour lire hors ligne
10 CONSEILS POUR BOOSTER LES
PERFORMANCES DE VOTRE SITE SOUS
WORDPRESS
AURÉLIEN DENIS - #GEN4 - 22 SEPTEMBRE 2016
AURÉLIEN
DENIS
Président de l’association
WordPress Francophone (WPFR)
@wpchannel

wpchannel.com / wpfr.net
AURÉLIEN DENIS - #GEN4 - 22 SEPTEMBRE 2016
NOTIONS DE BASE
AURÉLIEN DENIS - #GEN4 - 22 SEPTEMBRE 2016
POURQUOI OPTIMISER LA VITESSE DE CHARGEMENT
DE VOTRE SITE WEB ?
Site lent
Expérience
utilisateur
détériorée
Référencement
mal optimisé
Stagnation du
trafic
Mauvais taux de
conversion
POURQUOI OPTIMISER LA VITESSE DE CHARGEMENT
DE VOTRE SITE WEB ?
Site rapide
Expérience
utilisateur
améliorée
Référencement
optimisé
Augmentation du
trafic
Meilleur taux de
conversion
LES 3 PILIERS DE L’OPTIMISATION
Temps de
chargement
Poids de pageRequêtes HTTP
QUELS SONT LES LEVIERS
D’ACTIONS ?
AURÉLIEN DENIS - #GEN4 - 22 SEPTEMBRE 2016
#1 - L’HÉBERGEMENT / LE SERVEUR
• Vérifier la configuration avec phpinfo();
• Augmenter les valeurs de post_max_size,
upload_max_filesize, memory_limit
• Passer à PHP 5.6 ou PHP 7
• Activer la compression GZIP
• Passer sur Litespeed ou nginx mais attention à la compatibilité
#2 - L’INSTALLATION DE WORDPRESS
Améliorer le fichier wp-config.php en augmentant la limite
mémoire à 128 Mo et en limitant le nombre de révisions

define('WP_MEMORY_LIMIT', ‘128M’);
define(‘WP_POST_REVISIONS’, 3);
#3 - LA BASE DE DONNÉES
• Passer à MySQL 5.6+ ou MariaDB
• Lancer des optimisations régulières
• Nettoyer la base des révisions inutiles
• Analysez les requêtes avec Query Monitor
#4 - LE CHOIX DU THÈME
• Analyser les requêtes sur les sites de démonstration des thèmes
premium
• Ne tenez pas compte du poids de la page (votre contenu sera
différent), ni du temps de chargement (vous n’aurez pas forcément
un serveur dédié)
• Privilégiez les thèmes sur-mesure !
#5 - LE CHOIX DES EXTENSIONS
• Un nombre élevé d’extensions n’est pas un problème en soi
• Extensions payantes ne rime pas forcément avec qualité
• Fuyez les builders
• Désactivez le chargement des CSS / JS et codez-le à votre sauce !
#6 - LE RECOURS AU CACHE
• Minification
• Concaténation
• Chargement différé des images, vidéos, iframes via la technique de
lazy-loading
• Extensions gratuites (W3 Total Cache) ou payantes (WP Rocket)
#7 - LES WEB-FONTS
• Limitez-vous à deux polices !
• Chargez uniquement les langues et les niveaux de graisse
nécessaires
• Projet Web Font Loader sur GitHub pour de multiples fournisseurs
• Pour les polices d’icônes, embarquez seulement les caractères
utiles en générant votre propre police (Ico Moon App)
• Respectez l’ordre de chargement : EOT, WOFF2, WOFF, TTF, puis SVG
#8 - LES JAVASCRIPTS
• Corrigez toutes les erreurs remontées par la console (pas seulement la page
d’accueil)
• Vérifiez qu’un script n’est pas chargé deux fois (boutons de réseaux sociaux,
scripts Google, etc.)
• Attention aux requêtes Ajax qui bouclent
• Préférez un chargement local plutôt que sur un CDN y compris Google (cf. la fin
de Open Sans sur les WordPress)
• Pensez code asynchrone
• wp_dequeue_script / wp_dequeue_style
#9 - LES CSS
• Évitez l’inline CSS autant que possible : tous les thèmes premium ont
recours à cette technique pour des raisons de facilité
• Allégez vos frameworks (compilateur de Twitter Bootstrap par
exemple), inutile de tout embarquer
• Pas de @import mais une fonction officielle qui gère les
dépendances pour les thèmes enfants
• Les media queries en fin de fichiers
• Segmentez vos CSS et pour un chargement conditionné au contenu
#10 - LES IMAGES
• Utilisez des tailles prédéfinies pour ne jamais charger l’image complète
• Régénérez les tailles avec Simple Image Sizes
• Compressez vos images avant envoi ou laissez faire WordPress (82% de
compression sur les JPEG depuis 4.5) avec le filtre jpeg_quality
• Pas de redimensionnement des images par le navigateur
• SVG pour les logos ou les pictogrammes
• Optimisez vos favicons avec Real Favicon Generator
ET AUSSI
• Un bon design se doit d’être au service de la performance
• Pensez à l’architecture du contenu
• HTTP / 2 (requiert un certificat SSL)
• Testez sur différents navigateurs / systèmes d’exploitations /
périphériques
LES RESSOURCES
• Outils de développement de votre navigateur (Firefox mon préféré)
• Outils d’analyse en ligne (DareBoost, WebPageTest, GTmetrix,
Pingdom Tools, SSL Checker, intoDNS)
• Activer les outils de débogage de WordPress dans le 

wp-config.php
• Pour les développeurs : conférence du WP Tech 2015
AURÉLIEN DENIS - #GEN4 - 22 SEPTEMBRE 2016
« Rapidité d’affichage et richesse
fonctionnelle d’un site Web ne doivent
pas se faire au détriment l’un de l’autre.
Tout est affaire de compromis et de
bonnes pratiques de développement. »
MERCI !
AURÉLIEN DENIS - #GEN4 - 22 SEPTEMBRE 2016
@wpchannel

Contenu connexe

Tendances

L’envers du décor d’un site WooCommerce | WP Tech Nantes
L’envers du décord’un site WooCommerce | WP Tech NantesL’envers du décord’un site WooCommerce | WP Tech Nantes
L’envers du décor d’un site WooCommerce | WP Tech NantesFabrice Ducarme
 
Les clés pour réussir son site WordPress - SeoMix au WordCamp Paris 2016
Les clés pour réussir son site WordPress - SeoMix au WordCamp Paris 2016Les clés pour réussir son site WordPress - SeoMix au WordCamp Paris 2016
Les clés pour réussir son site WordPress - SeoMix au WordCamp Paris 2016Daniel Roch - SeoMix
 
WordPress et la compatibilité mobile - Semrush & SeoMix
WordPress et la compatibilité mobile - Semrush & SeoMixWordPress et la compatibilité mobile - Semrush & SeoMix
WordPress et la compatibilité mobile - Semrush & SeoMixDaniel Roch - SeoMix
 
Libérez le potentiel de WordPress
Libérez le potentiel de WordPressLibérez le potentiel de WordPress
Libérez le potentiel de WordPressDaniel Roch - SeoMix
 
La guerre SEO du CMS : WordPress VS Drupal
La guerre SEO du CMS : WordPress VS DrupalLa guerre SEO du CMS : WordPress VS Drupal
La guerre SEO du CMS : WordPress VS DrupalDaniel Roch - SeoMix
 
WordPress + ACF – Vers l’infini et au-delà…
WordPress + ACF – Vers l’infini et au-delà…WordPress + ACF – Vers l’infini et au-delà…
WordPress + ACF – Vers l’infini et au-delà…Brice Capobianco
 
Nettoyage de printemps SEO pour WordPress
Nettoyage de printemps SEO pour WordPressNettoyage de printemps SEO pour WordPress
Nettoyage de printemps SEO pour WordPressDaniel Roch - SeoMix
 
Faire de WordPress un atout dans sa sa stratégie webmarketing
Faire de WordPress un atout dans sa sa stratégie webmarketingFaire de WordPress un atout dans sa sa stratégie webmarketing
Faire de WordPress un atout dans sa sa stratégie webmarketingDaniel Roch - SeoMix
 
SEO WordPress : Optimiser le référencement naturel
SEO WordPress : Optimiser le référencement naturelSEO WordPress : Optimiser le référencement naturel
SEO WordPress : Optimiser le référencement naturelThierry Pigot
 
Optimiser son référencement WordPress - QueDuWeb 2016
Optimiser son référencement WordPress - QueDuWeb 2016Optimiser son référencement WordPress - QueDuWeb 2016
Optimiser son référencement WordPress - QueDuWeb 2016Daniel Roch - SeoMix
 
Démarrer son site WordPress : LA "to-do" list
Démarrer son site WordPress : LA "to-do" listDémarrer son site WordPress : LA "to-do" list
Démarrer son site WordPress : LA "to-do" listKaylynne Johnson
 
Référencement avancé de WordPress : structure en silos et maillage interne
Référencement avancé de WordPress : structure en silos et maillage interneRéférencement avancé de WordPress : structure en silos et maillage interne
Référencement avancé de WordPress : structure en silos et maillage interneDaniel Roch - SeoMix
 
Atelier WordPress - Freelance fair tour - La cordée Rennes
Atelier WordPress - Freelance fair tour - La cordée RennesAtelier WordPress - Freelance fair tour - La cordée Rennes
Atelier WordPress - Freelance fair tour - La cordée Renneswpalex
 
Magento et SEO : le combo parfait pour développer son e-commerce
Magento et SEO : le combo parfait pour développer son e-commerceMagento et SEO : le combo parfait pour développer son e-commerce
Magento et SEO : le combo parfait pour développer son e-commercePatrick Valibus
 
Comment réussir une migration de site web en seo ?
Comment réussir une migration de site web en seo ?Comment réussir une migration de site web en seo ?
Comment réussir une migration de site web en seo ?Patrick Valibus
 

Tendances (20)

L’envers du décor d’un site WooCommerce | WP Tech Nantes
L’envers du décord’un site WooCommerce | WP Tech NantesL’envers du décord’un site WooCommerce | WP Tech Nantes
L’envers du décor d’un site WooCommerce | WP Tech Nantes
 
WordPress + HTTPS
WordPress + HTTPSWordPress + HTTPS
WordPress + HTTPS
 
Les clés pour réussir son site WordPress - SeoMix au WordCamp Paris 2016
Les clés pour réussir son site WordPress - SeoMix au WordCamp Paris 2016Les clés pour réussir son site WordPress - SeoMix au WordCamp Paris 2016
Les clés pour réussir son site WordPress - SeoMix au WordCamp Paris 2016
 
WordPress et la compatibilité mobile - Semrush & SeoMix
WordPress et la compatibilité mobile - Semrush & SeoMixWordPress et la compatibilité mobile - Semrush & SeoMix
WordPress et la compatibilité mobile - Semrush & SeoMix
 
Libérez le potentiel de WordPress
Libérez le potentiel de WordPressLibérez le potentiel de WordPress
Libérez le potentiel de WordPress
 
WordPress et Ninja forms
WordPress et Ninja formsWordPress et Ninja forms
WordPress et Ninja forms
 
La guerre SEO du CMS : WordPress VS Drupal
La guerre SEO du CMS : WordPress VS DrupalLa guerre SEO du CMS : WordPress VS Drupal
La guerre SEO du CMS : WordPress VS Drupal
 
WordPress + ACF – Vers l’infini et au-delà…
WordPress + ACF – Vers l’infini et au-delà…WordPress + ACF – Vers l’infini et au-delà…
WordPress + ACF – Vers l’infini et au-delà…
 
Stratégie SEO avec WordPress
Stratégie SEO avec WordPressStratégie SEO avec WordPress
Stratégie SEO avec WordPress
 
Nettoyage de printemps SEO pour WordPress
Nettoyage de printemps SEO pour WordPressNettoyage de printemps SEO pour WordPress
Nettoyage de printemps SEO pour WordPress
 
Faire de WordPress un atout dans sa sa stratégie webmarketing
Faire de WordPress un atout dans sa sa stratégie webmarketingFaire de WordPress un atout dans sa sa stratégie webmarketing
Faire de WordPress un atout dans sa sa stratégie webmarketing
 
Audit de site WordPress
Audit de site WordPressAudit de site WordPress
Audit de site WordPress
 
WordPress et SEO - SEOCampus 2013
WordPress et SEO - SEOCampus 2013WordPress et SEO - SEOCampus 2013
WordPress et SEO - SEOCampus 2013
 
SEO WordPress : Optimiser le référencement naturel
SEO WordPress : Optimiser le référencement naturelSEO WordPress : Optimiser le référencement naturel
SEO WordPress : Optimiser le référencement naturel
 
Optimiser son référencement WordPress - QueDuWeb 2016
Optimiser son référencement WordPress - QueDuWeb 2016Optimiser son référencement WordPress - QueDuWeb 2016
Optimiser son référencement WordPress - QueDuWeb 2016
 
Démarrer son site WordPress : LA "to-do" list
Démarrer son site WordPress : LA "to-do" listDémarrer son site WordPress : LA "to-do" list
Démarrer son site WordPress : LA "to-do" list
 
Référencement avancé de WordPress : structure en silos et maillage interne
Référencement avancé de WordPress : structure en silos et maillage interneRéférencement avancé de WordPress : structure en silos et maillage interne
Référencement avancé de WordPress : structure en silos et maillage interne
 
Atelier WordPress - Freelance fair tour - La cordée Rennes
Atelier WordPress - Freelance fair tour - La cordée RennesAtelier WordPress - Freelance fair tour - La cordée Rennes
Atelier WordPress - Freelance fair tour - La cordée Rennes
 
Magento et SEO : le combo parfait pour développer son e-commerce
Magento et SEO : le combo parfait pour développer son e-commerceMagento et SEO : le combo parfait pour développer son e-commerce
Magento et SEO : le combo parfait pour développer son e-commerce
 
Comment réussir une migration de site web en seo ?
Comment réussir une migration de site web en seo ?Comment réussir une migration de site web en seo ?
Comment réussir une migration de site web en seo ?
 

En vedette

Wordpress pour les entreprises
Wordpress pour les entreprisesWordpress pour les entreprises
Wordpress pour les entreprisesmonsieurpixel
 
Wordpress formation
Wordpress formationWordpress formation
Wordpress formationmvincent27
 
Créer un blog sous Wordpress.com
Créer un blog sous Wordpress.comCréer un blog sous Wordpress.com
Créer un blog sous Wordpress.comRomain Blachier
 
Les bonnes pratiques SEO avec PrestaShop et WordPress - CCI Montpellier
Les bonnes pratiques SEO avec PrestaShop et WordPress - CCI MontpellierLes bonnes pratiques SEO avec PrestaShop et WordPress - CCI Montpellier
Les bonnes pratiques SEO avec PrestaShop et WordPress - CCI MontpellierNicolas Mercatili
 
Créer un blog sur WordPress
Créer un blog sur WordPressCréer un blog sur WordPress
Créer un blog sur WordPressURFIST de Rennes
 
Trouvez le Thème WordPress Idéal - WordCamp 2014
Trouvez le Thème WordPress Idéal - WordCamp 2014Trouvez le Thème WordPress Idéal - WordCamp 2014
Trouvez le Thème WordPress Idéal - WordCamp 2014Alex Bortolotti
 
Workshop création de sites web avec Wordpress (master CIMER, Paris IV Sorbonne)
Workshop création de sites web avec Wordpress (master CIMER, Paris IV Sorbonne)Workshop création de sites web avec Wordpress (master CIMER, Paris IV Sorbonne)
Workshop création de sites web avec Wordpress (master CIMER, Paris IV Sorbonne)Johanna Daniel
 
Les CMS : Content Management System
Les CMS : Content Management SystemLes CMS : Content Management System
Les CMS : Content Management Systemestelleabn
 

En vedette (9)

Wordpress pour les entreprises
Wordpress pour les entreprisesWordpress pour les entreprises
Wordpress pour les entreprises
 
Wordpress formation
Wordpress formationWordpress formation
Wordpress formation
 
Formation WordPress
Formation WordPressFormation WordPress
Formation WordPress
 
Créer un blog sous Wordpress.com
Créer un blog sous Wordpress.comCréer un blog sous Wordpress.com
Créer un blog sous Wordpress.com
 
Les bonnes pratiques SEO avec PrestaShop et WordPress - CCI Montpellier
Les bonnes pratiques SEO avec PrestaShop et WordPress - CCI MontpellierLes bonnes pratiques SEO avec PrestaShop et WordPress - CCI Montpellier
Les bonnes pratiques SEO avec PrestaShop et WordPress - CCI Montpellier
 
Créer un blog sur WordPress
Créer un blog sur WordPressCréer un blog sur WordPress
Créer un blog sur WordPress
 
Trouvez le Thème WordPress Idéal - WordCamp 2014
Trouvez le Thème WordPress Idéal - WordCamp 2014Trouvez le Thème WordPress Idéal - WordCamp 2014
Trouvez le Thème WordPress Idéal - WordCamp 2014
 
Workshop création de sites web avec Wordpress (master CIMER, Paris IV Sorbonne)
Workshop création de sites web avec Wordpress (master CIMER, Paris IV Sorbonne)Workshop création de sites web avec Wordpress (master CIMER, Paris IV Sorbonne)
Workshop création de sites web avec Wordpress (master CIMER, Paris IV Sorbonne)
 
Les CMS : Content Management System
Les CMS : Content Management SystemLes CMS : Content Management System
Les CMS : Content Management System
 

Similaire à 10 conseils pour booster les performances de votre site sous WordPress

Améliorer la rapidité de son site web
Améliorer la rapidité de son site webAméliorer la rapidité de son site web
Améliorer la rapidité de son site webEmmanuel Gautier
 
Supports de cours Fit4Digital future - CMS
Supports de cours Fit4Digital future - CMSSupports de cours Fit4Digital future - CMS
Supports de cours Fit4Digital future - CMSAnnabelle Buffart
 
Kiwiparty 2011 - Optimisation des sites internet
Kiwiparty 2011 - Optimisation des sites internetKiwiparty 2011 - Optimisation des sites internet
Kiwiparty 2011 - Optimisation des sites internetDevclic
 
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Fasterize
 
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...Office de Tourisme Luberon Durance
 
Introduction à la performance web
Introduction à la performance webIntroduction à la performance web
Introduction à la performance webRaphaël Goetter
 
Convention Medialibs : Raphaël Goetter (Introduction à la performance web)
Convention Medialibs : Raphaël Goetter (Introduction  à la performance web)Convention Medialibs : Raphaël Goetter (Introduction  à la performance web)
Convention Medialibs : Raphaël Goetter (Introduction à la performance web)Medialibs
 
Les clés d’un site (beaucoup) plus rapide selon des facteurs qui restent trop...
Les clés d’un site (beaucoup) plus rapide selon des facteurs qui restent trop...Les clés d’un site (beaucoup) plus rapide selon des facteurs qui restent trop...
Les clés d’un site (beaucoup) plus rapide selon des facteurs qui restent trop...SEO CAMP
 
Présentation welcom la webperf by object23
Présentation welcom la webperf by object23Présentation welcom la webperf by object23
Présentation welcom la webperf by object23Brigitte Marandon
 
Webinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdfWebinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdfJulien Dereumaux
 
Référencement avec Joomla - SEO Camp
Référencement avec Joomla - SEO CampRéférencement avec Joomla - SEO Camp
Référencement avec Joomla - SEO CampSEO CAMP
 
HTML5 et Internet Explorer 9, est-ce réellement compatible?
HTML5 et Internet Explorer 9, est-ce réellement compatible?HTML5 et Internet Explorer 9, est-ce réellement compatible?
HTML5 et Internet Explorer 9, est-ce réellement compatible?Frédéric Harper
 
SEO campus 2019 | Les clés d’un site web (beaucoup) plus rapide selon des fac...
SEO campus 2019 | Les clés d’un site web (beaucoup) plus rapide selon des fac...SEO campus 2019 | Les clés d’un site web (beaucoup) plus rapide selon des fac...
SEO campus 2019 | Les clés d’un site web (beaucoup) plus rapide selon des fac...RESONEO
 
Inclure du Javascript de manière performante
Inclure du Javascript de manière performanteInclure du Javascript de manière performante
Inclure du Javascript de manière performanteJean-Pierre Vincent
 
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...Peak Ace
 
jQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidejQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidemaru.maru
 
Construisez votre intranet avec microsoft office 365 sans code a os canadia...
Construisez votre intranet avec microsoft office 365 sans code   a os canadia...Construisez votre intranet avec microsoft office 365 sans code   a os canadia...
Construisez votre intranet avec microsoft office 365 sans code a os canadia...Samuel Lévesque
 
Créer son site web avec WordPress
Créer son site web avec WordPressCréer son site web avec WordPress
Créer son site web avec WordPressAbel LIFAEFI MBULA
 

Similaire à 10 conseils pour booster les performances de votre site sous WordPress (20)

Améliorer la rapidité de son site web
Améliorer la rapidité de son site webAméliorer la rapidité de son site web
Améliorer la rapidité de son site web
 
Supports de cours Fit4Digital future - CMS
Supports de cours Fit4Digital future - CMSSupports de cours Fit4Digital future - CMS
Supports de cours Fit4Digital future - CMS
 
Kiwiparty 2011 - Optimisation des sites internet
Kiwiparty 2011 - Optimisation des sites internetKiwiparty 2011 - Optimisation des sites internet
Kiwiparty 2011 - Optimisation des sites internet
 
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
 
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vou...
 
REX : la webperf chez RueDuCommerce
REX : la webperf chez RueDuCommerceREX : la webperf chez RueDuCommerce
REX : la webperf chez RueDuCommerce
 
Introduction à la performance web
Introduction à la performance webIntroduction à la performance web
Introduction à la performance web
 
Convention Medialibs : Raphaël Goetter (Introduction à la performance web)
Convention Medialibs : Raphaël Goetter (Introduction  à la performance web)Convention Medialibs : Raphaël Goetter (Introduction  à la performance web)
Convention Medialibs : Raphaël Goetter (Introduction à la performance web)
 
Les clés d’un site (beaucoup) plus rapide selon des facteurs qui restent trop...
Les clés d’un site (beaucoup) plus rapide selon des facteurs qui restent trop...Les clés d’un site (beaucoup) plus rapide selon des facteurs qui restent trop...
Les clés d’un site (beaucoup) plus rapide selon des facteurs qui restent trop...
 
Présentation welcom la webperf by object23
Présentation welcom la webperf by object23Présentation welcom la webperf by object23
Présentation welcom la webperf by object23
 
Webinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdfWebinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdf
 
Référencement avec Joomla - SEO Camp
Référencement avec Joomla - SEO CampRéférencement avec Joomla - SEO Camp
Référencement avec Joomla - SEO Camp
 
HTML5 et Internet Explorer 9, est-ce réellement compatible?
HTML5 et Internet Explorer 9, est-ce réellement compatible?HTML5 et Internet Explorer 9, est-ce réellement compatible?
HTML5 et Internet Explorer 9, est-ce réellement compatible?
 
SEO campus 2019 | Les clés d’un site web (beaucoup) plus rapide selon des fac...
SEO campus 2019 | Les clés d’un site web (beaucoup) plus rapide selon des fac...SEO campus 2019 | Les clés d’un site web (beaucoup) plus rapide selon des fac...
SEO campus 2019 | Les clés d’un site web (beaucoup) plus rapide selon des fac...
 
SAPIENS2009 - Module 4B
SAPIENS2009 - Module 4BSAPIENS2009 - Module 4B
SAPIENS2009 - Module 4B
 
Inclure du Javascript de manière performante
Inclure du Javascript de manière performanteInclure du Javascript de manière performante
Inclure du Javascript de manière performante
 
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
 
jQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidejQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-side
 
Construisez votre intranet avec microsoft office 365 sans code a os canadia...
Construisez votre intranet avec microsoft office 365 sans code   a os canadia...Construisez votre intranet avec microsoft office 365 sans code   a os canadia...
Construisez votre intranet avec microsoft office 365 sans code a os canadia...
 
Créer son site web avec WordPress
Créer son site web avec WordPressCréer son site web avec WordPress
Créer son site web avec WordPress
 

Plus de Aurélien Denis

Full Site Editing : la révolution en cours sur WordPress
Full Site Editing : la révolution en cours sur WordPressFull Site Editing : la révolution en cours sur WordPress
Full Site Editing : la révolution en cours sur WordPressAurélien Denis
 
Concevoir une boutique WooCommerce (vraiment) sexy
Concevoir une boutique WooCommerce (vraiment) sexyConcevoir une boutique WooCommerce (vraiment) sexy
Concevoir une boutique WooCommerce (vraiment) sexyAurélien Denis
 
WordPress sous stéroïdes : votre site Web vers les sommets !
WordPress sous stéroïdes : votre site Web vers les sommets !WordPress sous stéroïdes : votre site Web vers les sommets !
WordPress sous stéroïdes : votre site Web vers les sommets !Aurélien Denis
 
8 nouveautés sous WordPress 5.3
8 nouveautés sous WordPress 5.38 nouveautés sous WordPress 5.3
8 nouveautés sous WordPress 5.3Aurélien Denis
 
Concevoir un marketplace avec WooCommerce & WordPress
Concevoir un marketplace avec WooCommerce & WordPressConcevoir un marketplace avec WooCommerce & WordPress
Concevoir un marketplace avec WooCommerce & WordPressAurélien Denis
 
WordPress en tant que CMS
WordPress en tant que CMSWordPress en tant que CMS
WordPress en tant que CMSAurélien Denis
 

Plus de Aurélien Denis (8)

Full Site Editing : la révolution en cours sur WordPress
Full Site Editing : la révolution en cours sur WordPressFull Site Editing : la révolution en cours sur WordPress
Full Site Editing : la révolution en cours sur WordPress
 
Concevoir une boutique WooCommerce (vraiment) sexy
Concevoir une boutique WooCommerce (vraiment) sexyConcevoir une boutique WooCommerce (vraiment) sexy
Concevoir une boutique WooCommerce (vraiment) sexy
 
WordPress sous stéroïdes : votre site Web vers les sommets !
WordPress sous stéroïdes : votre site Web vers les sommets !WordPress sous stéroïdes : votre site Web vers les sommets !
WordPress sous stéroïdes : votre site Web vers les sommets !
 
8 nouveautés sous WordPress 5.3
8 nouveautés sous WordPress 5.38 nouveautés sous WordPress 5.3
8 nouveautés sous WordPress 5.3
 
Concevoir un marketplace avec WooCommerce & WordPress
Concevoir un marketplace avec WooCommerce & WordPressConcevoir un marketplace avec WooCommerce & WordPress
Concevoir un marketplace avec WooCommerce & WordPress
 
WordPress & le Multsite
WordPress & le MultsiteWordPress & le Multsite
WordPress & le Multsite
 
WordCamps de A à Z
WordCamps de A à ZWordCamps de A à Z
WordCamps de A à Z
 
WordPress en tant que CMS
WordPress en tant que CMSWordPress en tant que CMS
WordPress en tant que CMS
 

10 conseils pour booster les performances de votre site sous WordPress

  • 1. 10 CONSEILS POUR BOOSTER LES PERFORMANCES DE VOTRE SITE SOUS WORDPRESS AURÉLIEN DENIS - #GEN4 - 22 SEPTEMBRE 2016
  • 2. AURÉLIEN DENIS Président de l’association WordPress Francophone (WPFR) @wpchannel
 wpchannel.com / wpfr.net AURÉLIEN DENIS - #GEN4 - 22 SEPTEMBRE 2016
  • 3. NOTIONS DE BASE AURÉLIEN DENIS - #GEN4 - 22 SEPTEMBRE 2016
  • 4. POURQUOI OPTIMISER LA VITESSE DE CHARGEMENT DE VOTRE SITE WEB ? Site lent Expérience utilisateur détériorée Référencement mal optimisé Stagnation du trafic Mauvais taux de conversion
  • 5. POURQUOI OPTIMISER LA VITESSE DE CHARGEMENT DE VOTRE SITE WEB ? Site rapide Expérience utilisateur améliorée Référencement optimisé Augmentation du trafic Meilleur taux de conversion
  • 6. LES 3 PILIERS DE L’OPTIMISATION Temps de chargement Poids de pageRequêtes HTTP
  • 7. QUELS SONT LES LEVIERS D’ACTIONS ? AURÉLIEN DENIS - #GEN4 - 22 SEPTEMBRE 2016
  • 8. #1 - L’HÉBERGEMENT / LE SERVEUR • Vérifier la configuration avec phpinfo(); • Augmenter les valeurs de post_max_size, upload_max_filesize, memory_limit • Passer à PHP 5.6 ou PHP 7 • Activer la compression GZIP • Passer sur Litespeed ou nginx mais attention à la compatibilité
  • 9. #2 - L’INSTALLATION DE WORDPRESS Améliorer le fichier wp-config.php en augmentant la limite mémoire à 128 Mo et en limitant le nombre de révisions
 define('WP_MEMORY_LIMIT', ‘128M’); define(‘WP_POST_REVISIONS’, 3);
  • 10. #3 - LA BASE DE DONNÉES • Passer à MySQL 5.6+ ou MariaDB • Lancer des optimisations régulières • Nettoyer la base des révisions inutiles • Analysez les requêtes avec Query Monitor
  • 11. #4 - LE CHOIX DU THÈME • Analyser les requêtes sur les sites de démonstration des thèmes premium • Ne tenez pas compte du poids de la page (votre contenu sera différent), ni du temps de chargement (vous n’aurez pas forcément un serveur dédié) • Privilégiez les thèmes sur-mesure !
  • 12. #5 - LE CHOIX DES EXTENSIONS • Un nombre élevé d’extensions n’est pas un problème en soi • Extensions payantes ne rime pas forcément avec qualité • Fuyez les builders • Désactivez le chargement des CSS / JS et codez-le à votre sauce !
  • 13. #6 - LE RECOURS AU CACHE • Minification • Concaténation • Chargement différé des images, vidéos, iframes via la technique de lazy-loading • Extensions gratuites (W3 Total Cache) ou payantes (WP Rocket)
  • 14. #7 - LES WEB-FONTS • Limitez-vous à deux polices ! • Chargez uniquement les langues et les niveaux de graisse nécessaires • Projet Web Font Loader sur GitHub pour de multiples fournisseurs • Pour les polices d’icônes, embarquez seulement les caractères utiles en générant votre propre police (Ico Moon App) • Respectez l’ordre de chargement : EOT, WOFF2, WOFF, TTF, puis SVG
  • 15. #8 - LES JAVASCRIPTS • Corrigez toutes les erreurs remontées par la console (pas seulement la page d’accueil) • Vérifiez qu’un script n’est pas chargé deux fois (boutons de réseaux sociaux, scripts Google, etc.) • Attention aux requêtes Ajax qui bouclent • Préférez un chargement local plutôt que sur un CDN y compris Google (cf. la fin de Open Sans sur les WordPress) • Pensez code asynchrone • wp_dequeue_script / wp_dequeue_style
  • 16. #9 - LES CSS • Évitez l’inline CSS autant que possible : tous les thèmes premium ont recours à cette technique pour des raisons de facilité • Allégez vos frameworks (compilateur de Twitter Bootstrap par exemple), inutile de tout embarquer • Pas de @import mais une fonction officielle qui gère les dépendances pour les thèmes enfants • Les media queries en fin de fichiers • Segmentez vos CSS et pour un chargement conditionné au contenu
  • 17. #10 - LES IMAGES • Utilisez des tailles prédéfinies pour ne jamais charger l’image complète • Régénérez les tailles avec Simple Image Sizes • Compressez vos images avant envoi ou laissez faire WordPress (82% de compression sur les JPEG depuis 4.5) avec le filtre jpeg_quality • Pas de redimensionnement des images par le navigateur • SVG pour les logos ou les pictogrammes • Optimisez vos favicons avec Real Favicon Generator
  • 18. ET AUSSI • Un bon design se doit d’être au service de la performance • Pensez à l’architecture du contenu • HTTP / 2 (requiert un certificat SSL) • Testez sur différents navigateurs / systèmes d’exploitations / périphériques
  • 19. LES RESSOURCES • Outils de développement de votre navigateur (Firefox mon préféré) • Outils d’analyse en ligne (DareBoost, WebPageTest, GTmetrix, Pingdom Tools, SSL Checker, intoDNS) • Activer les outils de débogage de WordPress dans le 
 wp-config.php • Pour les développeurs : conférence du WP Tech 2015 AURÉLIEN DENIS - #GEN4 - 22 SEPTEMBRE 2016
  • 20. « Rapidité d’affichage et richesse fonctionnelle d’un site Web ne doivent pas se faire au détriment l’un de l’autre. Tout est affaire de compromis et de bonnes pratiques de développement. »
  • 21. MERCI ! AURÉLIEN DENIS - #GEN4 - 22 SEPTEMBRE 2016 @wpchannel