Comment doubler la vitesse de votre site Web Tutoriel SiteGround

Je vais vous montrer comment doubler la vitesse de vos sites Web lorsque vous utilisez SiteGround, vous n'avez rien à payer, tous les outils que nous allons utiliser sont en fait déjà inclus dans votre pack d'hébergement .

Alors, commençons.

Permettez-moi de dire dès le début de cette vidéo qu'il ne s'agit pas du tout d'un argumentaire de vente pour SiteGround.

Il est principalement destiné aux personnes qui ont déjà SiteGround et qui souhaitent accélérer le chargement de leurs sites Web.

Maintenant, l'avantage de SiteGround est que, normalement, les outils que vous utiliseriez pour rendre votre site plus rapide vous coûteront des centaines de dollars par an, mais pas lorsque vous avez SiteGround.

Ils ont déjà inclus.

Le fait est que la plupart des gens ne savent même pas ce qui est inclus.

Il y a tellement de choses incluses, et si vous utilisez SiteGround, vous allez en savoir plus dans cet article.

Maintenant, bien sûr, si vous n'avez pas SiteGround, vous voudrez peut-être regarder cette vidéo, puis décider si vous aimez ce qu'ils incluent gratuitement dans leurs packages.

Mythes sur la vitesse du site Web

Maintenant, avant que nous n'entrions trop dans le sujet, je veux dissiper certains des mythes sur la vitesse du site concernant le fait d'avoir un site Web.

Mythe 1 : Les sites Web lents ne sont pas bien classés dans Google

Il existe de nombreux facteurs de classement plus importants et la vitesse du site est juste le moins important de tous.

Ce qui se passe réellement, c'est que la vitesse lente du site produit une mauvaise expérience utilisateur.

Une mauvaise expérience utilisateur entraîne une augmentation du taux de rebond.

C'est la vitesse à laquelle quelqu'un quitte votre site Web lorsqu'il accède à votre site Web.

Et c'est un facteur de classement important.

Ainsi, un site Web lent n'affecte pas votre classement comme vous le pensez. C'est vraiment ce qui conduit à un taux de rebond élevé.

Combien de fois êtes-vous allé sur un site Web et vous y êtes ?

Ça fait quatre ou cinq, six secondes. Il ne charge pas les informations que vous souhaitez. Et vous savez sur Google, il y a neuf autres listes sur cette page.

Que fais-tu?

Vous rebondissez sur le site Web, vous cliquez en arrière, et c'est un facteur de classement qui nuit à votre classement.

Donc, ce que nous essayons vraiment de faire, c'est d'optimiser votre site Web pour l'expérience utilisateur, pas pour Google.

Mythe 2 : les sites lents sont causés par les constructeurs de pages

Le deuxième mythe est que la vitesse de votre site Web est réduite par le constructeur de pages que vous avez choisi d'utiliser ou le thème que vous avez choisi d'utiliser pour créer votre site Web.

Eh bien, un peu, mais ce n'est pas un facteur aussi important que les gens, voudriez-vous que vous le croyiez.

C'est juste du bon marketing.

5 piliers de la vitesse du site

D'accord. Maintenant que nous avons éliminé ces mythes, il est temps de commencer à optimiser votre site Web et à passer en revue les cinq piliers de la vitesse du site.

Pilier 1 : Obtenez un bon hébergement

Désormais, le premier pilier de la vitesse du site sera d'obtenir un bon hébergement Web.

Maintenant, la bonne chose est que vous utilisez SiteGround, qui est un hébergeur fantastique.

Ce pilier est donc davantage destiné aux personnes qui utilisent un hébergement à petit budget ou un hébergement gratuit, car vous finissez par en avoir pour votre argent en matière d'hébergement.

Maintenant, si vous n'utilisez pas SiteGround, je me souviens que j'ai un lien ci-dessous qui prendra 70% de réduction, et j'inclus également un bonus de cours.

Donc SiteGround a trois plans. Vous voudrez être sur le grand plan de croissance ou le plan GoGeek.

Je sais qu'il est tentant d'économiser 2 $ par mois en obtenant simplement le plan de démarrage, mais ces deux autres plans incluent des options de performances supplémentaires qui ne sont tout simplement pas disponibles dans le plan de démarrage.

Donc, si vous êtes sur le plan de démarrage, vous pouvez suivre cette vidéo, mais vous voudrez peut-être envisager de contacter SiteGround et de passer au plan de croissance.

Désormais, lorsque vous installez WordPress sur SiteGround, ils incluront un plugin appelé SG Optimizer.

