5 façons infaillibles d'accélérer votre site Web WordPress

Choisissez n'importe quel point de vue pour examiner la mesure de la vitesse de chargement du site Web et son importance : spécialiste du marketing, propriétaire du site, développeur, assistant SEO, même et surtout l'utilisateur. La mesure de la vitesse apparaîtra toujours en haut. Recherchez les meilleures pratiques de développement Web sur autant de sources que vous pouvez trouver, et vous verrez " réduire le temps de chargement des pages" quelque part dans chaque liste.

Nous n'aimons même pas faire la queue au comptoir du caissier du Walmart, que penseriez-vous que nous ressentirions à propos d'un bloc de données intangible à une époque d'excès aveugles ?

Il est donc impératif de créer des sites qui se chargent plus rapidement (le TTFB doit être inférieur à 2 secondes). Pour une meilleure expérience, pour une conversion plus élevée, pour les meilleurs classements de recherche !

Alors, que peut-on faire pour rendre les sites Web WordPress plus rapides ? Beaucoup, semble-t-il, notamment dans ces 5 domaines :

1. Serveur

C'est là que résident les données de votre site Web . Si un serveur se maintient comme une soupe populaire ou les ruelles de Gotham, aucune optimisation des performances ne vous aidera à accélérer votre site Web.

Donc, avant de vous connecter à un fournisseur d'hébergement, recherchez :

• Maintenance, sauvegardes et sécurité (pour des raisons évidentes)
• Évolutivité : Comment les différents plans pèsent en termes de visiteurs, de transfert de données, de bande passante, d'espace de stockage, etc. et comment vous serez mis à l'échelle lorsque vous dépasserez certains des plafonds.
• Témoignages de clients et forums d'assistance (ils peuvent révéler beaucoup de choses sur les états de service d'une entreprise)

Voici d'autres choses que vous pouvez examiner :

Ø ^Hébergement vidéo tiers

L'hébergement vidéo ^externe ou tiers est une excellente solution pour ceux qui utilisent judicieusement leur espace serveur et leur bande passante.

