CDN:Performance optimization

Alibaba Cloud CDN propose un ensemble de fonctionnalités d'optimisation des performances qui réduisent les temps de chargement des pages et l'utilisation de la bande passante, sans modifier votre serveur d'origine.

CDN offre des fonctionnalités d'optimisation qui réduisent les temps de chargement des pages et la consommation de bande passante à deux niveaux :

• Compression : réduit la taille des fichiers texte et des images lors du transfert entre les nœuds périphériques et les navigateurs.

• Optimisation des pages : supprime le code redondant des fichiers HTML, CSS et JavaScript avant leur diffusion aux navigateurs.

Utilisez ces fonctionnalités indépendamment ou conjointement, en fonction de votre type de contenu et de vos objectifs de performance.

Fonctionnement de la compression

Lorsqu'un navigateur demande une ressource, il envoie un en-tête de requête HTTP Accept-Encoding répertoriant les algorithmes de compression pris en charge (par exemple, br, gzip). CDN lit cet en-tête et diffuse la version la plus petite du fichier que le navigateur peut décompresser.

Le flux de requête se déroule comme suit :

1. Le navigateur envoie une requête au nœud périphérique CDN avec Accept-Encoding: br, gzip.

2. Le nœud périphérique vérifie si une version compressée du fichier est déjà mise en cache.

3. Si ce n'est pas le cas, le nœud périphérique récupère le fichier depuis votre serveur d'origine.

4. Le nœud périphérique compresse le fichier et met le résultat en cache.

5. Le nœud périphérique renvoie le fichier compressé au navigateur.

Fonctionnalités de compression

Alibaba Cloud CDN prend en charge les fonctionnalités de compression suivantes.

Compression intelligente

La compression intelligente compresse les fichiers à l'aide de Gzip ou Brotli avant de les diffuser aux navigateurs. CDN sélectionne l'algorithme en fonction de l'en-tête Accept-Encoding envoyé par le navigateur.

Conditions de compression :

• Taille du fichier : 1 Ko à 10 Mo

• Types de fichiers pris en charge : fichiers texte tels que HTML, CSS, JavaScript, XML et JSON

Cas où CDN ne compresse pas :

• Le navigateur n'inclut pas d'en-tête Accept-Encoding, ou l'en-tête ne répertorie ni gzip ni br.

• Le fichier est déjà compressé (par exemple, fichiers JPEG, PNG, MP4 ou ZIP). La compression de fichiers déjà compressés augmente leur taille.

• Le fichier est inférieur à 1 Ko ou supérieur à 10 Mo.

Brotli contre Gzip :

Lorsque le navigateur prend en charge les deux algorithmes, CDN privilégie Brotli pour obtenir de meilleurs taux de compression.

Compression automatique

La compression automatique réduit la taille des fichiers image en supprimant les métadonnées et en ajustant les paramètres de qualité, sans modifier le format ni les dimensions. Cette fonctionnalité s'applique aux images stockées sur votre serveur d'origine et fonctionne indépendamment de la compression intelligente, qui cible les fichiers texte.

Fonctionnalités d'optimisation des pages

L'optimisation des pages supprime les caractères redondants — tels que les espaces blancs, les commentaires et le formatage inutile — des fichiers source. Des fichiers plus petits se chargent plus rapidement et réduisent la quantité de données transférées vers les navigateurs.

Alibaba Cloud CDN prend en charge l'optimisation pour trois types de fichiers :

Optimisation HTML

L'optimisation HTML supprime les commentaires, les espaces blancs redondants et les lignes vides des fichiers HTML avant qu'ils n'atteignent le navigateur. Cela réduit la taille du fichier sans modifier le rendu ou le comportement de la page.

L'activation de l'optimisation HTML améliore les métriques de performance suivantes pour les pages contenant de volumineux payloads HTML :

• Time to First Byte (TTFB) : les fichiers plus petits sont transférés plus rapidement.

• First Contentful Paint (FCP) : le navigateur peut analyser et afficher le contenu plus tôt.

• Largest Contentful Paint (LCP) : la réduction de la taille HTML raccourcit le pipeline de rendu global.

Optimisation CSS

L'optimisation CSS supprime les commentaires, les espaces blancs et les caractères inutiles des fichiers CSS. Le fichier résultant est fonctionnellement identique à l'original, mais plus petit.

Optimisation JavaScript

L'optimisation JavaScript supprime les commentaires et les espaces blancs des fichiers JavaScript. Cela réduit la quantité de JavaScript que le navigateur doit télécharger et analyser avant que la page ne devienne interactive.

Préchargement d'URL

Le préchargement d'URL vous permet de pousser du contenu vers les nœuds périphériques CDN avant que les utilisateurs ne le demandent. Au lieu d'attendre que le premier utilisateur déclenche une récupération depuis l'origine, soumettez une liste d'URL et CDN récupère et met proactivement en cache ces ressources.

Utilisez le préchargement d'URL lorsque :

• Vous publiez du nouveau contenu (articles, pages produits, fichiers multimédias) et souhaitez qu'il soit immédiatement disponible sur les nœuds périphériques.

• Vous anticipez un pic de trafic et souhaitez réchauffer le cache à l'avance.

• Vous venez de purger du contenu mis en cache et souhaitez repeupler les nœuds périphériques sans attendre le trafic utilisateur.

Fonctionnement du préchargement d'URL :

1. Soumettez une liste d'URL via la console CDN ou l'API.

2. CDN récupère chaque URL depuis votre serveur d'origine.

3. CDN met en cache le contenu récupéré sur les nœuds périphériques.

4. Les requêtes utilisateur suivantes sont servies depuis le cache périphérique — aucune récupération depuis l'origine n'est requise.

Conditions pour le préchargement d'URL :

• La ressource de chaque URL doit être accessible publiquement depuis le nœud périphérique CDN.

• L'URL doit appartenir à un nom de domaine accéléré configuré dans Alibaba Cloud CDN.

• Des quotas de préchargement s'appliquent par compte. Consultez la console CDN pour connaître votre quota actuel et votre utilisation.

Choisir les bonnes fonctionnalités

Activez les fonctionnalités individuellement et surveillez l'impact sur votre taux de succès du cache et vos métriques de bande passante avant d'activer des fonctionnalités supplémentaires.

Notes d'utilisation

• N'activez pas la compression intelligente si votre serveur d'origine compresse déjà les réponses. Si le serveur d'origine renvoie un fichier encodé en Gzip et que CDN tente de le compresser à nouveau, le fichier résultant peut être corrompu ou plus volumineux que l'original.

• Testez d'abord l'optimisation des pages dans un environnement de préproduction. La minification ne supprime que les espaces blancs et les commentaires, mais certains anciens fichiers JavaScript contiennent une syntaxe qui se brise lorsque les espaces blancs sont supprimés (par exemple, des instructions sans point-virgule qui reposent sur l'insertion automatique de point-virgule).

• La compression intelligente et la compression automatique sont des fonctionnalités indépendantes. L'activation de l'une n'active pas l'autre. Les fichiers texte passent par la compression intelligente ; les images passent par la compression automatique.

• Le préchargement d'URL consomme de la bande passante d'origine. Chaque requête de préchargement déclenche une récupération depuis l'origine. Préchargez de grands volumes de contenu pendant les heures creuses pour éviter de surcharger votre serveur d'origine.