La vitesse et les performances de votre site web sont aujourd’hui plus importantes que jamais. Les attentes des utilisateurs ont augmenté et leur patience a diminué. Si le chargement d’un site web est trop lent, les utilisateurs passeront rapidement à un autre site plutôt que d’attendre une seconde ou deux de plus. Même si les utilisateurs ne s’enfuient pas, un site lent les décevra, les frustrera et les incitera probablement à abandonner votre site alors même qu’ils sont en train de faire des achats. Si vous vous posez la sempiternelle question – comment rendre mon site WordPress plus rapide – nous sommes là pour y répondre !
En outre, Google a clairement indiqué que la la vitesse d’un site affecte son classement. dans les résultats de recherche. Pour satisfaire à la fois les utilisateurs et Google, il est donc important de veiller à la vitesse du site.
5 moyens fondamentaux pour améliorer la vitesse du site
1. Utiliser un bon plan d’hébergement web
Tout commence par le choix du bon plan d’hébergement WordPress chez le bon hébergeur. Avant même de parler de vitesse, vous devez disposer d’une société fiable disposant d’un matériel solide et fiable pour héberger votre site web. Si votre site n’est pas fiable, peu importe sa rapidité. Les visiteurs s’enfuiront et ne reviendront jamais. Faites vos devoirs et consultez les sites suivants avis d’utilisateurs sur les sociétés d’hébergement.
Pour en revenir à l’accélération de votre site web, la plupart des sociétés d’hébergement, telles que BluehostLes sites web de la Commission européenne proposent une gamme de plans d’hébergement, en commençant par l’hébergement partagé bon marché et en passant par les serveurs virtuels, les serveurs dédiés et les serveurs en nuage. Les prix augmentent au fur et à mesure que vous passez d’un type d’hébergement à l’autre, mais le nombre de ressources dédiées à votre site web augmente également. Bien qu’il soit acceptable de commencer par un hébergement partagé lorsque vous démarrez votre site, veillez à suivre régulièrement votre volume de trafic et l’utilisation des ressources afin de pouvoir passer à un meilleur plan d’hébergement avant que les visiteurs ne commencent à remarquer la lenteur de votre site.
2. Activer la mise en cache
En termes simples, mise en cache est le terme technique désignant le stockage de données dans une zone de stockage temporaire. Cela améliore les performances d’un site car une grande partie du contenu d’une page est déjà préparée et disponible et n’a pas besoin d’être récupérée et traitée pour être affichée à l’intention d’un utilisateur. Il réduit également la charge des différentes ressources du système sur votre serveur.
Nous vous recommandons d’utiliser les plugins de mise en cache fournis par Bluehost, qui sont conçus pour fonctionner au mieux dans cet environnement. Vous pouvez trouver ces paramètres de cache dans la page de performance du plugin Bluehost ou dans la section WordPress du panneau de contrôle.
Si votre site n’est pas un site WordPress, l’activation de la mise en cache est plus complexe et dépasse le cadre de cet article. Dans les deux cas, vous devriez discuter des options de mise en cache avec votre hébergeur, car il aura souvent des recommandations basées sur les optimisations qu’il a mises en œuvre de son côté.
3. Utiliser un réseau de diffusion de contenu
Le deuxième moyen le plus efficace d’accélérer votre site web est probablement l’utilisation d’un réseau de diffusion de contenu (CDN). Un CDN est un réseau mondial de serveurs qui vous permet de dupliquer et de stocker les éléments/fichiers statiques de votre site (CSS, Javascript, images, documents, vidéos, etc.).
Ces éléments sont ensuite transmis aux visiteurs à partir d’un serveur plus proche de leur emplacement physique. Par exemple, si votre site web est hébergé sur un serveur aux États-Unis, les visiteurs d’autres parties du monde devront attendre (relativement) longtemps avant que votre contenu n’atteigne leur navigateur. Avec un CDN, ce temps est considérablement réduit, puisque le contenu statique sera fourni par un serveur local beaucoup plus proche d’eux au lieu d’un serveur situé à l’autre bout du monde.
Bluehost propose le CDN TrueSpeed dans le panneau de contrôle.
4. Optimisez vos images
Pour que vos images se chargent le plus rapidement possible, il est important de les redimensionner avant de les télécharger sur votre site web. Ne téléchargez pas d’images plus grandes que ce que vous avez réellement besoin d’afficher. La mise à l’échelle des images dans le code HTML peut les afficher comme vous le souhaitez, mais elle ne réduira pas la taille du fichier d’origine. Par exemple, une image JPG de 800×800 pixels et d’une taille de 100 kb prendra autant de temps à charger si elle est codée pour être affichée en 200×200 que si elle est affichée en taille réelle. Si vous optimisez l’image JPG pour qu’elle ne fasse que 200×200 avant de la télécharger, vous pourrez peut-être la réduire à 20 kb et réduire considérablement le temps de chargement.
Alors que les utilisateurs s’attendent à trouver des images de meilleure qualité sur les sites web, la taille des images devient un problème pour la vitesse des pages. La plupart des images peuvent être réduites à l’aide d’outils d’édition graphique ou de plugins sans que l’internaute ne remarque de baisse de qualité.
Optimisez les images de votre site web avec ces plugins WordPress
Voici les points importants à retenir :
- Google recommande d’utiliser les types d’images WebP ou AVIF.
- Recadrez votre image pour éliminer les éléments inutiles et réduire la taille.
- Redimensionnez vos images. Il est inutile de télécharger une image de 2000 pixels de large si votre page web ne fait que 600 pixels de large.
5. Minifier HTML, JavaScript et CSS
Les sites web et les applications web d’aujourd’hui dépendent de plus en plus de CSS et de JavaScript, il est donc important de réduire la taille de ces fichiers texte. Il est donc important de réduire la taille de ces fichiers texte. La minimisation est un excellent moyen d’y parvenir. Il s’agit essentiellement de se débarrasser des commentaires, des espaces supplémentaires, des sauts de ligne et des délimiteurs de blocs dans le code afin d’alléger ce dernier et de réduire la quantité de données à transférer, ce qui réduit le temps de chargement d’une page.
Comme on peut s’y attendre, il existe une sélection de plugins pour les sites web WordPress, tels que WP Optimize, LiteSpeed Cache, W3 Total Cache, Hummingbird, Fast Velocity Minify, WP Fastest Cache, et bien d’autres. Notez également que de nombreux CDN et outils de mise en cache offrent une prise en charge intégrée de Minify.
Idées bonus pour optimiser et accélérer votre site web WordPress
1. Tirer parti de la mise en cache du navigateur
En spécifiant une période de mise en cache plus longue pour les composants de votre page web (HTML, images, Javascripts, documents CSS, etc.), les navigateurs web mettront ces éléments en cache localement afin qu’ils n’aient pas besoin d’être téléchargés depuis le serveur à chaque fois que la page est consultée.
Afin d’exploiter la mise en cache du navigateur, créez un fichier nommé .htaccess à la racine de votre blog (c’est-à-dire : /public_html/path/to/blog).
Si un fichier .htaccess existe déjà, ajoutez ce code à la fin de celui-ci :
AddType image/x-icon .ico
# YEAR Header set Cache-Control « max-age=29030400 » # WEEKHeader set Cache-Control « max-age=604800 » # 24 HOURSHeader set Cache-Control « max-age=86400 »
Une autre option consiste à ajouter un en-tête Expires en ajoutant ce code à votre fichier .htaccess :
AddType image/x-icon .ico
ExpiresActive On ExpiresByType image/gif A29030400 ExpiresByType image/png A29030400 ExpiresByType image/jpeg A29030400 ExpiresByType image/x-icon A29030400 ExpiresByType application/pdf A29030400 ExpiresByType application/x-javascript A604800 ExpiresByType text/plain A86400 ExpiresByType text/css A604800
L’utilisation des directives htaccess ci-dessus indiquera aux navigateurs web de mettre les fichiers en cache pendant une période déterminée en fonction du type de fichier :
- Fichiers d’images : 1 an
- Javascript, CSS et fichiers SWF : 1 semaine
- Fichiers HTML et PHP : 24 heures
2. Activer la compression GZip
En activant GZip, le serveur web compresse les fichiers à la volée avant de les envoyer au navigateur web. Cela permet de réduire considérablement la taille totale d’une page web. Dans certains cas, GZip est activé par défaut par le fournisseur d’hébergement web. Si ce n’est pas le cas, vous pouvez ajouter ce code à votre fichier .htaccess :
AddOutputFilterByType DEFLATE image/gif image/png image/jpeg image/x-icon application/pdf application/javascript application/x-javascript text/plain text/html text/css text/x-component text/xml application/json
3. Limiter le nombre de messages et de flux par page
Limitez le nombre d’articles présentés par page et le nombre de flux affichés. Un nombre d’environ 5 articles est généralement une bonne règle de base, mais cela peut varier en fonction de la longueur de vos articles.
4. Limiter le nombre d’images et de fichiers multimédias lourds
Limitez le nombre total d’images et d’autres médias sur votre page. Parmi ceux que vous utilisez, veillez à ce que la taille des fichiers soit aussi réduite que possible. Si vous utilisez beaucoup d’images, gardez quelques unes des plus importantes directement visibles sur vos articles et conservez les autres sous forme de vignettes cliquables.
5. Ajustez vos Permaliens
Évitez les paramètres « non recommandés pour des raisons de performances ». Consultez les options possibles ici : http://codex.wordpress.org/Using_Permalinks
6. Supprimer les anciens plugins
Ne gardez pas de vieux plugins ou thèmes supplémentaires. L’accumulation de plugins ralentit les choses. Les vieux plugins peuvent également poser des problèmes de sécurité. Jetez tout ce dont vous pouvez vous débarrasser.
7. Activer FastCGI
En fonction de votre site web, cela peut s’avérer très utile. Testez votre site avant et après pour constater la différence. Vous pouvez activer FastCGI dans l’icône PHP Config du cPanel. (Essayez également le lien « Optimize Website » dans le cPanel et activez mod_deflate).
8. Tester et approfondir
L’optimisation d’un site ne se résume pas à ce que nous venons d’évoquer. Cependant, voici les cinq étapes qui vous permettront d’en avoir le plus pour votre argent. Pour ceux d’entre vous qui souhaitent en savoir plus et/ou optimiser davantage leur site web, j’aimerais vous proposer une liste de trois sites populaires d’analyse des performances (tous dotés de versions gratuites très utiles). Ces outils effectueront une série de tests sur votre site afin d’identifier les problèmes de performance et de vous indiquer comment les corriger.
Chacun de ces sites effectue des tests différents et affiche les résultats et les notes de différentes manières. Ils sont généralement faciles à comprendre et offrent des explications et des suggestions claires.
Ecrire un commentaire