Me voici sur une installation WordPress. Je clique sur les plugins et vous pouvez voir que c'est ici, SG Optimizer. Maintenant, lorsque vous l'aurez activé, il y aura une nouvelle option ici qui dit Optimiseur SG, et voici tous les paramètres de ce plugin.

Le deuxième pilier de la vitesse du site est d'optimiser vos images. Lorsque vous commencerez à créer votre site Web WordPress, vous souhaiterez télécharger des images. Maintenant, le problème avec cela est que les images ont tendance à être de bien meilleure qualité que ce dont vous avez besoin, ce qui conduit à des fichiers de très grande taille. Ainsi, chaque fois que quelqu'un visite votre site Web, il doit télécharger de grandes images.

Vous allez donc obtenir de grands gains de performances. En optimisant ces images. Maintenant, vous devez généralement payer un service mensuel pour optimiser les images, mais pas si vous avez SiteGround. Il est inclus dans le plugin d'optimisation SG. Nous voici donc dans les paramètres des plugins. La toute dernière option ici dit optimisations d'image.

Nous allons continuer et cliquer dessus, et il y a certains paramètres ici que nous voudrons peut-être activer. La première consiste donc à optimiser les nouvelles images au fur et à mesure qu'elles sont téléchargées sur votre site Web. Vous allez vouloir activer cette option. Donc, cela signifie que la prochaine fois que vous téléchargerez une image, les optimiseurs SG s'en occuperont pour vous.

L'option suivante est si vous avez déjà téléchargé des images, vous pouvez cliquer sur ce bouton ici et il reviendra et optimisera toutes les images de votre médiathèque pour vous, et c'est tout ce qu'il y a à optimiser vos images. Le troisième pilier de la vitesse du site consiste à utiliser un réseau de diffusion de contenu.

Ici. Je suis connecté à SiteGround, et je vais cliquer ici où il est dit sites Web, puis je cliquerai ici où il est dit outils de site, puis je cliquerai là où il est dit vitesse. Et puis je cliquerai ici où il est dit CloudFlare, et c'est là que nous pouvons activer l'intégration CloudFlare avec SiteGround.

Maintenant, lorsque vous activez CloudFlare, ce qui se passe, c'est que certains des actifs de votre site Web vont être poussés vers des nuages, des fusées éclairantes et un réseau de serveurs dans le monde entier. Maintenant, ce que cela signifie, c'est si quelqu'un de l'autre côté du globe. Visitez votre site Web, les images et beaucoup d'entre elles, un très gros atout lié à votre site Web.

Pour qu'il se charge, nous allons en fait charger à partir d'un serveur local vers eux. Géographiquement. Ce que cela va faire, c'est améliorer considérablement le temps de chargement et la vitesse du site que les visiteurs auront sur le site de votre site Web. Maintenant, CloudFlare a un plan de base gratuit. Ils ont également un plan premium. J'utilise CloudFlare depuis au moins cinq ans, et je n'ai jamais utilisé que le plan de base, ce sera plus que ce dont vous avez besoin et vous verrez une énorme amélioration de la vitesse sur votre site Web.

Je vais donc faire défiler vers le bas et voici les trois étapes pour que cela fonctionne sur notre site Web. Alors allons-y et cliquez sur le bouton de configuration. Dans cette étape, vous pouvez créer un nouveau compte cloud flare, ou vous pouvez cliquer ici où il est indiqué de se connecter existant et de se connecter à votre compte cloud flare existant.

Donc, puisque j'ai déjà un compte cloud flare, je vais me connecter en utilisant mon compte existant. Mais pour vous, si vous n'avez pas de compte, allez-y et créez-en un nouveau. Super. Je me suis connecté à mon compte et vous avez créé un nouveau compte. La prochaine étape consiste donc à choisir ici votre nom de domaine auquel vous souhaitez vous connecter, cloud flare, puis vous devrez cliquer sur activer gratuitement afin de connecter votre site Web à CloudFlare.

Maintenant, ici, vous pouvez également voir certains paramètres de cloud flare que vous pourrez utiliser sur votre site Web. Le quatrième pilier de la vitesse du site utilise . La mise en cache et ce qu'est la mise en cache, va-t-elle créer une copie statique de votre site Web, de sorte que lorsque les gens consultent votre site Web, moins d'activités doivent se dérouler dans les coulisses qui pourraient ralentir les visiteurs qui voient votre site Web.

Je sais que c'est un peu une explication compliquée, juste pour comprendre que si vous utilisez WordPress. Vous devez utiliser une forme de mise en cache. Maintenant, l'énorme avantage de l'utilisation de SiteGround est qu'ils effectuent une grande partie de cette mise en cache de manière transparente dans les coulisses sur ce compte d'hébergement de serveur. Ils le font juste pour vous, mais vous devez réellement l'activer.

