R\u00e9cemment, plusieurs fr\u00e8res charg\u00e9s de l'exploitation et de la maintenance se sont plaints \u00e0 moi, disant que l'effet d'acc\u00e9l\u00e9ration du site CDN de haute d\u00e9fense n'est pas \u00e9vident, et qu'il est parfois m\u00eame plus lent que la connexion directe. Je suis all\u00e9 jeter un coup d'\u0153il \u00e0 la configuration sur la musique - o\u00f9 est cette acc\u00e9l\u00e9ration ah, simplement dans la station source pour ajouter un blocage.<\/p>\n
Le cas d'une station de commerce \u00e9lectronique est particuli\u00e8rement typique : elle a d\u00e9pens\u00e9 beaucoup d'argent pour acheter un CDN bien connu \u00e0 haute d\u00e9fense, mais l'interface dynamique et les ressources statiques sont m\u00e9lang\u00e9es avec le m\u00eame ensemble de strat\u00e9gies de mise en cache. En cons\u00e9quence, lorsque les utilisateurs visitent la page d'accueil, les images des produits sont mises en cache, mais les informations sur l'inventaire des prix doivent \u00e0 chaque fois retourner \u00e0 la source pour les obtenir, ce qui fait que le temps de chargement de la page est en r\u00e9alit\u00e9 de 4,2 secondes.<\/p>\n
En fait, le probl\u00e8me r\u00e9side dans les r\u00e8gles de mise en cache. De nombreuses \u00e9quipes pensent qu'il suffit d'activer le CDN, mais ignorent les sc\u00e9narios commerciaux les plus critiques pour s'adapter. J'ai d\u00e9couvert qu'une configuration raisonnable du CDN peut faire passer le temps de chargement du premier \u00e9cran de 3 secondes et plus \u00e0 800 millisecondes, et qu'il suffit de faire trois choses : la s\u00e9paration des mouvements, la superposition des caches et l'informatique de pointe.<\/p>\n
Tout d'abord, le fonctionnement de base de la s\u00e9paration statique et dynamique. Ne croyez pas tout le battage m\u00e9diatique sur \u201dl'optimisation en un clic\u201d, j'ai vu trop de sites jeter les interfaces API et les ressources statiques dans la m\u00eame politique de mise en cache :<\/p>\n
Cette configuration est un d\u00e9sastre pour les interfaces dynamiques. Lorsque l'utilisateur soumet une commande, il voit les donn\u00e9es d'inventaire d'il y a dix minutes, et il est \u00e9tonnant qu'il ne passe pas commande. L'approche correcte devrait consister \u00e0 traiter cette question de mani\u00e8re hi\u00e9rarchique en fonction des caract\u00e9ristiques de l'entreprise :<\/p>\n
La deuxi\u00e8me couche d'optimisation est la strat\u00e9gie de mise en cache. cdn5, le fournisseur, a fait un travail intelligent en permettant de d\u00e9finir des strat\u00e9gies de mise en cache diff\u00e9renci\u00e9es pour les n\u0153uds de niveau interm\u00e9diaire et de niveau p\u00e9riph\u00e9rique. Par exemple, lorsqu'un utilisateur fait sa premi\u00e8re demande, le n\u0153ud p\u00e9riph\u00e9rique obtient des ressources de la couche interm\u00e9diaire et les met en cache pendant deux heures, tandis que la couche interm\u00e9diaire les met en cache pendant 24 heures. Cela permet non seulement de garantir l'effet d'acc\u00e9l\u00e9ration du contenu chaud, mais aussi d'\u00e9viter une pression de stockage excessive sur les n\u0153uds p\u00e9riph\u00e9riques.<\/p>\n
Les donn\u00e9es mesur\u00e9es sont tr\u00e8s illustratives : apr\u00e8s avoir activ\u00e9 la mise en cache en couches sur un site web d'information, le trafic de la station source est pass\u00e9 d'une moyenne quotidienne de 3,2 To \u00e0 400 Go, et la demande de 951 TTP3T a \u00e9t\u00e9 trait\u00e9e au niveau du n\u0153ud p\u00e9riph\u00e9rique. Une attention particuli\u00e8re doit \u00eatre accord\u00e9e au secteur de la vid\u00e9o. CDN07 fournit une fonction de mise en cache par tranches qui peut d\u00e9couper les gros fichiers en blocs de 2 Mo et les mettre en cache s\u00e9par\u00e9ment, de sorte que l'exp\u00e9rience de l'utilisateur est beaucoup plus fluide lorsqu'il fait glisser la barre de progression.<\/p>\n
L'informatique p\u00e9riph\u00e9rique est l'endroit o\u00f9 le foss\u00e9 technologique se manifeste r\u00e9ellement.08Host joue le plus sur cet aspect, en permettant l'ex\u00e9cution d'une logique personnalis\u00e9e sur le n\u0153ud CDN. Par exemple, nous pouvons identifier le type d'appareil en fonction de l'agent utilisateur, renvoyer des images au format WebP pour les mobiles et au format AVIF pour les ordinateurs de bureau :<\/p>\n
Les strat\u00e9gies de mise en cache pour la s\u00e9curit\u00e9 sont souvent n\u00e9glig\u00e9es. Certaines \u00e9quipes mettent directement en cache les pages d'erreur pour gagner du temps, ce qui fait que les utilisateurs voient des messages d'erreur 500 mis en cache. L'approche correcte consiste \u00e0 diff\u00e9rencier les codes d'\u00e9tat par des cl\u00e9s de mise en cache :<\/p>\n
Aujourd'hui, m\u00eame les CDN doivent \u201dpr\u00e9venir les co\u00e9quipiers\u201d. Lors d'une intervention d'urgence, nous avons constat\u00e9 que l'attaquant avait intentionnellement demand\u00e9 un grand nombre de ressources avec diff\u00e9rents param\u00e8tres d'URL afin d'\u00e9puiser la capacit\u00e9 du cache. Par la suite, nous avons ajout\u00e9 une liste blanche de param\u00e8tres \u00e0 la cl\u00e9 de cache afin de ne conserver que les param\u00e8tres de requ\u00eate n\u00e9cessaires :<\/p>\n
Le m\u00e9canisme d'\u00e9chauffement est une astuce cach\u00e9e pour am\u00e9liorer l'exp\u00e9rience. En particulier pour les sc\u00e9narios de promotion du commerce \u00e9lectronique, le fait de pousser la page de l'\u00e9v\u00e9nement vers le n\u0153ud p\u00e9riph\u00e9rique \u00e0 l'avance permet d'\u00e9viter l'inondation du trafic :<\/p>\n
Un dernier mot sur le suivi des mesures. Il ne faut jamais se contenter de regarder la mesure de vanit\u00e9 des visites, je me pr\u00e9occupe davantage de la mesure du nombre de visites.taux de r\u00e9ussite des octets<\/strong>\u548cTaux d'\u00e9conomie de d\u00e9bit<\/strong>Un client s'est un jour vant\u00e9 d'un taux de r\u00e9ussite du cache de 80%. Un client s'est un jour vant\u00e9 d'un taux de r\u00e9ussite du cache de 80%. En fait, comme les gros fichiers ne sont pas mis en cache, le taux d'\u00e9conomie de trafic n'est que de 35%, cette pseudo-optimisation est vraiment pitoyable.<\/p>\n Une configuration vraiment professionnelle devrait \u00eatre comme un traitement MTC, adapt\u00e9e aux caract\u00e9ristiques de l'entreprise. Les entreprises du secteur de l'information se concentrent sur les longs cycles de mise en cache, les plateformes de commerce \u00e9lectronique doivent affiner le cache dynamique, les stations vid\u00e9o doivent optimiser la prise en charge des demandes de plage. Je me souviens que lorsque j'ai d\u00e9bogu\u00e9 le CDN d'une plateforme de diffusion en direct, en ajustant la taille de la tranche de cache, j'ai pu r\u00e9duire le taux de retard de 1,2% \u00e0 0,3%.<\/p>\n Si l'on revient au d\u00e9but de l'affaire du commerce \u00e9lectronique, nous avons finalement donn\u00e9 le programme suivant : mise en cache des ressources statiques pendant 30 jours, mise en cache de la page d\u00e9taill\u00e9e du produit pendant 5 minutes, mise en cache de l'interface de prix pendant 10 secondes et ajout d'un m\u00e9canisme de compensation en douceur. Apr\u00e8s la transformation du temps de chargement des pages \u00e0 1,1 seconde, les co\u00fbts trimestriels de la bande passante ont permis d'\u00e9conomiser plus de six cent mille euros.<\/p>\n Le probl\u00e8me avec la technologie, c'est que les gens ont peur de ce qu'ils pensent. Ne regardez pas la documentation du fournisseur et ne dites pas n'importe quoi, ce qui vous convient est le mieux. Chaque fois que je configure les r\u00e8gles de mise en cache, j'utilise curl pour tester les en-t\u00eates de r\u00e9ponse des diff\u00e9rents n\u0153uds p\u00e9riph\u00e9riques afin de m'assurer que les champs Cache-Control et Age r\u00e9pondent aux attentes. Apr\u00e8s tout, si vous travaillez dans ce domaine depuis longtemps, vous savez que le diable se cache dans l'en-t\u00eate de r\u00e9ponse.<\/p>","protected":false},"excerpt":{"rendered":" R\u00e9cemment, plusieurs fr\u00e8res charg\u00e9s de l'exploitation et de la maintenance se sont plaints \u00e0 moi, disant que l'effet d'acc\u00e9l\u00e9ration du site CDN de haute d\u00e9fense n'est pas \u00e9vident, et qu'il est parfois m\u00eame plus lent que la connexion directe. Je suis all\u00e9 jeter un coup d'\u0153il \u00e0 la configuration sur la musique - o\u00f9 est cette acc\u00e9l\u00e9ration ah, simplement dans la station source pour ajouter le blocage. Le cas d'une station de commerce \u00e9lectronique est particuli\u00e8rement typique : elle a d\u00e9pens\u00e9 beaucoup d'argent pour acheter un CDN bien connu \u00e0 haute d\u00e9fense, mais l'interface dynamique et les ressources statiques sont m\u00e9lang\u00e9es avec le m\u00eame ensemble de strat\u00e9gies de mise en cache. En cons\u00e9quence, lorsque les utilisateurs visitent la page d'accueil, les images des produits sont mises en cache, mais le prix des informations d'inventaire doit \u00e0 chaque fois revenir \u00e0 la source, le temps de chargement de la page est en fait de 4,2 secondes. En fait, le probl\u00e8me r\u00e9side dans les r\u00e8gles de mise en cache. De nombreuses \u00e9quipes pensent qu'il suffit d'activer le CDN, mais ignorent les sc\u00e9narios commerciaux les plus critiques pour s'adapter. J'ai d\u00e9couvert qu'une configuration raisonnable du CDN peut faire passer le temps de chargement du premier \u00e9cran de 3 secondes et plus \u00e0 800 millisecondes, et ce, uniquement si l'on utilise le CDN.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"gallery","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[150],"tags":[],"collection":[],"class_list":["post-994","post","type-post","status-publish","format-gallery","hentry","category-updates","post_format-post-format-gallery"],"_links":{"self":[{"href":"https:\/\/www.ddosgj.com\/fr\/wp-json\/wp\/v2\/posts\/994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ddosgj.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ddosgj.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ddosgj.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ddosgj.com\/fr\/wp-json\/wp\/v2\/comments?post=994"}],"version-history":[{"count":1,"href":"https:\/\/www.ddosgj.com\/fr\/wp-json\/wp\/v2\/posts\/994\/revisions"}],"predecessor-version":[{"id":1131,"href":"https:\/\/www.ddosgj.com\/fr\/wp-json\/wp\/v2\/posts\/994\/revisions\/1131"}],"wp:attachment":[{"href":"https:\/\/www.ddosgj.com\/fr\/wp-json\/wp\/v2\/media?parent=994"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ddosgj.com\/fr\/wp-json\/wp\/v2\/categories?post=994"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ddosgj.com\/fr\/wp-json\/wp\/v2\/tags?post=994"},{"taxonomy":"collection","embeddable":true,"href":"https:\/\/www.ddosgj.com\/fr\/wp-json\/wp\/v2\/collection?post=994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}