C'est exactement ce qu'il dit sur la boîte. (Uniquement) Les fichiers vidéo sont hébergés sur un ^serveur tiers comme Youtube, Vimeo, etc., que vous pouvez relier à votre site Web (sans appeler un développeur pour jouer avec l'API). Certains d'entre eux sont également livrés avec des outils de montage vidéo et la plupart d'entre eux offrent une assistance.

Assurez-vous simplement de vérifier les droits sur les fichiers vidéo (politique de confidentialité) avant de vous inscrire à ce service.

Ø Empêcher les liens d'image

Image Hotlinking est un mal sous-estimé.

Cela équivaut à du vol, et le pire, c'est que les contrevenants ne sont souvent pas conscients de la gravité de leurs actes. Ils copient simplement votre image (sur le clavier) et la collent directement dans leur éditeur de texte enrichi. Ainsi, l'image qui apparaît dans leur contenu est en fait toujours stockée sur votre serveur. Par conséquent, toute personne qui tombe sur l'image sur son site Web demandera toujours à votre serveur de charger l'image. Cela ronge votre bande passante.

Et vous ne recevrez pas de note de remerciement.

Il y a tellement de choses que votre altruisme naïf devrait supporter. Sur internet, vous protégez votre contenu ou vous êtes pénalisé. Mettez ce code dans votre fichier .htaccess :

RewriteEngine sur

RewriteCond %{REQUEST_FILENAME} -f

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?mywebsite\.com [NC]

RewriteCond %{REQUEST_URI} !^/images/stopstealing\.jpg$ [NC]

RewriteRule \.(jpg|jpeg|png)$ http://mywebsite.com/images/stopstealing.jpg [NC,R,L]

Aussi : Notez que certains réseaux de diffusion de contenu (CDN) disposent d'une fonctionnalité intégrée de prévention des liens dynamiques.

2. Cache

Les plugins de mise en cache comme W3 Total Cache sont l'une des meilleures choses que WordPress a à offrir pour l'optimisation de la vitesse des pages ( tout le monde l'aime). L'alternative (pour les utilisateurs moins avancés) est WP Super Cache.

L'idée est de créer des copies (caches) de pages, d'objets et de bases de données ; minifiez les scripts et intégrez plus facilement un site Web WordPress à un réseau de diffusion de contenu (CDN).

Vous pouvez également embaucher des développeurs WordPress pour tirer le meilleur parti de l'optimisation des performances côté serveur avec des solutions de mise en cache de base de données comme Redis et Memcached.

Ø Le module d'expiration

Ce module Apache définit la durée de vie du cache pour les formats de fichiers que vous spécifiez.

Voici une manière simplifiée de l'utiliser : le <ifmodule>. Il va (dans le fichier .htaccess) comme ceci :

<ifmodule mod_expires.c>

<Correspondance de fichiers "\.(jpg|png|gif|js|css|mp3|pdf)$">

ExpireActif le

ExpiresDefault "accès plus 1 semaine"

</Filesmatch>

</ifmodule>

L'extrait de code ci-dessus définira les fichiers de cache de chaque fichier jpg/png/gif/JavaScript/CSS/mp3/et PDF pour qu'ils expirent après 1 semaine, après quoi un nouveau cache sera créé. Ce module est parfait pour une utilisation dans les sites Web rich media qui mettent régulièrement à jour leur contenu.

3. Frontal

Environ 80 % des problèmes de performances seront résolus par un effort de 20 % dans l'optimisation de la vitesse frontale. C'est la loi de Pareto du développement web.

Optimiser le front-end pour la vitesse n'est pas seulement techniquement favorable. Plus tôt quelque chose se passe sur l'écran de votre utilisateur, mieux il se sent à l'aise d'attendre. Vous devez également donner l' impression d'être performant.

Pour vous aider, voici quelques méthodes que vous pouvez utiliser :

• Images : Compressez comme un forcené. Plus la taille de votre image/média est petite, mieux c'est. Utilisez EWWW Image Optimizer ou WP Smush.it pour une compression sans perte de qualité. Ensuite, il existe un filtre de chargement paresseux pour le chargement conditionnel des images si la zone de page contenant lesdites images est actuellement visible dans la fenêtre d'affichage de l'utilisateur. Utilisez Lazy Load XT pour cela.

• La diminution des requêtes HTTP signifie moins d'allers-retours effectués, améliorant ainsi les temps de chargement. Transformez des images de "motif" en un seul sprite avec Sprite Pad.

• Minifiez les feuilles de style JavaScript et CSS : rtl.css, style.css et toutes celles que vous avez ajoutées. Essayez de ne pas utiliser trop de dépendances.

4. Base de données

Tout comme l'outil de défragmentation de disque de Windows, l'optimisation de la base de données peut nettoyer votre back-end et libérer de l'espace pour des informations importantes tout en améliorant les temps de requête et les performances.

Les révisions de publication redondantes, les anciens commentaires non approuvés, les métadonnées en double et autres sont les toiles d'araignée et les lapins de poussière. Effacez-les avec des outils comme WP Sweep, WP-DB Manager, etc.

5. Mises à jour

Lorsque vous suivez les discussions sur Make.WordPress.org pour vous tenir au courant des dernières nouvelles et des développements liés à la plate-forme (c'est une bonne habitude pour tout le monde, développeurs et utilisateurs généraux), vous remarquerez un schéma : l'accent est mis sur toujours sur la convivialité, la performance et la sécurité… dans cet ordre.

WordPress se met automatiquement à jour en cas de versions mineures (pour des raisons de sécurité et de corrections de bogues mineurs), sauf si vous avez configuré le paramètre. Ce n'est pas bon à moins que vous ne mettiez à niveau vers la dernière version en premier lieu.

Pour réduire l'anxiété, suivez ce modèle utile pour la mise à jour :

• Thèmes d'abord : assurez-vous d'avoir un thème enfant (qui enregistrera les modifications mineures que vous avez pu apporter à l'apparence). La mise à jour s'appliquera au thème parent et de cette façon, vous réduisez considérablement les risques de gâcher quelque chose au-delà de toute réparation.

• Plugins ensuite : abordez-les un par un. Je sais que c'est fastidieux, mais vous serez mieux préparé et informé lorsqu'une mise à jour cause des problèmes de compatibilité. Remarque : C'est aussi pourquoi "moins c'est plus" quand il s'agit de plugins .

• Protocole WSOD : Ne courez pas comme un poulet sans tête au cas où vous vous retrouveriez face à face avec l'écran blanc de la mort. De nombreuses aides sont disponibles sur Internet.

Note de fin

Exécutez une sécurité et une maintenance régulières pour maintenir votre site Web en pleine forme.

Rappelez-vous que l'optimisation de la vitesse est un effort continu. Restez à l'affût des derniers développements et des meilleures pratiques.

Biographie de l'auteur : Lucy Barret est développeur WordPress principal pour une société de développement WordPress chargée, HireWPGeeks Ltd. Elle gère une équipe de développeurs experts dans la conversion de HTML en thème WordPress. Elle est également blogueuse et aime partager ses connaissances avec la grande communauté de WordPress.