Découvrez comment les images, les polices et les CDN contribuent à la vitesse et à la stabilité du site.
L’optimisation des performances du site Web est essentielle pour maintenir l’engagement des utilisateurs, assurer la visibilité des moteurs de recherche et augmenter les conversions. Pour obtenir des performances optimales, les développeurs Web doivent se concentrer sur plusieurs facteurs clés, notamment :
- Images dynamiques et réactives
- Performances du serveur et temps de réponse
- Serveurs POP de cache périphérique (CDN)
- Concaténation et mise en file d’attente/report de JS/CSS
- Chargement de la police
- Vitals Web de base
1. Images dynamiques et réactives
Les images jouent un rôle crucial dans la conception Web moderne, mais elles peuvent également être une source importante de problèmes de performances. En optimisant les images (avec le redimensionnement dynamique des images, `srcset` pour servir des images de bonne taille et le chargement différé), les développeurs Web peuvent réduire les temps de chargement des pages et améliorer les performances du site.
Le Plateforme WordPress VIP comprend des fonctions d’optimisation d’image intégrées. Toutes les images téléchargées sur votre site sont stockées sur le Système de fichiers VIP.
Le système de fichiers VIP sert automatiquement les images qui sont :
2. Performances du serveur et temps de réponse
Optimisez les performances du serveur et les temps de réponse pour améliorer les temps de chargement et l’expérience utilisateur en procédant comme suit.
Choisissez un fournisseur d’hébergement Web fiable
Choisir un fournisseur d’hébergement Web fiable est crucial pour optimiser les performances du serveur et les temps de réponse. Assurez-vous que votre fournisseur d’hébergement Web dispose des ressources adéquates pour gérer le trafic de votre site Web et choisissez-en un qui offre des temps de réponse de serveur rapides et fiables, même pendant les pics de trafic.
WordPress VIP a été spécialement conçu pour évoluer avec votre site, avec une fiabilité éprouvée lors d’événements critiques tels que élections et le Le décès de la reine.
Activer la compression Gzip
L’activation de la compression Gzip réduit considérablement la taille des fichiers transférés du serveur vers le navigateur de l’utilisateur, ce qui accélère les temps de chargement des pages et réduit l’utilisation de la bande passante. La compression Gzip est automatiquement inclus dans la plateforme WordPress VIP.
(citation) « Nous avons considérablement amélioré notre efficacité car nous n’avons pas besoin d’équipes supplémentaires ou de tiers pour prendre en charge notre infrastructure. Nous pouvons nous concentrer sur ce qui compte, c’est-à-dire produire du contenu et générer de la valeur. Nous n’avons pas à nous soucier des serveurs et des sauvegardes, par exemple… tout cela est couvert par WordPress VIP. Ricardo Schulz, directeur informatique, Groupe Abril
3. Serveurs POP de cache périphérique (CDN)
Serveurs Edge cache POP (Point of Presence), également appelés Réseaux de diffusion de contenu (CDN)améliorez les performances du site sur WordPress en mettant en cache et en diffusant du contenu à partir de serveurs périphériques situés à différents endroits.
Les performances du site peuvent être encore améliorées en mettant en cache des ressources telles que des images, des fichiers CSS et JavaScript. La mise en cache des actifs sert les ressources précédemment demandées à partir du cache plutôt que de les demander au serveur chaque fois qu’elles sont nécessaires, ce qui signifie que le serveur n’a pas besoin de traiter les demandes de ces ressources chaque fois qu’un utilisateur visite le site Web.
WordPress VIP intégré serveurs de cache périphérique améliorez les performances de plusieurs façons.
Latence réduite
Les CDN réduisent la latence en mettant en cache et en diffusant du contenu à partir de serveurs périphériques plus proches de l’emplacement de l’utilisateur. Cela réduit le temps nécessaire au contenu pour se déplacer du serveur à l’appareil de l’utilisateur, ce qui se traduit par des temps de chargement de page plus rapides et une meilleure expérience utilisateur.
Augmentation de la capacité du serveur
En répartissant la charge sur plusieurs serveurs et en utilisant des couches de mise en cache, le serveur d’origine n’a pas autant de travail à faire pour chaque demande, ce qui améliore les temps de réponse et réduit le risque de plantage pendant les périodes de trafic élevé.
Protection DDoS
Les serveurs POP de cache périphérique peuvent également fournir une protection DDoS (Distributed Denial of Service) en filtrant le trafic malveillant avant qu’il n’atteigne le serveur d’origine. Cela aide votre site à rester en ligne pendant les attaques DDoS.
« Tout, depuis la compréhension du fonctionnement de vos serveurs périphériques et de votre CDN jusqu’au fonctionnement de vos équipes de sécurité et de vos tests d’intrusion, tout cela m’a donné un sentiment de calme pour dire : « D’accord. Nous avons un partenaire qui peut simplement s’occuper de cela.
Andrew Binns, directeur de l’exploitation, Convention nationale démocrate de 2020
4. Concaténation et mise en file d’attente/report de JS/CSS
Enchaînement et le report de JS/CSS améliore les performances du site frontal sur WordPress en réduisant le nombre de requêtes HTTP adressées au serveur et en optimisant la livraison des fichiers JavaScript et CSS.
Réduction des requêtes HTTP
La concaténation est une technique qui combine plusieurs fichiers CSS ou JavaScript en un seul fichier, réduisant ainsi les requêtes HTTP adressées au serveur. Cela permet au navigateur de charger les pages plus rapidement car il a moins de fichiers à demander et à télécharger depuis le serveur, améliorant ainsi les performances globales du site.
Optimisation de la livraison des fichiers JavaScript et CSS
Mise en file d’attente et report des fichiers JavaScript et CSS garantit que les fichiers ne se chargent que lorsque cela est nécessaire et dans le bon ordre. Cela évite les conflits et améliore les temps de chargement perçus.
WordPress VIP concatène automatiquement les fichiers JavaScript et CSS mis en file d’attente.
5. Chargement des polices
Le chargement de polices peut considérablement ralentir votre site Web. Pire encore, lorsqu’une police ne se charge pas, le navigateur peut restituer le texte avec une police de secours, provoquant une instabilité visuelle.
En plus de minimiser le nombre de polices utilisées sur votre site, les temps de chargement des polices peuvent être améliorés grâce à une API de chargement des polices et/ou au préchargement des polices.
Préchargement des polices
Pour le préchargement des polices, utilisez l’attribut link rel=”preload” dans l’en-tête de votre document HTML. Cela charge les polices dans le cache avant qu’elles ne soient requises sur la page, ce qui réduit le temps d’attente du navigateur lorsqu’elles sont appelées.
6. Vitals Web de base
Les Core Web Vitals sont un ensemble de mesures développées par Google pour mesurer l’expérience utilisateur d’un site Web dans trois domaines clés : le chargement, l’interactivité et la stabilité visuelle. En optimisant ces zones, votre site Web se charge et répond rapidement aux entrées de l’utilisateur, et ne présente aucun problème lorsque l’utilisateur interagit avec la page.
Voici trois façons d’améliorer vos Core Web Vitals :
- Vitesse de chargement : Utiliser l’optimisation d’image, le chargement différé et la mise en cache
- Interactivité : Réduisez le nombre de requêtes HTTP, mettez vos fichiers CSS et JavaScript en file d’attente et minimisez les scripts tiers
- Stabilité visuelle : Spécifiez les dimensions de l’image, évitez les interstitiels intrusifs et minimisez les décalages de mise en page.
Core Web Vitals aide les webmasters et les développeurs à comprendre les performances de leur site Web pour les utilisateurs et à identifier les domaines à améliorer. À compter de mai 2021, Google a noté que Core Web Vitals serait utilisé comme facteur de classement dans les résultats de recherche. Ainsi, l’optimisation pour eux peut améliorer à la fois le référencement et les performances globales du site.
Améliorer les performances du site frontal avec WordPress VIP
L’amélioration des performances de votre site est essentielle au succès de votre entreprise, c’est pourquoi la plateforme WordPress VIP fait le gros du travail pour vous. Nous comprenons l’importance d’un site Web qui s’adapte à vos besoins, offrant des performances de site sécurisées et fiables, quel que soit le trafic. C’est pourquoi des clients comme SalesforceAl Jazeera et Facebook nous font confiance pour gérer leur site Web, et vous devriez le faire aussi.
« Nous avions besoin d’agilité, nous avions besoin de stabilité et nous avions besoin de sécurité. Nous les avons tous les trois maintenant avec WordPress VIP, nous pouvons donc maintenant nous concentrer sur la partie commerciale de notre entreprise plutôt que sur l’infrastructure.
—Grant Cerny, chef de produit, iOne Numérique