Alors me voilà, connecté au panneau de contrôle au sol du site. Vous pouvez donc simplement cliquer là où il est indiqué la vitesse. Et puis il y a cette nouvelle option ici qui dit la mise en cache. Nous voudrons aller de l'avant et cliquer dessus. Et c'est là que nous allons activer. Deux types de mise en cache différents sur votre site Web. Donc, le premier est celui où il est dit cache statique, et vous allez voir une liste des sites Web que vous avez connectés à SiteGround, et tout ce que vous avez à faire est de l'activer simplement en procédant comme ça.

Et maintenant, votre argent est activé. Il existe ici un deuxième type de mise en cache appelé Memcached. Cliquons dessus, et c'est un type de mise en cache qui s'appliquera à l'ensemble de votre compte d'hébergement. Nous allons continuer et cliquer ici pour l'activer également. Maintenant, ces deux mises en cache. Les mécanismes vous permettent de vider l'argent.

Et la façon dont vous pouvez le faire si vous êtes connecté à SiteGround est ce petit balai qui se trouve à droite ici et qui indique de l'argent liquide. Vous pouvez cliquer dessus pour vider Memcached, et lorsque vous êtes sur l'argent statique, il y a aussi la possibilité de vider l'argent juste là. Maintenant, nous devons également activer certaines options ici.

Sur votre site Web dans le plugin d'optimisation SG. Le premier onglet est les paramètres du super caissier. Nous allons vouloir basculer ici là où il est dit mise en cache dynamique, puis nous allons vouloir basculer ici là où il est dit Memcached comme ça. Il existe maintenant des options supplémentaires pour la mise en cache dynamique que vous voudrez peut-être connaître.

La première option est ici où vous pouvez purger le cache et le vider. Il y aura également une option dans votre barre d'administration en haut. Pour vider la caisse. Vient ensuite la purge automatique de la trésorerie. Vous allez vouloir laisser ceci activé. Les principales options que vous souhaitez connaître se trouvent ici. Il dit, à l'exclusion des URL.

Selon le type de site Web que vous avez, il se peut que certaines parties de votre site Web ne puissent pas inclure d'encaissement, car cela causerait un problème. Vous voyez cela généralement avec les sites Web basés sur le commerce électronique. C'est parce que ces types de sites Web ont beaucoup d'options dynamiques, et l'encaissement ne fonctionnera tout simplement pas, n'est-ce pas ?

C'est donc là que vous allez mettre les URL des pages que vous souhaitez exclure de la mise en cache. Tout ce que vous avez à faire est d'entrer l'URL ici, puis de cliquer là où il est indiqué d'exclure pour l'ajouter à la liste d'exclusion, et maintenant votre site va l'être. Entièrement encaissé. Le dernier pilier d'un sitespeed va être des optimisations de performances supplémentaires.

Maintenant, l'optimiseur ou le plug-in SG va également vous offrir diverses options. Donc, le premier serait le chargement paresseux des images. Cela signifie qu'un visiteur charge votre page. Il ne les affichera pas ou ne chargera pas d'image jusqu'à ce qu'ils défilent jusqu'à la partie de la page où cette image est censée se trouver.

Cela va accélérer le chargement de votre site Web et donner l'impression que les visiteurs de votre site Web sont beaucoup plus rapides. Donc, pour activer cela, nous allons cliquer ici où il est dit optimisation d'image, et voici l'option qui dit un chargement paresseux d'images. Nous allons l'activer. Cela nous donne quelques options supplémentaires ici si nous le voulons.
Charge paresseuse. Ceux-ci incluraient Gravatar, RS, les vignettes, les images réactives, les widgets et le chargement paresseux sur les appareils mobiles. Vous pouvez donc les activer comme vous le souhaitez. J'aime bien sûr le chargement paresseux, Gravatar, RS et les vignettes. Le reste est facultatif pour vous. Si un problème est causé par le chargement paresseux, vous pouvez exclure certaines parties de votre site Web du chargement paresseux.

Vous mettriez simplement la classe CSS à ces éléments. C'est un peu technique. Vous feriez cela ici, puis cliqueriez sur exclure. Maintenant, il y a des optimisations supplémentaires, n'est-ce pas ? Voici une option pour les optimisations d'environnement. Vous allez vouloir faire défiler vers le bas et vous assurer que la compression zip G est activée.

Enfin, les optimisations frontales ici. Maintenant, ceux-ci peuvent être un peu délicats et vous pouvez parfois vous attirer quelques ennuis, je vous recommande donc de les activer un par un. Ensuite, vérifiez qu'il n'a pas provoqué de comportement étrange sur votre site Web. Maintenant, vous devriez être assez sûr pour activer la réduction de la sortie HTML.

