![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-293175-6382f3bba4f92.webp\")
<\/a><\/p>\n\n Dans le cas o\u00f9 un navigateur qui ne prend pas en charge Brotli demande une ressource \u00e0 un site fournissant des fichiers compress\u00e9s Brotli, le serveur se rabattra sur Gzip et fournira les ressources encod\u00e9es que le navigateur prend en charge – \u00e9tant donn\u00e9 que le serveur est correctement configur\u00e9.\n<\/p>\n
\n Qu’est-ce qui rend Brotli meilleur?
\n<\/h5>\n
\n Selon les recherches men\u00e9es par CertSimple<\/a> :\n<\/p>\n \n \u00c9tant donn\u00e9 que la plupart des sites Web s’appuient sur ces trois types d’actifs, il s’agit d’une diff\u00e9rence consid\u00e9rable dans la taille des actifs par rapport \u00e0 Gzip. Ces \u00e9conomies, \u00e0 leur tour, am\u00e9lioreront sensiblement les performances de votre application.\n<\/p>\n \n Malgr\u00e9 ce que vous avez pu entendre, compresser des ressources avec Brotli n’est pas plus lent que Gzip. Cela dit, Gzip et Brotli offrent des niveaux de compression variables, et les param\u00e8tres par d\u00e9faut de Brotli peuvent entra\u00eener une compression plus lente que les param\u00e8tres par d\u00e9faut de Gzip. Vous devrez apporter quelques ajustements \u00e0 Brotli pour trouver un \u00e9quilibre acceptable entre la taille du fichier et la vitesse de compression.\n<\/p>\n \n Le r\u00e9glage de compression id\u00e9al d\u00e9pend de quoi et quand vous compressez. Un bon point de d\u00e9part est Brotli 4 pour une compression plus rapide du contenu dynamique. D’autre part, les actifs statiques peuvent \u00eatre compress\u00e9s plus dens\u00e9ment au pr\u00e9alable sans sacrifier la vitesse, de sorte que le param\u00e8tre par d\u00e9faut de \u00ab\u00a011\u00a0\u00bb est plus appropri\u00e9 pour un tel contenu.\n<\/p>\n \n L’ajout de la prise en charge de Brotli offre des gains significatifs pour un effort minimal. Selon le logiciel de serveur Web que vous utilisez, vous d\u00e9terminerez la m\u00e9thode d’int\u00e9gration que vous devrez utiliser pour int\u00e9grer Brotli. Voici quelques options disponibles :\n<\/p>\n \n Pour illustrer un exemple d’installation rapide, supposons que vous utilisez Nginx. Dans ce cas, vous pouvez installer le module ngx_brotli avec les \u00e9l\u00e9ments suivants :\n<\/p>\n \n Ensuite, ajoutez ce qui suit au bloc HTTPS (Brotli ne fonctionne que sur HTTPS) :\n<\/p>\n \n Vous pouvez modifier les directives ci-dessus comme bon vous semble.\n<\/p>\n \n Enfin, entrez ce qui suit pour red\u00e9marrer NGINX et commencer \u00e0 en r\u00e9colter les b\u00e9n\u00e9fices :\n<\/p>\n \n Brotli est id\u00e9al pour fournir des ressources pr\u00e9-compress\u00e9es beaucoup plus rapidement que Gzip. Cela est d\u00fb au fait que vous pouvez les compresser au niveau le plus \u00e9lev\u00e9 de Brotli (11) et que le serveur d’origine les r\u00e9cup\u00e8re \u00e0 la demande.\n<\/p>\n \n Ce type de configuration fonctionne tr\u00e8s bien avec Webpack car un plugin Webpack est disponible pour compresser automatiquement vos ressources statiques en tant que Gzip et Brotli. Par cons\u00e9quent, aucune compression \u00e0 la vol\u00e9e n’est requise, ce qui signifie que le temps pass\u00e9 \u00e0 compresser les fichiers est \u00e9conomis\u00e9.\n<\/p>\n \n En savoir plus sur l’utilisation de Webpack pour g\u00e9n\u00e9rer des actifs compress\u00e9s Brotli<\/a>.\n<\/p>\n \n Pour profiter pleinement des avantages de Brotli, vous avez besoin d’un r\u00e9seau de diffusion de contenu<\/a> qui le prend en charge. KeyCDN, par exemple, a introduit le support Brotli<\/a> l’ann\u00e9e derni\u00e8re pour tous les clients sans frais suppl\u00e9mentaires. Par cons\u00e9quent, non seulement votre site b\u00e9n\u00e9ficiera de tailles de fichiers r\u00e9duites gr\u00e2ce \u00e0 une meilleure compression Brotli, mais il b\u00e9n\u00e9ficiera \u00e9galement d’une latence r\u00e9duite gr\u00e2ce aux actifs mis en cache sur des serveurs p\u00e9riph\u00e9riques plus proches de vos visiteurs.\n<\/p>\n \n Cette m\u00e9thode n\u00e9cessite que votre serveur d’origine prenne en charge Brotli et que la compression r\u00e9elle se produise du c\u00f4t\u00e9 du serveur d’origine. Encore une fois, cela permet de gagner du temps et d’\u00e9viter le besoin d’une compression \u00e0 la vol\u00e9e qui peut nuire aux performances.\n<\/p>\n \n Le petit effort requis pour ajouter Brotli \u00e0 votre serveur Web vaut bien les \u00e9conomies substantielles de taille de fichier. Bien que Brotli puisse parfois fonctionner plus lentement avec ses param\u00e8tres de compression les plus \u00e9lev\u00e9s, vous pouvez facilement atteindre un \u00e9quilibre id\u00e9al entre la vitesse de compression et la taille du fichier en ajustant les param\u00e8tres.\n<\/p>\n \n Bien que l’utilisation de Brotli puisse transformer des applications Web rapides en applications Web plus rapides, cela ne rendra pas n\u00e9cessairement les applications lentes plus rapides. \u00c9tant donn\u00e9 que Brotli ne compresse que les ressources textuelles, vous devrez optimiser vos images par d’autres moyens. Si vous n’avez pas encore fait le saut vers HTTP\/2, cela peut faire une \u00e9norme diff\u00e9rence dans les performances de votre application. Chaque milliseconde compte, donc toute action que vous entreprenez pour acc\u00e9l\u00e9rer votre application am\u00e9liore vos chances de fid\u00e9liser les utilisateurs.\n<\/p>\n<\/p>\n\n
\n Gzip vs Brotli : tirer le meilleur parti de Brotli
\n<\/h5>\n\n Installation de Brotli sur votre serveur Web
\n<\/h5>\n\n
cd nginx-1.x.x\n$ .\/configure --add-module=\/path\/to\/ngx_brotli\n$ make && make install<\/code><\/pre>\nbrotli on;\nbrotli_static on;\nbrotli_comp_level 4;\nbrotli_types text\/plain text\/css application\/javascript application\/json image\/svg+xml application\/xml+rss;<\/code><\/pre>\nsudo systemctl restart nginx<\/code><\/pre>\n\n Utilisation de Brotli avec des actifs pr\u00e9-compress\u00e9s
\n<\/h5>\n\n Votre CDN prend-il en charge Brotli ?
\n<\/h5>\n\n Gzip contre Brotli : en r\u00e9sum\u00e9
\n<\/h5>\n