Comment mettre en cache l’audio/vidéo (*.mp4) (ressources statiques) à l’aide de CloudFlare CDN ?

Par défaut, le CDN Cloudflare ne met pas en cache les fichiers audio tels que .mp3 ou les fichiers vidéo tels que .mp4. Le CloudFlare CND mettra en cache les ressources statiques suivantes :

css bmp tif ttf docx    woff2
js  pict    tiff    eot xlsx     
jpg csv eps woff    xls  
jpeg    doc ejs otf pptx     
gif pdf swf svg ps   
ico pls midi    svgz    class    
png ppt mid webp    jar

Cependant, les fichiers multimédias tels que .mp3, *.mp4, .avi, etc. peuvent également être considérés comme des ressources statiques, qui peuvent être intégrées dans HTML5 à l’aide de balises audio ou vidéo. La mise en cache de ceux-ci améliorera l’expérience des utilisateurs en écoutant de l’audio ou en regardant une vidéo sur votre site. Afin de laisser cloudflare mettre en cache ces ressources statiques, vous devrez créer une règle de page qui met tout en cache, par exemple :

*

Dans ce cas, les fichiers mp4 seront mis en cache sur les serveurs périphériques. Et compte tenu de la fréquence de mise à jour, le navigateur mettra en cache les fichiers mp4 pendant un an.

Les ressources statiques MP4 peuvent également être mises en cache par CDN

Vérification de la mise en cache

Pour vérifier si le CDN CloudFlare met réellement en cache les ressources, vous pouvez exécuter la commande suivante :

Et le texte que vous devez rechercher dans la sortie est :

Chaîne de requête

Le wordpress ajoutera la chaîne de requête ?_=1 aux fichiers vidéo et audio, afin que les URL soient différentes, vous pouvez ajouter * à la règle de la page (comme ci-dessus) ou vous pouvez modifier la localisation wp-include/media.php ce qui suit:

$url = add_query_arg( '_', $instance, $atts[ $fallback ] );

et changé en (apparition deux fois, une pour l’audio et une pour la vidéo) :

$url = $atts[ $fallback ];

La taille maximale des ressources statiques que vous pouvez mettre en cache sur CloudFlare CDN est de 512 Mo.