Como fazer cache de áudio/vídeo (*.mp4) (recursos estáticos) usando o CloudFlare CDN?

Last updated Fev 8, 2023

Contente

Por padrão, a CDN da Cloudflare não armazena em cache os arquivos de áudio como .mp3 ou arquivos de vídeo como .mp4. O CloudFlare CND armazenará em cache os seguintes recursos estáticos:

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

No entanto, os arquivos de mídia como .mp3, *.mp4, .avi etc também podem ser considerados recursos estáticos, que podem ser incorporados em HTML5 usando tags de áudio ou vídeo. O armazenamento em cache deles melhorará as experiências do usuário ao ouvir áudio ou assistir a um vídeo em seu site. Para permitir que a cloudflare armazene em cache esses recursos estáticos, você precisará criar uma regra de página que armazene tudo em cache, por exemplo:

Nesse caso, os arquivos mp4 serão armazenados em cache nos servidores de borda. E considerando a frequência de atualização, o navegador armazenará em cache os arquivos mp4 por um ano.

Os recursos estáticos MP4 também podem ser armazenados em cache pelo CDN

Verificação de cache

Para verificar se o CloudFlare CDN realmente armazena os recursos em cache, você pode executar o seguinte comando:

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>

E o texto que você deve procurar na saída é:

QueryString

O wordpress adicionará a string de consulta ?_=1 aos arquivos de vídeo e áudio, para que as URLs sejam diferentes, você pode adicionar * à regra da página (como acima) ou pode alterar o local wp-include/media.php a seguir:

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

e alterado para (aparência duas vezes, uma para áudio e outra para vídeo):

$url = $atts[ $fallback ];

O tamanho máximo dos recursos estáticos que você pode armazenar em cache no CloudFlare CDN é por 512 MB.

Fonte de gravação: helloacm.com