• Assurez la sécurité des applications de la bonne manière! Détectez, protégez, surveillez, accélérez et plus encore…
  • Avez-vous déjà remarqué ce poisson rouge chez vous? Nager sans fin - d'un coin de son aquarium à un autre? Eh bien, la recherche montre qu'il a une meilleure capacité d'attention que vous.

    Je ne plaisante pas.

    La durée d'attention moyenne des êtres humains a chuté de 12 à 20 secondes au cours des XNUMX dernières années, ce qui est inférieur à celui d'un poisson rouge - qui est neuf secondes.

    Bien que cette pépite aléatoire de trivia soit controversé, il a de nombreuses implications, dont l'une est liée au site Web de votre entreprise.

    Tu vois - 53 % des internautes dans le monde trépidant d'aujourd'hui quittent un site Web si le chargement prend plus de trois secondes. Imaginez - vous avez gagné un clic, puis vous l'avez perdu avec les chances de conversion uniquement parce que votre site Web ne s'est pas chargé assez rapidement.

    Ça fait mal, n'est-ce pas?

    Alors que la pertinence de la page et le classement des pages sont toujours des indicateurs importants auxquels un site Web doit adhérer, temps de chargement du site est également une métrique de convivialité vitale, selon Google. Cette métrique ne tient pas seulement compte du rang de page, mais a également un impact énorme sur le taux de conversion et si le visiteur restera ou non sur le site Web.

    Il est donc évident que vous ne pouvez pas vous permettre d'avoir un site à chargement lent. Il y a trop d'incitations en jeu!

    Mais comment fais-tu ça?

    Quels hacks devez-vous mettre en œuvre pour que votre site Web se charge à la vitesse de l'éclair?

    Voici quelques-uns des hacks rapides:

    Activer la mise en cache du navigateur

    C'est peut-être le hack le plus courant pour améliorer le temps de chargement de la page Web. Lorsqu'un utilisateur visite votre site Web pour la toute première fois, les principaux composants de la page Web sont enregistrés dans un stockage temporaire ou sur le disque dur. Cela signifie que leur navigateur peut facilement accéder à votre site Web sans avoir à envoyer au serveur une autre requête HTTP, et que l'utilisateur peut l'ouvrir facilement la prochaine fois qu'il visite votre site - presque instantanément.

    Pour faciliter la même chose, des services tels que Mise en cache Nginx ou alimenté par WordPress W3 Total Cache et WP Rocket sont utiles pour activer la mise en cache du navigateur pour le site Web.

    Limiter et supprimer les plugins

    Les plugins sont «branchés» pour améliorer une fonctionnalité spécifique du site Web, ce qui pourrait inclure l'ajout d'informations supplémentaires, offrir une intégration plus fluide entre votre site et un outil externe, ou modifier les éléments visuels.

    Cependant, un nombre croissant de plugins prend plus de temps à se charger. Un exemple - «Facebook like box» est connu pour ralentir le site Web en ajoutant 700 Ko au poids total de la page! De même, les plugins de qualité inférieure augmentent également les temps de chargement. La clé est de conserver les plugins de haute qualité dont votre site Web a réellement besoin et de supprimer ceux qui ne sont pas nécessaires.

    Cette suggestion n'est pas seulement pour les sites WP mais aussi pour d'autres comme les extensions dans Joomla, les bibliothèques frontales, etc.

    Optimisez votre code CSS

    Il n'y a pas si longtemps, une taille de page Web idéale n'était que de 30 Ko. Attention, cela inclut le contenu, les images, les codes et les graphiques. Bientôt, la popularité du script CSS a augmenté, car il pourrait offrir une expérience utilisateur Web améliorée.

    Cependant, cela a ses inconvénients. Plus vous avez de fichiers CSS sur votre site Web, plus il est obligé de faire de requêtes HTTP, ce qui ralentit le site. Voici trois bonnes pratiques:

    • Rendez le code aussi court que possible en utilisant moins d'opérateurs et de déclarations. Moins de lignes du script CSS signifie moins de cycles de traitement et des temps de chargement de page plus courts.
    • Assurez-vous que votre CMS a déjà optimisé votre CSS. Sinon, utilisez un outil externe tel que Minificateur CSS pour minimiser les fichiers de ressources est conseillé. De cette façon, le site Web se chargera plus rapidement.
    • Évitez d'utiliser CSS dans HTML, comme les balises DIV et H1.

    Il existe d'autres outils pour vous optimiser et formater le CSS.

    Limitez vos redirections 301

    Changer la structure de votre site Web est inévitable. Cela signifie que les URL de vos pages sont également modifiées. Mais comme vous ne voulez pas confondre vos visiteurs Web avec des URL différentes ou réduire le classement de l'une de ces pages, vous vous tournez pour rediriger vos clics d'une ancienne URL vers la nouvelle.

    Les redirections 301 garantissent que l'ancienne URL fonctionne toujours, même si elle n'existe pas techniquement. Cependant, cette solution simple réduit le temps de chargement de la page car le processus crée des liens dans une chaîne que votre navigateur doit traverser pour atterrir sur la nouvelle URL.

    Par conséquent, limitez vos redirections 301.

    Réduisez la taille de l'image

    Les humains ont évolué pour devenir des êtres visuels.

    Il n'est pas surprenant que le cerveau humain traite les visuels 60,000 fois plus rapide que le texte. Et quand il s'agit de sites Web, personne n'aime passer du temps sur un site terne et trop plein d'informations sans aucune représentation visuelle.

    Pas étonnant que tout site Web compétent ait une part équitable de contenu visuel - des images et des diaporamas aux gifs et vidéos, augmentant ainsi leur taux de conversion de 7x.

    Cependant, malgré les aspects positifs, les images augmentent spécifiquement le temps de chargement d'une page Web. Le seul hack pour relever ce défi est de redimensionner les images. Et cela ne signifie pas les recadrer car la page devrait toujours charger l'image entière et l'afficher dans une taille plus petite que sa taille d'origine.

    La solution ici est de redimensionner les images et de les compresser. 25% des pages Web peuvent économiser plus de 250 Ko, et environ 10% d'entre elles peuvent économiser plus de 1 Mo en compressant simplement les gros fichiers, selon Google. Vérifiez le nombre de outils pour compresser les images sans compromettre la qualité.

    Par conséquent, optimisez vos images Web et réduisez le temps de chargement de la page.

    Utiliser un hébergement tiers

    Si votre site Web contient de gros fichiers contenant des images et des vidéos, le temps de chargement de la page augmentera considérablement. De plus, le temps de chargement augmente encore plus si vous utilisez un serveur partagé pour héberger les fichiers, en particulier les vidéos.

    Pour résoudre le problème, partagez les fichiers vidéo sur des plates-formes d'hébergement externes telles que YouTube ou Vimeo. La vidéo peut ensuite être intégrée sur le site Web avec un simple code, améliorant ainsi considérablement la vitesse de chargement du site Web.

    Si vous utilisez WordPress, vous devriez également envisager hébergement premium pour un temps de chargement et une sécurité de page fiables et cohérents.

    Compression et mise en cache

    A Machmétrie L'étude montre que les sites Web ont en moyenne un temps de chargement de page d'environ 8 à 11 secondes. Cela peut sembler un petit nombre, mais comme mentionné précédemment, les visiteurs du site Web n'attendent pas plus de trois secondes pour qu'une page Web s'ouvre.

    C'est là que la compression de tout le contenu statique du site est utile. En général, la compression est davantage un paramètre de serveur. Cependant, si ce n'est pas une option, utilisez des formats de fichiers et d'autres applications comme Gzip, qui identifient les chaînes du même code dans les fichiers texte.

    La plupart des plates-formes d'hébergement offrent une mise en cache à plusieurs niveaux dans leur plan. Parlez à votre fournisseur d'hébergement pour savoir quels sont ceux disponibles et comment vous pouvez les activer sur vos sites. Exemple, SiteGround offre une solution de mise en cache statique, dynamique, Memcached et HHVM.

    Et pour les sites WP, Kinsta offrent une mise en cache côté serveur et un puissant plugin développé en interne pour gérer la mise en cache du site.

    Cela réduira considérablement le temps de chargement de la page du site Web.

    Emballage en place

    La vitesse du site Web compte beaucoup. C'est la première impression que vous faites aux visiteurs pour la première fois. Et oui, les faibles temps de chargement des pages affectent négativement votre classement dans les recherches, l'expérience utilisateur et les conversions. Pourquoi laisser cela se produire alors que le problème peut être résolu facilement avec nos sept hacks?

    De plus, si vous souhaitez vérifier les performances de vitesse de votre site Web sur ordinateur et mobile, vous pouvez le faire sur Audit Geekflare gratuitement.