Comment augmenter la vitesse du site en utilisant le CDN gratuit de SiteGround

Vous avez mis des mois à créer votre site Web. Vous passez encore plus de temps à apprendre le référencement et à créer un contenu précieux et significatif pour vos utilisateurs. Ensuite, vous découvrez que, même si les gens trouvent votre site tout le temps, ils ne restent pas. Parfois, ils partent en quelques secondes. La vitesse du site est un facteur important dans le rebond des utilisateurs. Heureusement, les utilisateurs de SiteGround disposent d'un certain nombre d'options et de fonctionnalités faciles d'accès (et même gratuites) qui accéléreront votre site Web - SuperCacher à SiteGround CDN et une version gratuite de Cloudflare, pour n'en nommer que quelques-unes.

Dans cet article, nous couvrirons tout ce que vous devez savoir pour mettre votre site à jour (littéralement).

Outils de site, CDN SiteGround et autres fonctionnalités de vitesse

En 2019, SiteGround a remplacé cPanel par un nouveau portail d'hébergement simplifié avec un assortiment d'outils de site. Les fonctionnalités et services proposés ici sont faciles à trouver, à utiliser et à comprendre, même pour les débutants.

• Connectez-vous à votre compte sur SiteGround.com.
• Cliquez sur Sites Web .
• À droite du site Web avec lequel vous allez travailler, cliquez sur Outils du site .
• Vous verrez les outils du site dans la barre latérale gauche .

Un aperçu des outils du site

Il existe neuf options principales d'outils de site. En cliquant sur l'un d'eux, un menu se développera en dessous avec plus d'options.

Voici un aperçu des outils du site :

• Tableau de bord : message de bienvenue, annonces de SiteGround, outils épinglés (que vous pouvez modifier), informations sur le site (utilisation du disque, serveurs de noms, etc.) et quelques statistiques.
• Site : Gestionnaire de fichiers, comptes pour les autres utilisateurs et accès à la base de données.
• Sécurité : sauvegardes, certificats SSL et application HTTPS, gestion des URL protégées et des IP bloquées, et le scanner de site pour détecter les logiciels malveillants.
• Vitesse : options SuperCacher, service CDN et configuration SiteGround Cloudflare.
• WordPress : installez et gérez des sites Web WordPress, créez des environnements de staging, migrez un site Web existant, mettez à jour automatiquement votre site et utilisez Rechercher et remplacer pour modifier les chaînes WordPress.
• Domaine : configurez des domaines parqués, des sous-domaines et des redirections, et accédez à l'éditeur de zone DNS.
• E-mail : créez des comptes de messagerie pour votre nom de domaine, transférez des e-mails vers une autre adresse, créez des répondeurs automatiques, filtrez les messages, authentifiez les messages, limitez les spams et connectez votre compte à Google Workspace. Nous avons un tutoriel complet sur le courrier électronique SiteGround ici.
• Statistiques : affichez un assortiment de statistiques, y compris le trafic, les sources et le comportement, ainsi que les journaux d'erreurs et d'accès.
• Dev : plusieurs outils de niveau développeur, y compris l'automatisation des commandes et des scripts, la gestion PHP et l'installation d'applications.

En savoir plus sur les outils du site dans notre guide complet du tableau de bord SiteGround.

Un aperçu des options de vitesse dans SiteTools

Les trois composants de la section Vitesse sont Caching , CDN et Cloudflare . Dans la section Mise en cache , vous verrez le SuperCacher et ses trois options d'optimisation de site Web. Le CDN de SiteGround (qui signifie Content Delivery Network) est en version bêta, et il est préférable d'optimiser les performances des sites à trafic mondial. Il existe également une option pour utiliser le CDN Cloudflare . Nous parlerons plus en détail de toutes ces options tout au long de cet article.

Qu'est-ce que le SuperCacher SiteGround ?

Lorsque les pages prennent trop de temps à charger, les visiteurs ont plus de chances de partir (rebondir) que de rester. Les plugins de cache tels que WP Rocket améliorent les performances en accélérant votre site Web afin que cela ne se produise pas. (Si vous êtes intéressé par le fonctionnement de la mise en cache, consultez cet article Comment fonctionne Stuff.) Chez SiteGround, les experts en optimisation de serveur de la société ont créé SuperCacher, qui est conçu pour gérer les visites sur votre site et améliorer la vitesse de chargement. Vous avez le choix entre trois options (voir ci-dessous) et vous pouvez mélanger et assortir comme bon vous semble.

