{"id":56254,"date":"2022-04-26T08:09:41","date_gmt":"2022-04-26T07:09:41","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=56254&preview=true&preview_id=56254"},"modified":"2023-11-10T12:48:07","modified_gmt":"2023-11-10T11:48:07","slug":"compression-brotli","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/compression-brotli\/","title":{"rendered":"Compression Brotli : Une alternative rapide \u00e0 la compression GZIP"},"content":{"rendered":"

La vitesse est importante pour tout site web. Dans la qu\u00eate du web pour des temps de chargement rapides, nous disposons d’un certain nombre de technologies diff\u00e9rentes pour nous aider. Une approche consiste \u00e0 minimiser le code sous-jacent que votre site utilisera sans affecter son fonctionnement. La compression GZIP est un moyen d’y parvenir, mais la compression Brotli<\/a> est une autre m\u00e9thode naissante qui retient l’attention.<\/p>\n

Il s’agit d’une solution d\u00e9velopp\u00e9e par Google<\/a> qui semble offrir un certain nombre d’avantages par rapport \u00e0 la compression GZIP (ainsi qu’une alternative \u00e0 celle-ci). Les d\u00e9tails de cet article d\u00e9criront exactement ce que la technologie offre, mais la compression Brotli est rapide et efficace, ce qui remplit toutes les conditions pour que vous l’\u00e9tudiiez.<\/p>\n

Consultez notre guide vid\u00e9o sur la compression Brotli<\/a><\/h3>\n<\/kinsta-video>\n

Pour ce tutoriel, nous allons examiner la compression Brotli et vous montrer comment v\u00e9rifier si votre site l’utilise et comment l’activer si n\u00e9cessaire. Tout d’abord, nous allons situer Brotli dans l’espace des algorithmes de compression et expliquer pourquoi vous souhaitez l’utiliser plut\u00f4t que d’autres solutions.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Compression de donn\u00e9es pour le web<\/h2>\n

Dans sa forme la plus \u00e9l\u00e9mentaire, la compression des donn\u00e9es prend le code d’un site web ou d’une application et minimise la taille du fichier. Cela vous donne des fichiers plus l\u00e9gers \u00e0 d\u00e9placer sur le web et r\u00e9duit le temps<\/a> de chargement et de rendu d’un site web. Vous d\u00e9couvrirez qu’il existe de nombreuses fa\u00e7ons de compresser les donn\u00e9es en fonction du type de fichier avec lequel vous travaillez.<\/p>\n

Une approche courante est la \u00ab minification \u00bb Il s’agit d’un algorithme qui d\u00e9pouille le code de votre site de certains de ses \u00e9l\u00e9ments superflus. L’id\u00e9e est que des aspects tels que les retraits, les commentaires, les espaces blancs et autres augmentent la taille des fichiers, et donc les temps de chargement<\/a>.<\/p>\n\n

La suppression de ces \u00e9l\u00e9ments n’affecte pas l’exp\u00e9rience utilisateur (UX) dans la plupart des situations. Cependant, cela<\/i> rend les choses plus simples pour les ordinateurs qui doivent compiler et rendre le code. Par exemple, prenez cette suite de code :<\/p>\n

define( 'WP_INSTALLING', true );\n\n\/** Sets up the WordPress Environment. *\/\nrequire __DIR__ . '\/wp-load.php';\nrequire __DIR__ . '\/wp-blog-header.php';\nif ( ! is_multisite() ) {\n  wp_redirect( wp_registration_url() );\n  die();\n}\n\n$valid_error_codes = array( 'already_active', 'blog_taken' );<\/code><\/pre>\n
Le code ci-dessus utilise des \u00e9l\u00e9ments comme les espaces et les retours chariot pour le rendre lisible par l’homme, mais un ordinateur n’en a pas besoin pour comprendre le code de base. De plus, ces lots d’espaces et de retours \u00e0 la ligne prennent un espace pr\u00e9cieux qui, supprim\u00e9, peut vous faire gagner en performance.<\/p>\n
Si vous minimisez ce code, il a l’air compl\u00e8tement diff\u00e9rent :<\/p>\n
define( 'WP_INSTALLING', true ); \/** Sets up the WordPress Environment. *\n\/ require __DIR__ . '\/wp-load.php';\nrequire __DIR__ . '\/wp-blog-header.php';\nif ( ! is_multisite() ) {\n  wp_redirect( wp_registration_url() );\n  die();\n}\n\n$valid_error_codes = array( 'already_active', 'blog_taken' );<\/code><\/pre>\n
Cependant, les principes fondamentaux de ce que fait ce code sont toujours les m\u00eames.<\/p>\n
Vous constaterez que d’autres types de fichiers ont des moyens de compresser les donn\u00e9es. Par exemple, les images n\u00e9cessitent souvent beaucoup de compression pour r\u00e9duire leur taille sans grande d\u00e9gradation de l’image elle-m\u00eame :<\/p>\n
\"Un
Un exemple d’image optimis\u00e9e.<\/figcaption><\/figure>\n
La compression GZIP<\/a> est un moyen standard de minimiser la taille des paquets de fichiers – pensez aux paquets tels que ZIP ou aux paquets de Linux .tar<\/code>. Mais jusqu’\u00e0 pr\u00e9sent, il n’existait pas de v\u00e9ritable alternative. Nous parlerons plus tard de la raison pour laquelle une alternative devrait exister, mais tout d’abord, nous allons vous pr\u00e9senter le \u00ab concurrent \u00bb de GZIP<\/p>\n
La compression Brotli<\/h2>\n
En un mot, Brotli est un algorithme de compression de donn\u00e9es. Cependant, si c’\u00e9tait tout ce que nous avions \u00e0 dire, il n’y aurait aucune raison de l’\u00e9tudier.<\/p>\n
Il fournit une compression \u00ab sans perte \u00bb et est d\u00e9velopp\u00e9 par Google sous une licence MIT<\/a>. L’entreprise est souvent \u00e0 l’avant-garde de la technologie d’avancement du web, il n’est donc pas surprenant que Brotli cherche \u00e0 prendre ce que fait GZIP, \u00e0 l’am\u00e9liorer et \u00e0 offrir une exp\u00e9rience am\u00e9lior\u00e9e aux utilisateurs et aux sites.<\/p>\n
La compression Brotli utilise les m\u00eames technologies de base que la compression GZIP, \u00e0 savoir :<\/p>\n