jeudi, 02 novembre 2017 11:42

10 conseils avancés pour optimiser la vitesse de chargement de votre site Internet

L'internaute moyen est impatient. Très impatient.

Près de la moitié (47%) des personnes s'attendent à ce qu'une page Web se charge en deux secondes ou moins. Si le chargement prend plus de trois secondes, 40% abandonneront votre site.

Pensez simplement à l'impact négatif sur les conversions. Non seulement un site léthargique nuit à l'expérience utilisateur, mais il affecte également le référencement.

Brian Dean de Backlinko répertorie la vitesse de chargement de la page comme le numéro 20 des 200 facteurs de classement de Google. Il déclare : "Les moteurs de recherche peuvent estimer la vitesse de votre site de manière assez précise en fonction du code et de la taille des fichiers".

Donc, avoir un site lent équivaut à une double peine : il augmente votre taux de rebond, tout en abaissant votre classement.

Heureusement, vous pouvez effectuer plusieurs ajustements pour corriger un site lent, augmenter votre vitesse et améliorer les performances globales du site.



1. Utiliser des outils pour identifier les failles

Il y a deux outils particuliers que j'aime pour l'analyse de la vitesse : Pingdom Website Speed Test et Google PageSpeed Insights.

Entrez simplement votre URL et lancez le test.

Chaque outil vous fournira des résultats et des recommandations sur les éléments de votre site susceptibles d'être améliorés.

C'est un moyen efficace d'évaluer rapidement les zones à problèmes sur votre site. Vous pouvez également déterminer quels éléments fonctionnent correctement et ceux qui pourront être ignorés.

2. Installer un utilitaire de gestion du cache

L'une des suggestions de Pingdom était de tirer parti de la mise en cache du navigateur. C'est peut-être la chose la plus efficace que vous pouvez faire et ce n'est pas difficile.
Si vous utilisez WordPress, vous pouvez le faire en installant un plugin de mise en cache comme W3 Total Cache.

3. Supprimer les chaînes de requête des ressources statiques

Si vous vous demandez exactement ce que cela signifie, les ressources de chaînes de requête sont des URL qui incluent un "?" Ou un "&".

Le problème est que la plupart des serveurs proxy ne peuvent pas mettre en cache ces types de liens qui ralentissent votre site. Vous pouvez améliorer légèrement la vitesse de votre site en supprimant les chaînes de requête.

Il y a plusieurs façons de le faire. La première consiste à installer simplement le plugin Query Strings Remover.

"[Ceci] supprime les chaînes de requête de vos ressources statiques comme les fichiers CSS et JavaScript. Cela améliorera également les performances de votre cache et votre score global dans Google PageSpeed, YSlow, Pingdom et GTmetrix. "

Aucune configuration requise. Il suffit de l'installer

4. Minimiser le code

Si vous êtes familier avec le codage, vous saurez qu'il peut parfois être désordonné. Pour rendre le code plus organisé et plus facile à lire, les programmeurs peuvent ajouter de nouvelles lignes, des espaces comme des caractères et des commentaires pour relayer les informations à d'autres développeurs.

Malheureusement, cela peut ralentir votre site, car chaque morceau de code augmente la taille de votre page.

La minification est une solution efficace à ce problème. Il condense essentiellement le code afin qu'il soit plus léger, accélérant ainsi la vitesse de votre site.

Consultez ce guide de Google pour obtenir des informations et des recommandations sur les outils existants.

5. Corriger les liens brisés

Non seulement les liens rompus perturbent l'expérience utilisateur et rendent votre site non professionnel, ils entraînent des demandes inutiles.

Ces demandes inutiles peuvent nuire à la vitesse du site.

Les liens brisés vers les images sont particulièrement problématiques car ils sont les plus courants. Il est donc important de maîtriser les liens brisés et de les réparer dès que possible.

Encore une fois, il y a un plugin pour ça, Broken Link Checker.

En cas de problème, vous serez averti par e-mail ou via votre tableau de bord. C'est beaucoup plus efficace que de vérifier manuellement votre site pour les liens brisés et peut vous faire économiser beaucoup de temps.

6. Activer la compression GZIP

"GZIP est un format de fichier et une application logicielle utilisée pour la compression et la décompression de fichiers. La compression GZIP est activée côté serveur et permet de réduire davantage la taille de vos fichiers HTML, feuilles de style et fichiers JavaScript."

