{"id":233061,"date":"2023-02-03T17:39:00","date_gmt":"2023-02-03T14:39:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233061"},"modified":"2023-02-08T12:28:21","modified_gmt":"2023-02-08T09:28:21","slug":"como-fazer-cache-de-audio-video-mp4-recursos-estaticos-usando-o-cloudflare-cdn","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-fazer-cache-de-audio-video-mp4-recursos-estaticos-usando-o-cloudflare-cdn\/","title":{"rendered":"Como fazer cache de \u00e1udio\/v\u00eddeo (*.mp4) (recursos est\u00e1ticos) usando o CloudFlare CDN?"},"content":{"rendered":"

Por padr\u00e3o, a CDN da Cloudflare<\/a> n\u00e3o armazena em cache os arquivos de \u00e1udio como .mp3 ou arquivos de v\u00eddeo como .mp4. O CloudFlare CND armazenar\u00e1 em cache os seguintes recursos est\u00e1ticos:<\/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
No entanto, os arquivos de m\u00eddia como .mp3, *.mp4, .avi etc tamb\u00e9m podem ser considerados recursos est\u00e1ticos<\/a>, que podem ser incorporados em HTML5 usando tags de \u00e1udio ou v\u00eddeo. O armazenamento em cache deles melhorar\u00e1 as experi\u00eancias do usu\u00e1rio ao ouvir \u00e1udio ou assistir a um v\u00eddeo em seu site. Para permitir que a cloudflare armazene em cache esses recursos est\u00e1ticos, voc\u00ea precisar\u00e1 criar uma regra de p\u00e1gina que armazene tudo em cache<\/a>, por exemplo:<\/p>\n
*<\/code><\/pre>\n
Nesse caso, os arquivos mp4 ser\u00e3o armazenados em cache nos servidores de borda. E considerando a frequ\u00eancia de atualiza\u00e7\u00e3o, o navegador armazenar\u00e1 em cache os arquivos mp4 por um ano.<\/p>\n
Os recursos est\u00e1ticos MP4 tamb\u00e9m podem ser armazenados em cache pelo CDN<\/p>\n
Verifica\u00e7\u00e3o de cache<\/h3>\n
Para verificar se o CloudFlare CDN<\/a> realmente armazena os recursos em cache, voc\u00ea pode executar o seguinte comando:<\/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
E o texto que voc\u00ea deve procurar na sa\u00edda \u00e9:<\/p>\n
QueryString<\/h3>\n
O wordpress<\/a> adicionar\u00e1 a string de consulta<\/a> ?_=1 aos arquivos de v\u00eddeo e \u00e1udio, para que as URLs sejam diferentes, voc\u00ea pode adicionar * \u00e0 regra da p\u00e1gina (como acima) ou pode alterar o local wp-include\/media.php a seguir:<\/p>\n
$url = add_query_arg( '_', $instance, $atts[ $fallback ] );<\/code><\/pre>\n
e alterado para (apar\u00eancia duas vezes, uma para \u00e1udio e outra para v\u00eddeo):<\/p>\n
$url = $atts[ $fallback ];<\/code><\/pre>\n
O tamanho m\u00e1ximo dos recursos est\u00e1ticos que voc\u00ea pode armazenar em cache no CloudFlare CDN \u00e9 por 512 MB.<\/p>\n
Fonte de grava\u00e7\u00e3o:  helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Como fazer cache de \u00e1udio\/v\u00eddeo (*.mp4) (recursos est\u00e1ticos) usando o CloudFlare CDN?<\/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":[722,816,1021,846,1091,867],"tags":[1170],"class_list":["post-233061","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvedor","category-plug-ins","category-sites-uteis","category-tutoriais","category-velocidade-do-site","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/233061","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=233061"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/233061\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/224702"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=233061"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=233061"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=233061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}