![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327005-638442dfe6eed.webp\")
<\/a><\/p>\n\n Maintenant, il est clair qu’une vitesse de site Web plus lente peut \u00eatre pr\u00e9judiciable \u00e0 vos r\u00e9sultats, mais elle peut \u00e9galement nuire \u00e0 votre classement dans les moteurs de recherche. Google aime les sites Web qui offrent une bonne exp\u00e9rience utilisateur et v\u00e9rifie souvent cela via le pogo sticking et le temps d’attente. La dur\u00e9e pendant laquelle les utilisateurs restent sur votre site Web avant de revenir aux r\u00e9sultats des moteurs de recherche est utilis\u00e9e pour d\u00e9crire \u00e0 quel point votre site est informatif et utile. Bien que la dur\u00e9e moyenne du site Web, votre nombre de visiteurs r\u00e9currents par rapport aux visiteurs uniques, les taux de sortie et les taux de rebond ne soient pas des facteurs de classement de recherche, ils jouent un r\u00f4le essentiel dans l’exp\u00e9rience utilisateur, qui est le facteur de classement de recherche ultime pour Google.\n<\/p>\n
\n Comme nous en avons d\u00e9j\u00e0 discut\u00e9, une faible vitesse de page affecte gravement les exp\u00e9riences de vos utilisateurs et entra\u00eene une chute des classements des moteurs de recherche qui ne vous fera pas remarquer. Par cons\u00e9quent, il est crucial que vous acc\u00e9l\u00e9riez votre site Web pour \u00e9viter les pertes ind\u00e9sirables sur l’ensemble de votre travail acharn\u00e9. Je vous recommande de v\u00e9rifier la vitesse de votre site via l’outil Google PageSpeed. Si vous n’\u00eates pas \u00e0 100, ne vous inqui\u00e9tez pas car m\u00eame Google.com n’a pas 100\/100. Voici les vitesses de page des 10 meilleurs sites Web au monde :\n<\/p>\n
- \n
- Google – 92\/100 (ordinateur de bureau) et 78\/100 (mobile)\n <\/li>\n
- Facebook – 89\/100 (ordinateur de bureau) et 71\/100 (mobile)\n <\/li>\n
- YouTube : 74\/100 (ordinateur de bureau) et 75\/100 (mobile)\n <\/li>\n
- Baidu – 98\/100 (ordinateur de bureau) et 100\/100 (mobile)\n <\/li>\n
- Yahoo – 81\/100 (ordinateur de bureau) et 66\/100 (mobile)\n <\/li>\n
- Wikip\u00e9dia – 85\/100 (ordinateur de bureau) et 66\/100 (mobile)\n <\/li>\n
- Amazon – 87\/100 (ordinateur de bureau) et 46\/100 (mobile)\n <\/li>\n
- Twitter – 81\/100 (ordinateur de bureau) et 45\/100 (mobile)\n <\/li>\n
- Taobao – 80\/100 (ordinateur de bureau) et 59\/100 (mobile)\n <\/li>\n
- QQ- 58\/100 (ordinateur de bureau) et 41\/100 (mobile)\n <\/li>\n<\/ol>\n
\n Google recommande que les sites Web s’efforcent d’atteindre une vitesse de page id\u00e9ale de 85 ou plus pour leurs versions de bureau et d’appareils mobiles. Assurez-vous que votre site Web est compatible avec n’importe quel appareil mobile, car Google lancera une mise \u00e0 jour Mobile Friendly le 21 avril. \u00c9vitez les erreurs courantes de r\u00e9f\u00e9rencement mobile pour vous assurer que votre site ne sera pas affect\u00e9 par cette mise \u00e0 jour.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327005-638442e277672.webp\")
<\/a><\/p>\n\n Il est surprenant de constater que seulement 14 % des 100 meilleurs sites Web s’ouvrent en moins de trois secondes et que pr\u00e8s d’un dixi\u00e8me ont mis 10 secondes ou plus pour fonctionner correctement. Cependant, cela ne sera probablement pas bon pour votre entreprise. Alors, concentrez-vous sur la cr\u00e9ation d’un site Web ultra-rapide qui sera pratique pour vos utilisateurs et plus rentable pour votre portefeuille. Vous trouverez ci-dessous mes 12 meilleurs conseils pour commencer facilement \u00e0 acc\u00e9l\u00e9rer la vitesse de votre page.\n<\/p>\n
\n 1 Optimisez vos images
\n<\/h5>\n\n Avant tout, vous devrez optimiser toutes les images pr\u00e9sent\u00e9es sur votre page Web pour avoir une chance d’acc\u00e9l\u00e9rer votre site Web. Supprimez les commentaires suppl\u00e9mentaires, l’espace inutile et les couleurs inutiles de la source de vos images. Enregistrez vos images au format JPEG car il utilise le moins de capacit\u00e9 tout en conservant une qualit\u00e9 d’image parfaite. Dans Photoshop, vous pouvez utiliser CTRL+MAJ+ALT+S<\/strong> pour optimiser et enregistrer automatiquement les images \u00e0 la plus petite taille possible.\n<\/p>\n
\n Pour votre site WordPress, je conseille d’utiliser le plug-in smush.it<\/a> pour optimiser automatiquement les images de votre site Web et b\u00e9n\u00e9ficier d’un gain de vitesse. Si vous avez des images enregistr\u00e9es au format PNG, vous pouvez \u00e9galement utiliser tinypng<\/a> pour optimiser l’image et am\u00e9liorer \u00e9galement la qualit\u00e9 de l’image.\n<\/p>\n
\n 2 Activer la compression GZip
\n<\/h5>\n\n La compression GZip peut sembler compliqu\u00e9e, mais c’est simplement un grand terme utilis\u00e9 pour r\u00e9duire la taille de la r\u00e9ponse HTTP afin d’am\u00e9liorer le temps de r\u00e9ponse. \u00c9tant donn\u00e9 que cela permet \u00e0 votre site d’envoyer un fichier GZip au lieu d’un fichier HTML au navigateur, vous r\u00e9duirez le temps d’attente et le temps de chargement de la page. Pour le serveur Apache, vous pouvez l’activer en ajoutant le code suivant \u00e0 votre fichier .htaccess :\n<\/p>\n
\nmod_gzip_on Yes\nmod_gzip_dechunk Yes\nmod_gzip_item_include file .(html?|txt|css|js|php|pl)$\nmod_gzip_item_include handler ^cgi-script$\nmod_gzip_item_include mime ^text\/.*\nmod_gzip_item_include mime ^application\/x-javascript.*\nmod_gzip_item_exclude mime ^image\/.*\nmod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*\n<\/code><\/pre>\n\n Cependant, assurez-vous de v\u00e9rifier votre travail avec le v\u00e9rificateur de compression GZip. Si le code n’active pas la compression, supprimez l’ancien et utilisez le code ci-dessous :\n<\/p>\n
# compress text, html, javascript, css, xml:\nAddOutputFilterByType DEFLATE text\/plain\nAddOutputFilterByType DEFLATE text\/html\nAddOutputFilterByType DEFLATE text\/xml\nAddOutputFilterByType DEFLATE text\/css\nAddOutputFilterByType DEFLATE application\/xml\nAddOutputFilterByType DEFLATE application\/xhtml+xml\nAddOutputFilterByType DEFLATE application\/rss+xml\nAddOutputFilterByType DEFLATE application\/javascript\nAddOutputFilterByType DEFLATE application\/x-javascript\n# Or, compress certain file types by extension:\n\nSetOutputFilter DEFLATE\n<\/code><\/pre>\n\n Ou utilisez le code PHP suivant en haut de votre fichier HTML\/PHP :\n<\/p>\n
<?php if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start(\"ob_gzhandler\"); else ob_start(); ?><\/code><\/pre>\n\n 3 Tirez parti du cache de navigation
\n<\/h5>\n\n Un cache de navigation est utilis\u00e9 pour stocker certains fichiers d’un site Web dans le navigateur, mais avoir un cache de navigation obstru\u00e9 peut r\u00e9duire consid\u00e9rablement le temps de chargement. Heureusement, vous pouvez tirer parti du cache de navigation en activant les en-t\u00eates d’expiration dans le fichier .htaccess. Utilisez le code suivant pour activer cette fonction :\n<\/p>\n
## EXPIRES CACHING ##\n\nExpiresActive On\nExpiresByType image\/jpg \"access plus 1 year\"\nExpiresByType image\/jpeg \"access plus 1 year\"\nExpiresByType image\/gif \"access plus 1 year\"\nExpiresByType image\/png \"access plus 1 year\"\nExpiresByType text\/css \"access plus 1 month\"\nExpiresByType application\/pdf \"access plus 1 month\"\nExpiresByType text\/x-javascript \"access plus 1 month\"\nExpiresByType application\/x-shockwave-flash \"access plus 1 month\"\nExpiresByType image\/x-icon \"access plus 1 year\"\nExpiresDefault \"access plus 2 days\"\n\n## EXPIRES CACHING ##<\/code><\/pre>\n\n L’utilisation de l’en-t\u00eate expires pose cependant un probl\u00e8me auquel vous devez faire attention. Une fois que vous avez d\u00e9fini une expiration d’un mois pour un fichier, toute modification apport\u00e9e \u00e0 ce fichier ne sera pas refl\u00e9t\u00e9e pour un utilisateur qui a d\u00e9j\u00e0 visit\u00e9 la page au cours du dernier mois. Il est g\u00e9n\u00e9ralement courant de fixer une date d’expiration pour un an, car il y a moins de chances qu’il y ait des changements au cours de cette p\u00e9riode. Vous pouvez utiliser soit le dernier en-t\u00eate modifi\u00e9, soit un en-t\u00eate etag pour les ressources pouvant \u00eatre mises en cache.\n<\/p>\n
\n 4 Activer Keep-Alive
\n<\/h5>\n\n L’en-t\u00eate Keep-Alive est important pour r\u00e9duire la p\u00e9riode de latence des requ\u00eates ult\u00e9rieures entre le navigateur et le serveur. Une fois que vous avez appuy\u00e9 sur le bouton Entr\u00e9e pour ouvrir un site, les navigateurs demandent au serveur d’envoyer le fichier html de la page Web en question. Ensuite, le navigateur lit. S’il existe un script Java ou CSS, il demande \u00e0 nouveau au serveur d’envoyer les fichiers respectifs. Comme vous pouvez l’imaginer, ces communications augmentent le temps de chargement de votre page.\n<\/p>\n
\n Utilisez un en-t\u00eate Keep-Alive pour maintenir la connexion une fois que les fichiers complets ont \u00e9t\u00e9 transf\u00e9r\u00e9s vers le navigateur pour \u00eatre visualis\u00e9s. Vous trouverez ci-dessous le code utilis\u00e9 dans le fichier .htaccess pour l’activer.\n<\/p>\n
Header set Connection keep-alive <\/code><\/pre>\n\n 5 Utiliser CDN
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327005-638442e579c91.webp\")
<\/a><\/p>\n\n Le r\u00e9seau de diffusion de contenu (CDN) est un ensemble de serveurs Web r\u00e9partis sur plusieurs sites dans le but de fournir plus efficacement le contenu demand\u00e9 aux visiteurs. Vous pouvez utiliser Amazon cloud front<\/a> ou MaxCDN<\/a> pour activer le CDN sur votre site Web.\n<\/p>\n
\n 6 Minifier le CSS
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327005-638442e7560de.webp\")
<\/a><\/p>\n\n Minifier les feuilles de style en cascade (CSS) signifie simplement r\u00e9duire la taille du CSS en supprimant tout espace blanc suppl\u00e9mentaire. Faites attention aux codes inutiles qui ralentissent \u00e9galement votre temps de vitesse. Minifiez votre CSS<\/a> et utilisez le nouveau code pour charger votre site beaucoup plus rapidement. Peu importe que vous utilisiez votre CSS en ligne, combin\u00e9 ou avec des fichiers externes, plus petit sera toujours mieux.\n<\/p>\n
\n 7 Minifier HTML & Javascript
\n<\/h5>\n\n Dans le m\u00eame ordre d’id\u00e9es, vous devez minimiser HTML et Javascript<\/a> pour acc\u00e9l\u00e9rer consid\u00e9rablement le chargement de vos pages. Cela offrira \u00e9galement une meilleure exp\u00e9rience utilisateur.\n<\/p>\n
\n 8 \u00c9vitez les redirections
\n<\/h5>\n