Vous devez également être en sécurité en activant toutes les différentes options de minification. Alors en voici un pour minifier les fichiers JavaScript. En voici un pour minifier les fichiers CSS. Maintenant, le script Java de blocage du rendu différé. Cela pourrait causer des problèmes. Et lorsque vous allez activer cela, vous allez recevoir un avertissement ici et vous pouvez confirmer si vous voulez que cela s'active ou non.

Et donc c'est celui où vous voudrez certainement vérifier en amont si cela a causé un problème ou non. Voici une autre option pour combiner des fichiers CSS, ce qui pourrait également causer des problèmes. Comme vous pouvez le voir, cela ne déclenche pas de message d'avertissement. Mais sachez simplement que cela peut également causer des problèmes.

Quelquefois. Ensuite, nous avons optimisé le chargement des polices Google qui est inoffensif. Allumons ça. Ensuite, supprimez les chaînes de requête des ressources statiques. Cela m'a causé des problèmes dans le passé, alors soyez prudent. Il s'agit d'une option qui, selon vous, pose problème lorsqu'un plugin ou un thème hors auteur publie une nouvelle mise à jour, puis les choses commencent à devenir bancales sur votre site Web.

Le dernier est les emojis désactivés. Cela ne signifie pas que les emojis ne fonctionneront pas sur votre site Web. Cela signifie simplement qu'il sera chargé de manière plus optimale. Maintenant, je vais jeter un coup d'œil rapide à l'avant de mon site Web pour m'assurer qu'il n'y a pas de problèmes visibles, puis je vais faire un test de vitesse rapide.

Voici donc le site Web, et jusqu'à présent, tout va bien. Mes images se chargent, n'est-ce pas ? Ces petites icônes s'affichent. C'est généralement ce que vous aviez vu problème avec. S'il y a des problèmes que vous rencontrez, euh, l'espacement est correct. Parfois, ceux-ci peuvent se chevaucher s'il y a également un problème.

Tout semble parfait. En fait, cela s'annonce vraiment bien. D'accord, je vais donc aller sur GT metrics.com et je vais continuer et coller l'URL du site Web avec une traînée en arrière, une barre oblique, un clic ici, il est dit de tester votre site. Cela prend juste un moment et ce qu'il va faire est de télécharger votre site Web.

Et ça va vous donner des données. Cela vous permettra de savoir combien de temps il a fallu pour charger. Il va vous dire combien de demandes il y avait, et il va arriver à un score arbitraire. Maintenant, je recommande de ne pas mettre trop de poids dans ce score. Comme vous pouvez le voir, les scores sont. Assez élevé et un et un B ici avec un temps de chargement très rapide de 1,2 seconde, une page, des côtés de moins d'un mégaoctet et seulement 32 requêtes.

Ceci est un site Web utilisant le mentor Ella. Maintenant, je dis toujours, ne mettez pas trop de poids dans ces scores ici. Ce qui compte vraiment, c'est la façon dont votre site Web se sent lorsque quelqu'un vient sur votre site Web, mais vous pouvez voir à partir de ce test que le site se charge extrêmement rapidement. Ce qui est vraiment bien pour un site avec toutes ces images.

Bien, tu l'as maintenant. C'est ainsi que vous pouvez rendre vos sites Web utilisant SiteGround incroyablement rapides, et j'espère que vous avez également vu l'énorme valeur que vous obtenez de SiteGround. Normalement, vous devriez payer des centaines de dollars par an pour obtenir des plugins qui font tout ce qu'ils incluent pour vous.

Déjà avec le service que vous avez avec eux. C'est l'une des raisons pour lesquelles je recommande d'utiliser SiteGround à cause de tous ces avantages supplémentaires qu'ils incluent pour vous et vous n'avez pas besoin d'aller les acheter et ils sont officiellement pris en charge par votre hébergeur. SiteGround, si vous n'avez pas SiteGround, pensez à utiliser le lien que j'ai ci-dessous ou WP crafter.com/siteground si vous avez commandé SiteGround, j'inclus un bonus de cours pour aller avec.

Cela vous aidera à en tirer le meilleur parti. Construire un site Web et tirer le meilleur parti du sol. Dave, vous avez trouvé une certaine valeur dans cette vidéo et j'espère bien que vous l'avez fait. Pensez à donner un coup de pouce et à le partager avec un ami.

Et si vous avez des questions, je vous encourage à les poser dans la section des commentaires ci-dessous.

J'aime répondre à votre question et vous aider de toutes les manières possibles. Hé, merci d'avoir regardé et je vous verrai dans la prochaine vidéo.