{"id":1679,"date":"2023-05-23T08:36:04","date_gmt":"2023-05-23T08:36:04","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr\/support\/2023\/05\/23\/7935917-hostinger-cdn-optimisation-du-site-web\/"},"modified":"2025-08-26T21:03:33","modified_gmt":"2025-08-26T21:03:33","slug":"7935917-hostinger-cdn-optimisation-du-site-web","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/fr\/support\/7935917-hostinger-cdn-optimisation-du-site-web\/","title":{"rendered":"Hostinger CDN: Optimisation du Site Web"},"content":{"rendered":"<p class=\"no-margin\">Un <b><a href=\"https:\/\/www.hostinger.com\/tutorials\/what-is-cdn\" target=\"_blank\" class=\"intercom-content-link\">r&eacute;seau de distribution de contenu<\/a><\/b> (en. CDN) est un r&eacute;seau de serveurs proxy distribu&eacute;s g&eacute;ographiquement. Parmi ses avantages, citons la haute disponibilit&eacute;, la performance en servant votre site web &agrave; partir des serveurs les plus proches et les plus rapides vers les utilisateurs finaux, et la r&eacute;silience contre les attaques DDoS.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Notre solution interne, Hostinger CDN, s&rsquo;accompagne d&rsquo;une s&eacute;rie d&rsquo;outils que vous pouvez utiliser pour optimiser votre site web. Pour trouver ces outils, allez dans <b>hPanel<\/b> &rarr; <b><a href=\"https:\/\/hpanel.hostinger.com\/websites\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Sites web<\/a><\/b>, et cliquez sur <b>G&eacute;rer<\/b> &agrave; c&ocirc;t&eacute; du site Web en question. Recherchez ensuite <b>CDN <\/b>et ouvrez ses param&egrave;tres :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2023\/05\/cb3efa17-a330-444b-b1bc-8647c7eccb47.jpg\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Assurez-vous ensuite que le <b>CDN <\/b>est <b>activ&eacute;<\/b> :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2023\/05\/b4fcbf06-54af-40c0-8381-36468704c356.jpg\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Acc&eacute;dez &agrave; d&rsquo;autres param&egrave;tres en cliquant sur la fl&egrave;che <b>&gt; <\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2023\/05\/d49a05ba-aefc-400d-b75a-75ebd3fcd79c.jpg\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Maintenant, explorez les fonctionnalit&eacute;s du <b>CDN<\/b> et faites en sorte que votre site web fonctionne le mieux possible !   <\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_df7dbd34a9\">Compression d&rsquo;images WebP<\/h1><p class=\"no-margin\"><b><a href=\"https:\/\/www.hostinger.fr\/tutoriels\/webp\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">WebP<\/a><\/b> est un format d&rsquo;image moderne qui offre une <b>compression sup&eacute;rieure avec et sans perte pour les images sur le web<\/b>. En moyenne, ce format d&rsquo;image permet une compression sup&eacute;rieure de 30 % &agrave; celle des formats JPEG et JPEG 2000, sans perte de qualit&eacute; de l&rsquo;image.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Si vous activez cette fonctionnalit&eacute;, les images de votre site web sont automatiquement optimis&eacute;es dans un format WebP efficace afin de r&eacute;duire la taille des fichiers et d&rsquo;am&eacute;liorer les temps de chargement sans aucune modification de l&rsquo;URL. Cette fonction est activ&eacute;e par d&eacute;faut, mais vous pouvez facilement la d&eacute;sactiver en d&eacute;sactivant le bouton situ&eacute; &agrave; c&ocirc;t&eacute; de<b> Compression d&rsquo;images WebP <\/b>: <\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2023\/05\/3e96e936-dabf-47c9-9276-8cf832c8fcff.jpg\" alt=\"L'option d'optimisation automatique des images au format WebP\" width=\"400\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Vous pouvez activer ou d&eacute;sactiver cette fonction &agrave; tout moment et plusieurs fois.<\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_ee5db69acb\">Minifier les fichiers CSS<\/h1><p class=\"no-margin\"><b><a href=\"https:\/\/www.hostinger.fr\/tutoriels\/style-css#Quest-ce_que_le_CSS_exactement\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">CSS<\/a><\/b> (en. Cascading Style Sheets) et est un langage qui d&eacute;finit l&rsquo;aspect visuel et la mise en page des pages web. <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">La<b> minification CSS<\/b> consiste &agrave; <b>r&eacute;duire la taille du fichier du code CSS<\/b> en supprimant les caract&egrave;res et les espaces inutiles <b>sans alt&eacute;rer sa fonctionnalit&eacute;<\/b>. Pour activer cette fonctionnalit&eacute;, cochez le bouton situ&eacute; &agrave; c&ocirc;t&eacute; de <b>Minifier les fichiers CSS<\/b> :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2023\/05\/baed6007-1d60-4572-b6f3-0acda1b9c3cd.jpg\" alt=\"L'option de minification des fichiers CSS du site web\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">En g&eacute;n&eacute;ral, l&rsquo;objectif principal de la modification CSS est d&rsquo;optimiser les performances des pages web en r&eacute;duisant la quantit&eacute; de donn&eacute;es qui doivent &ecirc;tre transf&eacute;r&eacute;es du serveur au navigateur. Il s&rsquo;agit donc d&rsquo;une <b>excellente approche<\/b> pour am&eacute;liorer les performances de votre site web. <\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_4b40674ed7\">Minifier les fichiers JavaScript<\/h1><p class=\"no-margin\"><b><a href=\"https:\/\/www.hostinger.fr\/tutoriels\/javascript-introduction-basique\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">JavaScript<\/a><\/b> est un langage de programmation qui ajoute de l&rsquo;interactivit&eacute; et des fonctionnalit&eacute;s dynamiques aux sites web. Il permet aux d&eacute;veloppeurs de cr&eacute;er des &eacute;l&eacute;ments interactifs, de manipuler et de modifier le contenu des pages web et de r&eacute;agir aux actions des utilisateurs, rendant ainsi les sites web plus attrayants et plus r&eacute;actifs.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">La <b>minification des fichiers JavaScript<\/b> consiste &agrave; <b>r&eacute;duire la taille du fichier du code JavaScript<\/b> en supprimant les caract&egrave;res, les espaces et les commentaires inutiles <b>sans modifier sa fonctionnalit&eacute;<\/b>. L&rsquo;objectif de la minification JavaScript est similaire &agrave; celui de la minification CSS, &agrave; savoir optimiser les performances du site web en r&eacute;duisant la quantit&eacute; de donn&eacute;es &agrave; transmettre et en am&eacute;liorant les temps de chargement. La version minifi&eacute;e du fichier offre les m&ecirc;mes fonctionnalit&eacute;s tout en r&eacute;duisant la bande passante des requ&ecirc;tes r&eacute;seau. Pour activer cette fonctionnalit&eacute;, cochez le bouton situ&eacute; &agrave; c&ocirc;t&eacute; de<b> Minifier les fichiers JavaScript <\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2023\/05\/4a0c5bcb-ce31-41e5-a797-e5cff50d1893.jpg\" alt=\"L'option de minifier les fichiers JavaScript du site web\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Plus un fichier contient de code, plus il est volumineux et plus, il prend de temps &agrave; &ecirc;tre charg&eacute;. Il est donc <b>important de minifier les fichiers CSS et JavaScript <\/b>afin qu&rsquo;ils se chargent plus rapidement sur vos pages web.<\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_513d2cc6fc\">Optimisation intelligente des images<\/h1><p class=\"no-margin\">Cette fonction d&eacute;termine <b>la largeur et la qualit&eacute; maximales de l&rsquo;image <\/b>pour les ordinateurs de bureau et les appareils mobiles. Vous pouvez personnaliser ces param&egrave;tres manuellement &agrave; tout moment. <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Cette fonction est activ&eacute;e par d&eacute;faut, mais vous pouvez facilement la d&eacute;sactiver en d&eacute;sactivant le bouton situ&eacute; &agrave; c&ocirc;t&eacute; de l&rsquo;option <b>Optimisation intelligente des images<\/b> :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2023\/05\/55301971-0f36-45c1-89b1-22cc2db12e18.jpg\" alt=\"Option permettant de redimensionner et de compresser automatiquement les images pour les ordinateurs de bureau et les appareils mobiles\" width=\"600\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">En savoir plus : <b><a href=\"https:\/\/www.hostinger.com\/tutorials\/complete-guide-to-image-optimization\" target=\"_blank\" class=\"intercom-content-link\">Guide complet de l&rsquo;optimisation des images pour de meilleures performances des sites Web<\/a><\/b> &#128161;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Am\u00e9liorer la performance de votre site web avec l&rsquo;aide de Hostinger CDN<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[237],"tags":[],"class_list":["post-1679","post","type-post","status-publish","format-standard","hentry","category-protection-cloudflare"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/7935917-hostinger-cdn-website-optimization\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/7935917-hostinger-cdn-optimizacion-de-sitios-web\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/7935917-hostinger-cdn-optimisation-du-site-web\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/7935917-hostinger-cdn-otimizacao-de-sites\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/7935917-hostinger-cdn--\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/comments?post=1679"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1679\/revisions"}],"predecessor-version":[{"id":2655,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1679\/revisions\/2655"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/media?parent=1679"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/categories?post=1679"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/tags?post=1679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}