Cependant, notez qu'il n'est pas recommandé d'activer également la mise en cache avec un plugin WordPress si vous utilisez la mise en cache de SiteGround. Vous voudrez peut-être utiliser un plugin de mise en cache avec les services de mise en cache de SiteGround s'il a d'autres fonctionnalités qui vous intéressent - mais même dans ce cas, il est préférable de désactiver la fonction de mise en cache dans le plugin. L'utilisation de plusieurs solutions de mise en cache peut entraîner des problèmes de compatibilité et empêcher les utilisateurs d'accéder à votre site.

1. Livraison directe NGINX

NGINX Direct Delivery a remplacé le cache statique au moment du lancement des outils du site. Au lieu de servir des CSS, des images, des fichiers JS et d'autres types de contenu statique à partir de la mémoire du serveur, le logiciel de serveur Web NGINX charge directement les fichiers à partir des lecteurs du serveur. Ce changement signifie une amélioration de la mise en cache du navigateur et de l'utilisation du CDN. De plus, NGINX libère de l'espace RAM qui peut être utilisé par la mise en cache de contenu dynamique sans affecter la vitesse de chargement du contenu statique.

SiteGround recommande d'activer NGINX Direct Delivery en permanence, sauf si vous utilisez des règles .htaccess de mise en cache personnalisées pour le contenu statique. Dans la barre latérale gauche des outils du site , sélectionnez Vitesse > Mise en cache > NGINX Direct Delivery (sous Niveaux de mise en cache ) et activez-le à droite du nom de domaine.

2. Cache dynamique

Le deuxième onglet sous Vitesse est Dynamic Cache, et il est également alimenté par l'architecture NGINX. Il est activé par défaut sur les serveurs SiteGround (vous n'avez donc rien à faire pour l'activer). Alors que NGINX Direct Delivery gère la mise en cache du contenu statique, Dynamic Cache gère la mise en cache du contenu dynamique pour améliorer la vitesse de chargement. Les sites Web WordPress auront les meilleurs résultats possibles si le plugin SG Optimizer est installé pour fonctionner en tandem avec Dynamic Cache.

3. Memcaché

Et enfin, l'onglet Memcached est pour la mise en cache d'objets. Bien que vous puissiez en savoir plus sur la mise en cache des objets WordPress ici si vous êtes intéressé, il gère essentiellement la mise en cache du contenu dynamique qui ne peut pas être servi par la mise en cache dynamique. Selon SiteGround,

Nos tests montrent qu'un site Web utilisant simultanément NGINX Direct Delivery et la mise en cache dynamique avec Memcached peut gérer 100 fois plus de visites qu'un site Web ordinaire sans aucune mise en cache.

Donc, vous voudrez peut-être utiliser les trois simultanément (juste sans un plugin de cache WP activé, rappelez-vous). Pour activer la fonctionnalité, accédez à Outils du site > Vitesse > Mise en cache > Memcached (sous Niveaux de mise en cache ) et activez-la à droite du nom de domaine.

Comment utiliser les services CDN gratuits de SiteGround

Le CDN SiteGround est un autre outil que vous pouvez utiliser pour rendre votre site Web plus rapide. C'est particulièrement utile si vous avez du trafic provenant de différents continents et pays. Le fonctionnement d'un CDN consiste à mettre en cache le contenu de votre site, puis à le distribuer à divers centres de données dans le monde entier. Chaque fois qu'une personne visite votre site Web, le serveur le plus proche est utilisé pour fournir du contenu.

L'utilisation ou non d'une solution multi-CDN pour votre site Web WordPress fait l'objet d'un débat. D'une part, l'utilisation de plusieurs services CDN signifie que vous ne dépendez pas d'un seul, ce qui rend votre solution CDN globale plus disponible. D'un autre côté, certains plugins rencontrent des problèmes de compatibilité - SiteGround Optimizer et Jetpack ne fonctionnent pas toujours bien ensemble, par exemple.

C'est donc à vous de décider quelle solution vous semble la meilleure, puis la surveillance des performances du site Web vous aidera à voir si elles sont positivement ou négativement affectées après un changement.

CDN SiteGround

