12 astuces utiles pour accélérer WordPress sans plugins

Comment accélérer votre site WordPress sans utiliser de plugins ? Bien que l'utilisation de plugins de performance WordPress puisse sembler une bonne solution, ces plugins peuvent créer d'autres problèmes tels que des risques de sécurité ou un gonflement du code.

Il est désormais tout à fait possible d'accélérer un site WordPress sans utiliser de plugins.

Pourquoi envisager une optimisation sans plugin ?

Les plugins, y compris les plugins d'amélioration des performances, sont utiles dans de nombreux cas, car ils ajoutent de nombreuses fonctionnalités à votre site et en facilitent la gestion. Toutefois, si vous vous fiez trop à eux, vous risquez de rencontrer des problèmes :

• code redondantLes sites Web de l'UE sont des sites Web de l'UE, et les sites Web de l'UE ne sont pas des sites Web de l'UE.
• un risque pour la sécuritéCertains plugins peuvent être vulnérables au piratage en raison de leur mauvaise qualité ou de mesures de sécurité obsolètes.
• problème de compatibilitéLes plugins : Il arrive que des plugins entrent en conflit les uns avec les autres ou avec les thèmes WordPress, ce qui entraîne des problèmes sur le site.
• Charge de maintenanceChaque plugin nécessite des mises à jour régulières afin de garantir sa sécurité et sa fonctionnalité.

Ainsi, si les plugins sont pratiques, ils comportent aussi leur lot de pièges. C'est pourquoi il est parfois préférable de ne pas utiliser de plugin pour accélérer votre site web.

Diagnostic : découvrez pourquoi votre site web est lent

L'exécution d'un test de vitesse est la première étape du diagnostic, il vous donne un aperçu de l'état actuel du site, nous avons choisi les outils de test de vitesse couramment utilisés sontGTmetrixetPingdomrépondre en chantantGoogle PageSpeed Insights.

Examinez les résultats : le temps de chargement, le nombre de requêtes et la taille de la page. Prêtez une attention particulière à tout avertissement ou suggestion d'amélioration émis par l'outil.

Comment améliorer les performances d'un site WordPress sans plugins ?

Voici comment accélérer le fonctionnement de votre site WordPress sans plugins.

1. choisir un hébergement web

L'hébergement web est comme la fondation d'un site web et est très important pour la vitesse et l'efficacité opérationnelle du site web. Si ces fondations ne sont pas solides, le site web peut rencontrer des problèmes. La vitesse des serveurs du service d'hébergement, le type de stockage fourni et l'emplacement du centre de données ont tous un impact direct sur la rapidité de chargement de votre site web.

2. sélectionner HTTPS

HTTPS est HTTP avec une couche de sécurité supplémentaire, ce qui rend votre site plus sûr et permet aux visiteurs de vous faire davantage confiance. Google utilise même HTTPS comme condition pour classer votre site, c'est donc un avantage pour tout le monde avec HTTPS.

Outre une meilleure sécurité, le protocole HTTPS permet également aux sites web de fonctionner plus rapidement. En effet, il utilise la technologie HTTP/2, qui est beaucoup plus rapide que l'ancienne version de HTTP. Vous pouvez l'essayer vous-même pour constater l'avantage en termes de vitesse.

Vous pouvez constater que HTTPS accélère considérablement les sites web.

3. utiliser la dernière version de PHP

WordPress utilise le langage PHP, et la version de ce langage peut donc avoir une incidence considérable sur la vitesse de votre site. Les nouvelles versions de PHP ne sont pas seulement plus sûres, elles sont aussi plus rapides. Par exemple, selon les tests de Cloudways, PHP 8.0 est presque trois fois plus rapide que PHP 5.6.

Cependant, la plupart des services d'hébergement web ne mettront pas automatiquement à jour votre site web avec la dernière version de PHP, car la mise à jour peut entraîner des problèmes de compatibilité avec le thème ou les plugins de votre site web.

4. utiliser le CDN pour augmenter la vitesse

Les CDN accélèrent le chargement des pages web en stockant le contenu statique d'un site web, tel que les images et les vidéos, sur des serveurs situés dans le monde entier. L'avantage est que, quel que soit l'endroit où se trouve un visiteur, il pourra accéder au contenu à partir du serveur le plus proche de lui, ce qui réduit les temps d'attente et accélère le chargement des sites web.

Les services CDN ne se contentent pas d'accélérer les sites web, ils offrent également de nombreuses fonctions de sécurité. Il s'agit notamment de paramètres de pare-feu avancés, d'une protection contre les attaques DDoS et, pour certains, de certificats SSL gratuits.

5. considérer Core Web Vitals.

