{"id":234164,"date":"2023-02-03T17:46:00","date_gmt":"2023-02-03T14:46:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=234164"},"modified":"2023-02-08T12:48:14","modified_gmt":"2023-02-08T09:48:14","slug":"comment-mettre-en-cache-laudio-video-mp4-ressources-statiques-a-laide-de-cloudflare-cdn","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/comment-mettre-en-cache-laudio-video-mp4-ressources-statiques-a-laide-de-cloudflare-cdn\/","title":{"rendered":"Comment mettre en cache l’audio\/vid\u00e9o (*.mp4) (ressources statiques) \u00e0 l’aide de CloudFlare CDN\u00a0?"},"content":{"rendered":"

Par d\u00e9faut, le CDN Cloudflare<\/a> ne met pas en cache les fichiers audio tels que .mp3 ou les fichiers vid\u00e9o tels que .mp4. Le CloudFlare CND mettra en cache les ressources statiques suivantes\u00a0:<\/p>\n

css bmp tif ttf docx    woff2\njs  pict    tiff    eot xlsx     \njpg csv eps woff    xls  \njpeg    doc ejs otf pptx     \ngif pdf swf svg ps   \nico pls midi    svgz    class    \npng ppt mid webp    jar<\/code><\/pre>\n
Cependant, les fichiers multim\u00e9dias tels que .mp3, *.mp4, .avi, etc. peuvent \u00e9galement \u00eatre consid\u00e9r\u00e9s comme des ressources statiques<\/a>, qui peuvent \u00eatre int\u00e9gr\u00e9es dans HTML5 \u00e0 l’aide de balises audio ou vid\u00e9o. La mise en cache de ceux-ci am\u00e9liorera l’exp\u00e9rience des utilisateurs en \u00e9coutant de l’audio ou en regardant une vid\u00e9o sur votre site. Afin de laisser cloudflare mettre en cache ces ressources statiques, vous devrez cr\u00e9er une r\u00e8gle de page qui met tout en cache<\/a>, par exemple :<\/p>\n
*<\/code><\/pre>\n
Dans ce cas, les fichiers mp4 seront mis en cache sur les serveurs p\u00e9riph\u00e9riques. Et compte tenu de la fr\u00e9quence de mise \u00e0 jour, le navigateur mettra en cache les fichiers mp4 pendant un an.<\/p>\n
Les ressources statiques MP4 peuvent \u00e9galement \u00eatre mises en cache par CDN<\/p>\n
V\u00e9rification de la mise en cache<\/h3>\n
Pour v\u00e9rifier si le CDN CloudFlare<\/a> met r\u00e9ellement en cache les ressources, vous pouvez ex\u00e9cuter la commande suivante :<\/p>\n
curl -svo \/dev\/null <a class=\"vglnk\" target=\"_blank\" href=\"https:\/\/justyy.com\/wp-content\/uploads\/2016\/07\/%E6%9C%89%E8%B6%A3%E6%98%AF%E6%9C%80%E5%A5%BD%E7%9A%84%E6%98%A5%E8%8D%AF.mp4\" rel=\"nofollow\"><span>https<\/span><span>:\/\/<\/span><span>justyy<\/span><span>.<\/span><span>com<\/span><span>\/<\/span><span>wp<\/span><span>-<\/span><span>content<\/span><span>\/<\/span><span>uploads<\/span><span>\/<\/span><span>2016<\/span><span>\/<\/span><span>07<\/span><span>\/%<\/span><span>E6<\/span><span>%<\/span><span>9C<\/span><span>%<\/span><span>89<\/span><span>%<\/span><span>E8<\/span><span>%<\/span><span>B6<\/span><span>%<\/span><span>A3<\/span><span>%<\/span><span>E6<\/span><span>%<\/span><span>98<\/span><span>%<\/span><span>AF<\/span><span>%<\/span><span>E6<\/span><span>%<\/span><span>9C<\/span><span>%<\/span><span>80<\/span><span>%<\/span><span>E5<\/span><span>%<\/span><span>A5<\/span><span>%<\/span><span>BD<\/span><span>%<\/span><span>E7<\/span><span>%<\/span><span>9A<\/span><span>%<\/span><span>84<\/span><span>%<\/span><span>E6<\/span><span>%<\/span><span>98<\/span><span>%<\/span><span>A5<\/span><span>%<\/span><span>E8<\/span><span>%<\/span><span>8D<\/span><span>%<\/span><span>AF<\/span><span>.<\/span><span>mp4<\/span><\/a><\/code><\/pre>\n
Et le texte que vous devez rechercher dans la sortie est\u00a0:<\/p>\n
Cha\u00eene de requ\u00eate<\/h3>\n
Le wordpress<\/a> ajoutera la cha\u00eene de requ\u00eate<\/a> ?_=1 aux fichiers vid\u00e9o et audio, afin que les URL soient diff\u00e9rentes, vous pouvez ajouter * \u00e0 la r\u00e8gle de la page (comme ci-dessus) ou vous pouvez modifier la localisation wp-include\/media.php ce qui suit:<\/p>\n
$url = add_query_arg( '_', $instance, $atts[ $fallback ] );<\/code><\/pre>\n
et chang\u00e9 en (apparition deux fois, une pour l’audio et une pour la vid\u00e9o)\u00a0:<\/p>\n
$url = $atts[ $fallback ];<\/code><\/pre>\n
La taille maximale des ressources statiques que vous pouvez mettre en cache sur CloudFlare CDN est de 512 Mo.<\/p>\n
Source d’enregistrement:  helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Comment mettre en cache l’audio\/vid\u00e9o (*.mp4) (ressources statiques) \u00e0 l’aide de CloudFlare CDN\u00a0?<\/p>\n","protected":false},"author":1,"featured_media":224702,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[717,811,1016,841,1086,862],"tags":[1167],"class_list":["post-234164","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpeur","category-plugins-2","category-sites-utiles","category-tutoriels","category-vitesse-du-site","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/234164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=234164"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/234164\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/224702"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=234164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=234164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=234164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}