À l'heure actuelle, le service CDN de SiteGround est en version bêta, ce qui signifie qu'il n'a pas encore été officiellement déployé. Mais vous pouvez toujours essayer la version bêta gratuitement si vous êtes intéressé. Si vous maintenez le service CDN actif tout au long de la période bêta, vous bénéficierez de trois mois de service premium gratuits lors de son lancement complet. Le service Premium CDN de SiteGround coûte 12,49 $ par mois , et nous passerons en revue les fonctionnalités premium un peu plus tard dans cette section.

Pour accéder à l'outil SiteGround CDN, accédez à Outils du site > Vitesse > CDN . Cochez la case Conditions d'utilisation , puis cliquez sur Passer à l'outil CDN .

Vous serez redirigé vers une page où vous pourrez gérer vos paramètres CDN :

Tout d'abord, assurez-vous que le bon domaine est choisi. Ensuite, dirigez-vous vers la section Gérer les paramètres CDN . Jusqu'à ce que vous activiez CDN , les autres options ne seront pas disponibles. Une fois le CDN activé, voici les autres paramètres disponibles :

Caractéristiques de base

• Cache Purge : Cela supprime les versions mises en cache de votre site Web - mais le faire trop souvent peut ralentir votre site Web, il ne s'agit donc pas d'une maintenance à effectuer quotidiennement.
• Mode de développement : si vous apportez des modifications au contenu pouvant être mis en cache, comme le CSS ou les images, l'activation de cette option suspendra temporairement les fonctionnalités de mise en cache. De cette façon, vous pourrez voir les changements tout de suite. Ce mode reste activé pendant 30 minutes avant d'être automatiquement désactivé.

Des fonctionnalités premium

• Mise en cache dynamique : cet outil fournit une mise en cache pleine page pour les ressources non statiques ; il accélère votre site en empêchant des actions telles que le traitement inutile des pages et les requêtes de base de données.
• TTL : ou Time to Live, c'est la durée pendant laquelle vos ressources dynamiques sont mises en cache - ou combien de temps jusqu'à ce que la version mise en cache revienne à la version en direct. La valeur par défaut est de 12 heures, mais vous pouvez également choisir six ou 24 heures.
• Toujours en ligne : si le serveur n'est pas accessible ou si votre site affiche un message d'erreur, des copies en cache du site seront affichées afin qu'il puisse rester en ligne pendant que le problème est en cours de tri.

Notez que si votre site n'utilise pas les serveurs de noms de SiteGround, vous ne pourrez pas activer le CDN . Vous recevrez un avertissement s'il s'agit d'un problème, il ne passera donc certainement pas inaperçu. De plus, si vous activez le CDN puis modifiez les serveurs de noms, le service CDN sera désactivé. Il vous suffira de le rallumer.

CDN Cloud Flare

En plus d'offrir sa propre option CDN, SiteGround a également un partenariat avec Cloudflare. Si vous préférez utiliser Cloudflare CDN, vous pouvez commencer par accéder à Outils du site > Vitesse > Cloudflare . Voici ce que vous verrez, et cette page vous montre également les différences entre les services Basic et Premium :

La configuration et la gestion de Cloudflare sont un peu plus délicates que de travailler avec le CDN natif de SiteGround.

Heureusement, il y a beaucoup d'aide sur le site Web de SiteGround pour vous guider à travers tout cela.

• Faites pointer votre domaine vers SiteGround
• Activer Cloudflare via les outils du site
• Rediriger vos URL vers WWW (recommandé)
• Activer Cloudflare pour les sous-domaines
• Paramètres de base et premium de Cloudflare
• Gérer les IP autorisées/bloquées

Réflexions finales sur SiteGround CDN et autres paramètres de vitesse

SiteGround permet de contourner assez facilement les nombreux outils à votre disposition pour contrôler votre service d'hébergement et votre site Web. Et si vous avez des problèmes avec l'un d'entre eux, ils ont également une très bonne base de connaissances. Si vous remarquez que votre site obtient un score inférieur sur les éléments liés au chargement de Core Web Vitals, la section Vitesse des outils du site SG contribuera certainement à améliorer cela.

Si vous êtes membre d'Elegant Themes, vous pouvez également obtenir des améliorations de performances supplémentaires via Divi Hosting by SiteGround. Non seulement vous bénéficierez des options gratuites de CDN et de mise en cache, mais vous aurez également accès à des environnements de serveur optimisés par Divi pour chaque site de votre plan.

Quelle a été votre expérience avec les services CDN gratuits de SiteGround ? Faites le nous savoir dans les commentaires!