Core Web Vitals est un ensemble d'indicateurs introduits par Google pour mesurer la qualité de l'expérience utilisateur d'un site web. Ils se concentrent sur la vitesse de chargement, l'interactivité et la stabilité visuelle d'un site web, dans le but d'aider les propriétaires de sites web à comprendre et à améliorer l'expérience de l'utilisateur lorsqu'il visite un site web.Core Web Vitals se compose de trois mesures principales :

1. La plus grande peinture de contenu (LCP)LCP : Mesure du temps nécessaire au chargement complet à l'écran de l'élément de contenu le plus volumineux (par exemple, une image ou un bloc de texte). Idéalement, le LCP devrait se charger en moins de 2,5 secondes.
2. Délai de première entrée (FID)FID : mesure le temps qui s'écoule entre la première interaction de l'utilisateur avec une page (par exemple, un clic sur un lien ou un bouton) et le moment où le navigateur est effectivement en mesure de répondre à cette interaction. Le DIF idéal est de 100 millisecondes ou moins.
3. Décalage cumulatif de la mise en page (CLS): mesure la stabilité du mouvement des éléments pendant le chargement de la page. Les éléments d'une page qui se déplacent pendant le chargement peuvent affecter l'expérience de l'utilisateur. Un score CLS idéal doit être inférieur à 0,1.

6. choisir un thème WordPress

Il existe des milliers de thèmes pour WordPress, mais ils présentent des qualités et des défauts différents. Certains thèmes sont particulièrement axés sur l'amélioration de la vitesse du site et utilisent de nombreuses techniques ou codes d'optimisation de la vitesse. C'est le cas, par exemple, de

• Astra - Il est apprécié pour sa légèreté et sa conception favorable à l'optimisation des moteurs de recherche (SEO).
• GeneratePress - Le design est épuré et axé sur la performance, ce qui est idéal pour les personnes qui ne connaissent pas grand-chose à la programmation.
• Neve - Il se charge rapidement et est également excellent pour le référencement, en particulier pour ceux qui souhaitent accroître la visibilité de leur site web.
• Blocksy - Riche en fonctionnalités, extensible, facile à utiliser et particulièrement recommandé.

Lorsque vous choisissez un thème, veillez à consulter les évaluations et les commentaires des utilisateurs, qui peuvent vous aider à choisir le thème qui répond le mieux aux besoins de votre site.

7. optimisation des images

Les images peuvent rendre un site web plus attrayant et plus significatif. Toutefois, si elles sont trop grandes et mal optimisées, elles peuvent ralentir le site web, absorber une grande partie du trafic web et même affecter le classement du site web dans les moteurs de recherche.

La compression des images permet de réduire leur taille et d'accélérer le chargement des pages web. Il existe deux principaux types de compression :

• compression sans perteCette méthode réduit la taille du fichier image sans dégrader la qualité de l'image et convient aux images qui nécessitent des détails clairs.
• perte de compression (dans la technologie numérique)Cette méthode permet de réduire plus fortement la taille du fichier en supprimant une partie des données de l'image, mais la qualité de l'image peut s'en trouver légèrement diminuée.

Il existe de nombreux outils qui peuvent vous aider à optimiser vos images, et même si certains proposent des plug-ins, vous pouvez les utiliser directement. Par exemple :

• TinyPNG - Réduire la taille des images PNG et JPEG grâce à une technique intelligente de compression avec perte.
• Squoosh - Un outil open source qui vous permet de compresser et de redimensionner des images avec différents formats et paramètres.

8. supprimer les plug-ins inutilisés

Arrêtez et supprimez les plugins inutilisés. Les plugins inutilisés occupent non seulement de l'espace sur le serveur, mais peuvent également constituer une charge supplémentaire. Même si ces plugins ne sont pas utilisés, leur code peut être chargé, ce qui affecte les performances du site.

Les plugins inutilisés n'occupent pas seulement de l'espace, ils peuvent aussi présenter un risque pour la sécurité. Les pirates informatiques trouvent souvent des failles dans les plugins qui ne sont pas suffisamment bien gérés pour s'introduire dans les sites web.

En outre, ces plugins peuvent entrer en conflit avec d'autres plugins ou thèmes que vous utilisez. Plus il y a de plugins, plus il y a de chances que quelque chose se passe mal, ce qui pourrait entraîner un problème ou même rendre le site web complètement inutilisable.

9. utiliser la compression Gzip

Pour activer la compression du site manuellement, sans plugin, vous pouvez modifier le fichier.htaccessqui est le fichier de configuration qui contrôle le comportement de votre serveur web. Vous trouverez ci-dessous un exemple de code simple qui active la compression Gzip, une méthode largement utilisée pour compresser les fichiers d'un site web :

AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/x-javascript
</IfModule
AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/x-javascript
</IfModule
AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/x-javascript
</IfModule

Ajoutez ce code au.htaccessil permettra au serveur de compresser automatiquement ces types de fichiers, ce qui accélérera le chargement du site. N'oubliez pas de sauvegarder les fichiers originaux avant d'apporter des modifications, au cas où une mauvaise configuration entraînerait des problèmes d'accès au site.

10. activer la mise en cache du navigateur
Pour activer la mise en cache du navigateur, ajoutez l'élément.htaccessavec du code qui indique au navigateur quels types de fichiers peuvent être mis en cache et pendant combien de temps ils doivent l'être. Ce code doit être placé dans le fichier# END WordPresspréalable.htaccessDocumentation :

ExpiresActive On
  # Définit le délai d'expiration par défaut
  ExpiresDefault "accès plus 2 jours"
  # Fichiers d'images
  ExpiresByType image/jpg "accès plus 1 an"
  ExpiresByType image/jpeg "access plus 1 year" (accès plus 1 an)
  ExpiresByType image/gif "access plus 1 year" (accès plus 1 an)
  ExpiresByType image/png "accès plus 1 an"
  ExpiresByType image/webp "accès plus 1 an"
  # CSS et JavaScript
  ExpiresByType text/css "accès plus 1 mois"
  ExpiresByType application/javascript "accès plus 1 mois"
  ExpiresByType application/x-javascript "accès plus 1 mois"
  Polices #
  ExpiresByType font/woff "accès plus 1 an"
  ExpiresByType font/woff2 "accès plus 1 an"
  ExpiresByType application/font-woff "accès plus 1 an"
  ExpiresByType application/font-woff2 "accès plus 1 an"
  ExpiresByType font/opentype "access plus 1 an"
  ExpiresByType application/x-font-woff "accès plus 1 an"
  ExpiresByType application/vnd.ms-fontobject "accès plus 1 an"
  # Fichier média web
  ExpiresByType audio/mpeg "accès plus 1 an"
  ExpiresByType video/mp4 "access plus 1 year" (accès plus 1 an)
  ExpiresByType video/ogg "access plus 1 year" (accès plus 1 an)
  ExpiresByType video/webm "access plus 1 year" (accès plus 1 an)
  # HTML
  ExpiresByType text/html "accès plus 600 secondes"
</IfModule
ExpiresActive On

  # Définit le délai d'expiration par défaut
  ExpiresDefault "accès plus 2 jours"

  # Fichiers d'images
  ExpiresByType image/jpg "accès plus 1 an"
  ExpiresByType image/jpeg "access plus 1 year" (accès plus 1 an)
  ExpiresByType image/gif "access plus 1 year" (accès plus 1 an)
  ExpiresByType image/png "accès plus 1 an"
  ExpiresByType image/webp "accès plus 1 an"

  # CSS et JavaScript
  ExpiresByType text/css "accès plus 1 mois"
  ExpiresByType application/javascript "accès plus 1 mois"
  ExpiresByType application/x-javascript "accès plus 1 mois"

  Polices #
  ExpiresByType font/woff "accès plus 1 an"
  ExpiresByType font/woff2 "accès plus 1 an"
  ExpiresByType application/font-woff "accès plus 1 an"
  ExpiresByType application/font-woff2 "accès plus 1 an"
  ExpiresByType font/opentype "access plus 1 an"
  ExpiresByType application/x-font-woff "accès plus 1 an"
  ExpiresByType application/vnd.ms-fontobject "accès plus 1 an"

  # Fichier média web
  ExpiresByType audio/mpeg "accès plus 1 an"
  ExpiresByType video/mp4 "access plus 1 year" (accès plus 1 an)
  ExpiresByType video/ogg "access plus 1 year" (accès plus 1 an)
  ExpiresByType video/webm "access plus 1 year" (accès plus 1 an)

  # HTML
  ExpiresByType text/html "accès plus 600 secondes"
