En tant que concepteur de sites Web, vous savez déjà qu'un design de qualité est essentiel pour un site Web - il s'agit du concept de confiance auquel vous faites confiance, à moins qu'un site Web soit absolument génial. C'est la raison pour laquelle un excellent design est essentiel pour un site Web.
Cependant, il existe une autre partie essentielle de la création d’un site Web fiable, l’UX positive, qui vient avec un site Web rapide et dynamique.
Après un bon design, la rapidité est l'un des facteurs les plus importants qui contribuent au succès d'un site Web.
le importance d'un site web rapide a été étudié encore et encore.
Les sites qui ne sont pas assez rapides créent une perception négative, le temps de chargement réel d'un site affectant de manière significative les taux de conversion des sites Web.
Au fur et à mesure que le temps de chargement augmente, le taux de conversion diminue considérablement, le taux de conversion optimal atteignant un temps de chargement de 2,4 secondes.
Bien qu'il y ait de nombreux avantages à utiliser un CDN dont nous discuterons sous peu, il y a une prémisse de base sur la façon dont un CDN accélère votre site.
En termes simples, un CDN est beaucoup mieux équipé en tant que réseau pour gérer le trafic d'un site Web que la plupart des services d'hébergement.
L'hébergement partagé est généralement optimisé pour fournir un environnement stable dans lequel votre site Web peut exécuter PHP ou d'autres environnements d'hébergement populaires.
Il n'est pas conçu pour optimiser la vitesse la plupart du temps.
D'autre part, l'objectif principal d'un CDN et la configuration réelle de l'infrastructure visent à fournir un site Web ultra rapide.
Mais comment un CDN accélère-t-il mon site?
Votre site Web peut être lent pour plusieurs raisons:
Il y a d'autres raisons, mais ce sont les principales.
Vous pouvez vous adresser à chacun d'entre eux individuellement, nous nous concentrerons principalement sur les deux derniers ici ...
Les serveurs d'hébergement partagés ne sont pas conçus pour être rapides. Ils sont censés être abordables.
L'économie de l'hébergement partagé signifie que pour réduire les coûts, le nombre de sites Web hébergés sur le même serveur est très élevé.
Cela signifie que chaque fois que quelqu'un visite votre site Web, le serveur d'hébergement est en concurrence pour les ressources avec TOUS les sites Web hébergés sur le site, ce qui signifie qu'il faut généralement plus d'une seconde pour commencer à servir votre site Web.
Maintenant, lorsque nous parlons de créer un site Web, une pénalité d’une seconde avant de commencer à faire des optimisations est une façon terrible de commencer.
Donc, quelques recommandations:
L'un des impacts les plus importants de votre site en termes de temps de chargement provient généralement des images hébergées sur votre site.
Vous trouverez beaucoup de blogs vantant l'intérêt d'utiliser des images sur votre site Web et votre blog, et bien sûr, c'est un excellent conseil.
Les images sont nécessaires pour séparer les gros morceaux de texte et améliorer la lisibilité.
Qui n'a pas entendu parler de la phrase: "Une image vaut mille mots"
Oui, les images sont essentielles au succès de votre site.
Pourtant, ils ont un inconvénient.
Les images non optimisées peuvent tuer le temps de chargement de votre site.
Maintenant, dans un monde idéal, nous recommandons d’enregistrer chaque fichier dans un format compatible avec le Web, d’optimiser les images volumineuses et de les compresser à une taille acceptable, sans perte de qualité.
Pourtant, en réalité, nous n’avons tout simplement pas le temps ou l’envie de suivre un processus d’optimisation pour chaque image.
Mais il y a une solution. Automatisation.
Une fois de plus, les CDN viennent à la rescousse. La compression et l'optimisation de l'image sont généralement des fonctionnalités intégrées d'un CDN.
En résumé, vous créez votre propre site Web avec des images impressionnantes. Le CDN se chargera de la compression et de l’optimisation des images.
Ceci est un autre tueur de vitesse.
Lorsque nous débutons en tant que concepteurs Web, nous apprécions de découvrir de nouveaux plug-ins et de les tester et de les installer sur notre site Web, sans jamais nous rendre compte de l'impact des plug-ins.
Même les concepteurs Web établis ont tendance à tomber dans ce piège. L'utilisation de dizaines de plugins pour s'assurer que la fonctionnalité requise par le client est livrée a ses effets secondaires.
En réalité, chaque plugin que vous installez sur votre site ajoute des fichiers Javascript, des fichiers CSS et nécessite plus de performances de votre site.
Vous verrez cela sous la forme d'un grand nombre de demandes sur des sites de test de performance et un temps de chargement très long.
Encore quelques recommandations:
Alors qu'un CDN ne vous aidera pas à choisir les plug-ins à conserver et quels plug-ins sauvegarder, un CDN peut réellement effectuer une compression et une minification des scripts à la volée, pour réduire la taille totale du contenu de votre site. et donc plus vite.
La troisième et très importante recommandation est la configuration de HTTP / 2 - nous n'allons pas entrer dans les détails, car nous avons déjà discuté de HTTP / 2 de manière approfondie, à la fois sur ce site et autre part .
HTTP / 2 a été écrit spécifiquement pour optimiser le temps de chargement des sites Web, en particulier ceux qui disposent de nombreuses ressources différentes.
La plupart des services CDN vous permettent d'activer rapidement et facilement HTTP / 2 sur votre site Web, ce qui augmente instantanément la vitesse de votre site.
Même si vous avez effectué toutes les optimisations ci-dessus, il reste une chose qui peut totalement tuer la vitesse de votre site Web.
Comment vous corrigez cela?
Ok, si vous avez suivi nos conseils, votre site Web devrait maintenant être beaucoup plus rapide qu’avant.
Mais, il y a une chose qui peut tuer la vitesse de chargement de votre site Web.
Si votre site Web s'adresse à un public local, votre solution est simple: choisissez un bon service d'hébergement aussi proche de votre cible que possible.
Cependant, cela est plus difficile si votre site Web s'adresse à un public international.
Vous ne pouvez tout simplement pas choisir un emplacement de serveur qui est physiquement proche de tous les visiteurs de votre site Web.
Vous pouvez faire la meilleure chose et héberger le visiteur le plus populaire, mais il existe une deuxième solution plus efficace.
Un service CDN vise spécifiquement à résoudre ce problème.
UNE L'infrastructure de CDN est conçu spécifiquement pour résoudre le problème que nous venons de décrire.
Les CDN ont un réseau de centaines de serveurs dans des dizaines de pays. Ces serveurs appelés serveurs Edge ou caching répliqueront vos images et ressources statiques telles que les fichiers Javascript et CSS vers ces emplacements.
Lorsqu'un utilisateur accède alors à votre site, les ressources importantes seront servies depuis un emplacement aussi proche physiquement que possible de votre visiteur.
Cela réduit considérablement le problème de la distance et donne à votre site un avantage très important en termes de vitesse de chargement.
La grande chose à propos de l'utilisation d'un CDN, c'est que vous pouvez facilement augmenter la vitesse de votre site Web sans avoir à payer de frais supplémentaires, en particulier si votre site Web continue de croître.
La plupart des services CDN offrent un plan gratuit, qui fournira la fonctionnalité de mise en cache essentielle dont nous avons parlé ci-dessus. En règle générale, outre l'optimisation du contenu, vous bénéficiez également d'un renforcement de la sécurité de votre site Web, grâce aux mécanismes de sécurité mis en œuvre par les CDN.
Au fur et à mesure que votre site Web se développe et que les besoins du site augmentent, vous serez alors en mesure de passer à un plan qui répond mieux à vos besoins.
Il existe plusieurs manières de configurer un CDN, cela dépend principalement du CDN que vous utiliserez.
La première manière de configurer un CDN consiste à utiliser un plug-in CDN. Lors de la configuration de votre CDN, vous obtiendrez une URL qui sera le nouvel emplacement des images statiques de votre site.
Le plug-in CDN réécrira l'URL des ressources statiques afin qu'elles soient servies à partir du CDN.
https://www.example.com/images/logo-default.jpg
est maintenant réécrit comme
https://cdn.example.com/images/logo-default.jpg
Vous devrez apporter quelques légères modifications aux entrées DNS de votre site, telles que cdn.example.com sera résolu en tant qu'URL fournie par votre CDN.
Vous pouvez utiliser le plug-in CDN Enabler si vous utilisez un service de réécriture d'URL tel que KeyCDN (les auteurs de ce plugin), MaxCDN ou Incapsula.
Une fois que vous avez installé ce plug-in, la seule chose que vous devez faire est de saisir l'URL fournie par votre service CDN, et vous devriez y aller.
Une autre meilleure façon d'installer un CDN consiste à utiliser un proxy inverse.
Cela nécessite également des modifications mineures de votre DNS, qui sont généralement spécifiques au CDN que vous allez installer.
Cette implémentation est avantageuse car elle supprime une charge importante de frapper directement votre serveur.
Comme nous l'avons vu ci-dessus, l'installation d'un CDN n'est pas aussi prohibitive en termes de prix que l'on pourrait le penser. En outre, l’amélioration des performances de votre site sera une amélioration significative de votre UX.
Si vous cherchez à accélérer votre site rapidement, un CDN est un must-have.