Démarrage rapide avec le cache de Cloudflare

Tutoriel

Dans cette vidéo, apprenez à mettre en cache votre application en respectant les cache control headers et à optimiser le cache.

Transcription

bonjour Antoine solution engineer chez Cloudflare dans cette vidéo on va voir ensemble comment mettre en place le cache de Cloudflare pour démarrer donc cette vidéo fait partie d'une série de vidéos où on a mis en place ensemble sur une application qui est hébergée dans le cloud on a mis Cloudflare devant ok toute cette partie là avec un dns qui reste là où il est donc un dns géré par un sort de partie ou de 53 etc on a vu ça dans les vidéos précédentes donc on a déjà mis en place ici le WAF et dans cette vidéo on va mettre en place le cache alors sur notre application qu'on a à installer ensemble si on regarde un petit peu les les responsables d'heure que l'on a et regarder si la page est en cache pour cette réponse on peut regarder et on voit qu'on a le cache statut qui est marqué à dynamique donc dynamique ça veut dire sur Cloudflare que ce n'est pas mis en cache mais on voit par contre que mon origine répond avec des cache contrôle donc qui autorise la mise en cache pour 3600 secondes donc ce qu'on va vouloir faire ici dans un premier temps qui est plutôt une bonne pratique c'est de dire à Cloudflare ok bah suis les instructions de cache contrôle parce que souvent voilà ça va être les responsables d'heure qui vont être décidés par mais par mes développeurs pour choisir ce qu'on doit mettre en cache donc on va mettre une règle pour suivre ce cache contrôle et après on pourra on peut tout à fait créer des règles spécifiques mais dans un premier temps c'est plutôt une bonne base donc on est parti donc on va dans l'interface cloudflare et on va aller dans la partie caching donc ici et on va aller sur cache rules là on va cliquer ici créer une règle de cache cache rules et on va appeler cette règle donc polo cache contrôle headers ok donc là dans cette règle et dans les règles de cache en général je peux décider quel est le contenu quelle partie de mon application un va être attrapé par cette règle de cache donc là je vais dire j'ai décidé de tout cacher ok et pour décider comment on cache on l'a vu ensemble je vais dire que tout est cachable mais ok je vais cliquer ici sur edge ttl add settings et je vais laisser cette option cocher use cache contrôle header if present and bypass cache if not c'est exactement c'est exactement ce qu'on ce qu'on veut d'après on pourrait très bien aller customiser le cache mais dans un premier temps c'est plutôt une bonne base donc je clique sur déployer en bas en bas à droite et puis maintenant on va voir ce que ça donne sur notre application alors si je retourne sur mon application et que je recharge ma page c'est que j'inspecte les headers là on voit qu'on a on n'est plus en dynamique on a un miss ok donc ça veut dire qu'on a déjà quelque chose qui a qui a changé donc cloudflare n'avait pas cette requête en cache la première fois qu'on l'a appelé si je rappelle donc je fais un commande r maintenant on a un hit et c'est en cache ici depuis depuis 17 17 secondes donc si je charge cette page plusieurs fois on voit on est toujours un hit donc là on a pu mettre en place le cache vous allez avoir besoin de plusieurs choses premièrement d'observer en fait comment comment le caching se passe côté cloudflare donc dans la partie caching on a l'observité sur overview donc ce qui nous intéresse par exemple les 30 les 30 dernières minutes donc ici j'ai des informations sur le cache et là on voit que ça continue à se à se mettre à jour et en fait ici en cliquant sur hit filter et ben je peux voir voilà les les hits les hits que j'ai eu donc l'idée de cette de cette partie cache et analyse du cache c'est de trouver pourquoi vous avez peut-être des pages qui sont pas mis en cache comme vous l'attendez et puis d'aller travailler là dessus de créer des nouvelles règles de cache pour pour augmenter le cache hit ratio si besoin si vous avez besoin de créer des règles de cache spécifiques vous créez une règle de cache voilà vous pouvez et beaucoup beaucoup de choses en se basant sur ces options je vous laisse regarder alors un point important dont vous allez avoir rapidement besoin c'est besoin de purger donc d'effacer demander à cloudflare d'effacer des choses dans le cache vous avez donc configuration et là vous avez une zone qui s'appelle peur de cache et donc pouvez faire un peur du hall qui n'est pas forcément recommandé puisque ça va ça peut créer beaucoup de charge sur votre origine pouvez faire un custom page par tag donc si vous avez des cash tag présents des renvoyés par votre part à votre application pour taguer le contenu par url par os name etc et bien sûr ça vous pouvez faire appel à l'api pour le faire quelque chose aussi qui peut être intéressant pour améliorer le cache ratio c'est d'activer le triage des paramètres dans les url ok donc si vous avez par exemple une url qui est question marque a égal 14 et signe et b égal 21 la même page le même contenu peut être pour mettre le paramètre b avant et le paramètre a après et ça ferait en fait bas deux pages différentes pour puisque c'est deux url différentes mais qui retrouvera le même contenu pour éviter ça vous pouvez activer le vous pouvez activer cette option qui va trier les les paramètres beaucoup d'optimisation possible et en parlant d'optimisation il ya deux choses rapides dont je voulais vous parler donc la partie un tir de cache alors qu'est ce que ça veut dire que le tir de cache donc ici ce qu'on a ce que nous dit cloudflare sur cette page c'est reduce the request to customer origin donc l'idée c'est d'aller mettre en fait des points présentes cloudflare ok devant d'autres points présentes je vais vous expliquer donc quoi de mieux qu'un exemple pour vous vous expliquer ça et l'intérêt du tir de caching donc ici imaginons que j'ai donc mon origine mon application et que j'ai des d'utilisateurs à travers le monde donc à londres à tokyo à new york à bordeaux imaginons que des utilisateurs dans ces villes appelle tous le même fichier ok et l'eau point mp4 la problématique c'est que pour avoir un hit il faut que ici par exemple new york le peuple de new york les en cache donc quelqu'un demande à new york le fichier le fichier pas en cache miss puis après je vais avoir un hit mais si quelqu'un tokyo demande le même fichier bah ça va redemander à mon origine donc je vais pas avoir un super chr pour cache hit ratio donc l'idée c'est de mettre en place le tir de caching le tir de caching uniquement on a en activant l'option va permettre en fait de mettre des pop devant d'autres pop donc c'est à dire que si je prends un exemple concret ici imaginons que j'ai un utilisateur qui est connecté au pop un pop à bordeaux il demande et le point mp4 le pop de bordeaux n'a pas cette 1 ce fichier donc au lieu que le pop de bordeaux aille directement demandé à mon origine le pop va demander à un autre pop oh ok paris toi qui est le pop au dessus de moi est ce que tu as cette roquette est ce que tu as cette ce fichier non et ainsi de suite et paris va demander à londres ok londres est ce que tu as ce fichier oui je l'ai et le fichier du coup va va redescendre ce qui fait qu'on appellera pas votre votre origine et l'idée du smart share caching c'est que le pop il ya des pop qui seront mis en protection les peuples les plus proches de votre origine seront mis en protection de votre origine pour améliorer le cas shit ratio et donc ce qu'on va pouvoir mettre en place c'est le smart share caching topologie ok qui va laisser cloudflare voilà intelligemment choisir c'est c'est pop c'est pop intermédiaire et le choix va se faire en fonction de mon origine donc très intéressant donc l'idée pour vous dans un set up de démarrage avec le cash de mettre en place ce système de cash rajouter aussi des règles de cash spécifique en fonction de ce que vous allez apprendre de cette analyse ici soit vous avez des règles de cash existantes que vous importez que vous recréez sur cloudflare soit vous avez besoin de passer par une période d'analyse et de regarder un petit peu ce qui pourrait être caché caché ou non bien activer le tiers de caching et ensuite si vous avez aussi besoin d'aller plus loin et d'optimiser votre cas shit ratio donc le baisser la fréquence à laquelle les utilisateurs vont demander à l'origine du contenu mettre en cash plus mettre en cash sur cloudflare pouvez aussi utiliser cette option qui s'appelle cash cash reserve alors je vais vous expliquer à quoi ça correspond donc l'idée de cash reserve c'est de mettre encore en amont de votre origine en fait un un espace un espace de disque ok du stockage juste encore côté cloudflare devant devant votre origine en fait ce qui permet d'éviter la cash eviction donc c'est quoi la cash eviction si vous décidez avec les contrôles les cash control leader de mettre en cash pendant un an un contenu ok sur cloudflare vous pouvez tout à fait décider ça voilà cash contrôle et vous mettez max age un an cloudflare va faire de son mieux pour garder en cash ce fichier mais au vu du contenu qu'on reçoit les requêtes et ce qu'on doit mettre en cash et ben on va parfois devoir à un moment devoir libérer le cash donc ce qu'on appelle la l'éviction du cash pour éviter ce phénomène vous pouvez en fait acheter cash reserve donc qui est un espace disque spécifique à vous qui ne sera pas flushé ok qui ne sera qui sera pas vidé à cause de la cash cash eviction donc c'est cette partie cash cash reserve que vous pouvez activer j'espère que cette vidéo sur le caching sur les bases avec cloudflare vous a été utile pour démarrer si vous avez la moindre question n'hésitez pas à me contacter à bientôt