Traduction : il réduit la taille des fichiers pour accélérer la vitesse de votre site.

Dans certains cas, il peut même réduire la taille des pages jusqu'à 70%.

GZIP est assez commun ces jours-ci, mais vérifiez pour voir si il est activé sur votre site. Pour ce faire, allez sur Check GZIP Compression. Entrez votre URL.

Si ce n'est pas le cas, consultez cette ressource de Kinsta pour savoir comment activer GZIP.

7. Déplacer JavaScript au bas d'un document

Si vos fichiers JavaScript se trouvent en haut d'un document, cela peut entraîner un retard dans le chargement de la page. Inutile de dire que ce délai réduit la vitesse de votre site.

Vous pouvez contourner cela en plaçant simplement les fichiers JavaScript aussi près que possible du bas. Inversement, vous voudrez placer votre fichier CSS en haut de la page.

Cela ne fera pas nécessairement une différence importante, mais cela aidera certainement.

8. Utilisez les sprites d'image

Utiliser beaucoup d'images améliore l'attrait visuel mais génère également plus de demandes vers le serveur et peut allonger le temps de chargement.

Si votre site est lourd, vous pouvez utiliser des sprites pour le charger plus efficacement. Un sprite est une grande image unique qui inclut toutes les images individuelles plus petites.

Donc, si vous avez 12 images, cela entraînerait normalement 12 demandes. Mais utiliser un sprite résulterait en une seule requête.

De cette façon, votre site peut conserver sa qualité esthétique, mais vous pouvez réduire le nombre de demandes au serveur. C'est un procédé gagnant-gagnant.

Consultez ce guide de Tutorial Republic pour plus d'informations et découvrez comment créer des sprites.

9. Empêcher le hotlinking d'images

Le hotlinking, c'est lorsque quelqu'un vole une image de votre site en prenant directement l'URL et l'affiche sur son site.

C'est mauvais pour deux raisons. D'abord, on vole vos images. Deuxièmement, on comme un "vol de bande passante" parce que votre serveur finit par être utilisé chaque fois que la page est chargée.

Cela finit par rendre votre site plus lent. Si le site qui a volé votre image reçoit un volume élevé de trafic, cela peut vraiment faire mal.

Heureusement, c'est un problème assez facile à résoudre.

Au delà des plugins existants, vous pouvez insérer ce morceau de code dans votre fichier .htaccess.

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)example.com/.*$ [NC]
RewriteRule \.(gif|jpg|jpeg|bmp|zip|rar|mp3|flv|swf|xml|php|png|css|pdf)$ - [F]

Bien sûr, vous devrez remplacer "example.com" sur la ligne trois avec le nom de domaine de votre site.

10. Éliminer les "Plugins parasitaires"

Quand je dis parasite, je fais référence aux plugins que vous n'utilisez pas ou qui nuisent à l'expérience utilisateur.

Ne vous méprenez pas. Il y a beaucoup de bons plugins qui aident à augmenter la vitesse et la performance de votre site. Mais en avoir trop peut créer des problèmes de chargement, donc c'est une bonne idée de faire périodiquement un "inventaire des plugins". Voyez ceux que vous utilisez actuellement et qui contribuent activement à votre site et ceux qui occupent simplement de l'espace.
Ensuite, supprimez-les ou désactivez-les.

Conclusion

Certains de ces conseils auront un impact plus profond sur la vitesse et les performances de votre site que d'autres.

Par exemple, l'installation d'un plugin de mise en cache peut considérablement accélérer le temps de chargement, tandis que le déplacement de JavaScript vers le bas d'un document peut n'offrir qu'une légère amélioration. Mais en utilisant toutes ces stratégies en même temps peut améliorer considérablement votre site internet.

En optimisant chaque point individuellement, vous pouvez faire de votre site une machine bien huilée avec un temps de chargement rapide.

Avec quels outils et techniques avez-vous eu du succès pour améliorer la vitesse et la performance de votre site ? Faites-le savoir dans les commentaires ci-dessous.

Version AMP de l'article

Laissez un commentaire

Assurez-vous d'indiquer les informations obligatoires (*).
Le code HTML n'est pas autorisé.