</IfModule
ExpiresActive On

  # Définit le délai d'expiration par défaut
  ExpiresDefault "accès plus 2 jours"

  # Fichiers d'images
  ExpiresByType image/jpg "accès plus 1 an"
  ExpiresByType image/jpeg "access plus 1 year" (accès plus 1 an)
  ExpiresByType image/gif "access plus 1 year" (accès plus 1 an)
  ExpiresByType image/png "accès plus 1 an"
  ExpiresByType image/webp "accès plus 1 an"

  # CSS et JavaScript
  ExpiresByType text/css "accès plus 1 mois"
  ExpiresByType application/javascript "accès plus 1 mois"
  ExpiresByType application/x-javascript "accès plus 1 mois"

  Polices #
  ExpiresByType font/woff "accès plus 1 an"
  ExpiresByType font/woff2 "accès plus 1 an"
  ExpiresByType application/font-woff "accès plus 1 an"
  ExpiresByType application/font-woff2 "accès plus 1 an"
  ExpiresByType font/opentype "access plus 1 an"
  ExpiresByType application/x-font-woff "accès plus 1 an"
  ExpiresByType application/vnd.ms-fontobject "accès plus 1 an"

  # Fichier média web
  ExpiresByType audio/mpeg "accès plus 1 an"
  ExpiresByType video/mp4 "access plus 1 year" (accès plus 1 an)
  ExpiresByType video/ogg "access plus 1 year" (accès plus 1 an)
  ExpiresByType video/webm "access plus 1 year" (accès plus 1 an)

  # HTML
  ExpiresByType text/html "accès plus 600 secondes"
</IfModule

11. déplacer JavaScript vers le pied de page

Le déplacement des fichiers JavaScript vers le pied de page est une technique d'optimisation courante qui permet d'augmenter la vitesse de chargement d'une page web. La raison en est de permettre au navigateur de charger d'abord le contenu de la page, puis le fichier JavaScript, afin qu'il n'encombre pas le processus de rendu de la page. Il y a plusieurs façons d'y parvenir dans WordPress :

Méthode 1 : Utilisation des crochets WordPress

WordPress fournitwp_enqueue_scriptpour planifier le chargement des scripts. Si vous êtes un développeur de thème, ou si vous pouvez modifier les fichiers de thème, vous pouvez utiliser l'extrait suivant pour vous assurer que les fichiers JavaScript sont chargés dans le pied de page :

function my_theme_scripts() {
    wp_enqueue_script('my-custom-script', get_template_directory_uri() . '/js/custom-script.js', array(), '1.0.0', true) ;
}
add_action('wp_enqueue_scripts', 'my_theme_scripts') ;
function my_theme_scripts() {
    wp_enqueue_script('my-custom-script', get_template_directory_uri() . '/js/custom-script.js', array(), '1.0.0', true) ;
}
add_action('wp_enqueue_scripts', 'my_theme_scripts') ;
function my_theme_scripts() {
    wp_enqueue_script('my-custom-script', get_template_directory_uri() . '/js/custom-script.js', array(), '1.0.0', true) ;
}
add_action('wp_enqueue_scripts', 'my_theme_scripts') ;

La clé est la suivantewp_enqueue_scriptLe dernier argument de la fonctionvraiqui indique à WordPress de placer ce script au bas de la page.

Méthode 2 : Mouvement manuel

Si vous ne souhaitez pas utiliserwp_enqueue_scriptOu si vous devez déplacer un script spécifique vers le pied de page, vous pouvez modifier le fichier de votre thème (généralement le fichierfooter.php) et directement dans le</body>Mise en place manuelle avant l'étiquetage<script>Étiquettes.

Méthode 3 : Utilisation de plug-ins

Pour les utilisateurs qui ne sont pas familiarisés avec le code, certains plugins d'optimisation (par exemple Autoptimize, WP Rocket) offrent la possibilité de déplacer le script vers le pied de page. Ces plugins fournissent généralement une interface conviviale pour configurer cette option sans avoir à modifier le code directement.

mise en garde

• Le déplacement de JavaScript vers le pied de page peut affecter la fonctionnalité des scripts qui s'appuient sur des chargements antérieurs.
• Sauvegardez votre site web et les fichiers de votre thème avant d'apporter des modifications afin d'éviter toute corruption accidentelle.
• Tester les fonctionnalités du site web pour s'assurer que tout fonctionne correctement, en particulier le contenu dynamique et les fonctions interactives.

Grâce à ces méthodes, vous pouvez optimiser la vitesse de chargement de votre site web WordPress et améliorer l'expérience de l'utilisateur.

12. utiliser Google Tag Manager

Google Tag Manager modifie réellement la manière dont vous gérez le code de suivi de votre site web. Au lieu d'ajouter manuellement des codes pour Google Analytics, Google Ads et d'autres services un par un, vous pouvez vous en occuper en un seul endroit.

Il se charge également de manière asynchrone, ce qui signifie que le reste du site n'attend pas la fin de son chargement, ce qui garantit un affichage rapide de votre site, même si vous utilisez beaucoup de codes de suivi. De plus, Google Tag Manager vous permet de définir des conditions spécifiques pour l'exécution de ces codes, ce qui vous permet de les contrôler plus précisément.

En résumé, l'optimisation des performances d'un site web WordPress est un processus continu que vous devez surveiller et ajuster en permanence pour que votre site web fonctionne plus rapidement et plus facilement.