Navigation

Toutes les catégories

Filtrer par auteur

Voir les derniers articles

5 conseils pour améliorer le temps de chargement de votre site

Le temps de chargement de votre site est un levier essentiel de votre visibilité sur internet. Les utilisateurs sont devenus exigeants et personne ne restera sur votre site...

Publié par Morgane Ponton

Le temps de chargement de votre site est un levier essentiel de votre visibilité sur internet. Les utilisateurs sont devenus exigeants et personne ne restera sur votre site si ce dernier met plus de 5 secondes à se charger.

Ce critère de vélocité est d’autant plus important qu’il contribue à améliorer (ou détériorer) votre ranking sur Google.

Plus votre site sera performant lors de son chargement, plus vous aurez de visites, éviterez un fort taux de rebond, et meilleur sera votre référencement.

1# Mesurez votre performance

Avant de vous lancer dans une mission d’optimisation du temps de chargement de votre site, mesurez votre performance actuelle.

tester la vitesse de votre site

Cela vous donne une idée de l’ampleur du chemin à parcourir et surtout, les éléments les plus critiques sur lesquels vous devez vous concentrer. Commencez par une analyse avec Google PageSpeed Insights, DareBoost, ou GT Metrix.

2# Choisissez correctement votre thème et plugins

Chaque thème de CMS est différent et la manière dont il a été codé joue un rôle prépondérant dans la rapidité de votre site. Vérifiez les avis des développeurs sur la performance du temps de chargement avant de choisir votre thème.

Il en va de même pour les plugins, ce critère de poids doit vous guider dans votre choix de solutions. Enfin, soyez à jour dans les versions, il y a souvent des montées de versions visant à optimiser la performance de ces outils, dont vous pourriez bénéficier.

3# Réduisez la taille de vos images

C’est sans doute les plus consommatrices de votre bande passante, vos images ne seront jamais regardées si elles mettent plus de 3 secondes à s’afficher lors du chargement de votre site.

En plus, vous disposez de plusieurs moyens pour les réduire. Le format, la dimension et le poids. Tous les espaces visuels dans votre site ne méritent pas une photo HD.

compressez vos images avec compressor.io redacteur

Pensez à adapter la qualité et la taille de vos médias en fonction de leur importance dans votre site web. Pour réduire leur poids et les éléments « polluants » de vos images, utilisez  : Compressor.io ou ImageOptim

4# Segmentez les thèmes de vos contenus

Ce n’est pas la quantité de texte qui vous fera monter dans les positions de Google.

En revanche, alléger vos contenus de page améliorera considérablement son temps de chargement. Vous pouvez également diviser une page en trois si les contenus et thèmes traités sont un peu différents.

Cela améliorera le temps de chargement des 3 pages allégées tout comme la lisibilité de votre contenu.

5# Allégez votre code et optimisez vos fichiers

Utilisez la mise en cache

Soyez sympa avec vos visiteurs récurrents, ne les faites pas télécharger systématiquement vos images. La mise en cache consiste à stocker les images de votre site sur la machine du client lors de sa première visite.

Pour les suivantes, le temps de chargement de votre site web sera considérablement réduit et son expérience utilisateur améliorée.

Pour cela, installez un plugin sur votre site ou votre CMS, facile à configurer, qui se charge de la mise en cache des éléments. On vous conseille l’outil Breeze, qui peut aussi s’utiliser pour la minification, que nous allons voir tout de suite.

Minimifiez vos fichiers

Une étape essentielle, mais un peu technique  : la minification des fichiers CSS, HTML et Js.

Elle pourra vous permettre de nettoyer votre code des commentaires et coquilles du développement et de réduire la taille de vos feuilles de style CSS. Apprenez à minimiser vos fichiers dans cet article.

Chargez les scripts en dernier

javascript code redacteur

Une des étapes ralentissant le chargement de votre site web est l’exécution du JavaScript pour des effets ou actions particulières.

En plaçant vos scripts en bas de page dans votre code (juste avant le </script), vous permettez à la plus grande partie du contenu de se charger avant de lancer les scripts. Ainsi, votre page sera plus rapide au chargement.

Il est aussi possible de prioriser le changement des contenus et différer celui des scripts avec l’attribut « defer », comme ci-après  :

« <SCRIPT TYPE=”TEXT/JAVASCRIPT” SRC=”/PATH/FILENAME.JS” DEFER></SCRIPT> »

 

 

Que vous utilisiez un CMS ou un site personnalisé, il existe des solutions pour améliorer leur temps de chargement. Ne négligez pas ce critère dans vos objectifs, sous peine de perdre beaucoup de trafic ou de frustrer vos visiteurs.

Lire la suite de l'article

Newsletter WebActus

Abonnez-vous pour recevoir notre sélection des meilleurs articles directement dans votre boîte mail.

Nous ne partagerons pas votre adresse e-mail.

Articles similaires

Webmarketing

Comment le DMA va impacter le monde de la tech : décryptage de Mozilla

Quel impact aura le DMA sur les géants de la tech, sur les plus petites entreprises mais aussi sur les utilisateurs européens ? Toutes les réponses avec Owen Bennett, Senior...

Publié le par Estelle Raffin
Webmarketing

Microsoft déploie MyAnalytics dans toutes les suites Office365

MyAnalytics est une application qui permet d’obtenir des statistiques sur le temps passé sur ses emails, dans ses réunions Outlook et sur Skype Entreprise....

Publié le par Ludwig Herve