O que são ativos estáticos?
Ativos estáticos são arquivos entregues sem serem gerados novamente a cada requisição, incluindo imagens, fontes, folhas de estilo, scripts e vídeos. Seu conteúdo só muda quando os arquivos armazenados são substituídos ou reconstruídos.
Como funcionam os ativos estáticos
Esses arquivos implantáveis são produzidos antes de uma requisição e servidos diretamente de um servidor de origem, armazenamento de objetos ou CDN. Um sistema de build pode otimizá-los, empacotá-los ou adicionar identificadores baseados no conteúdo, embora a camada de entrega não os renderize para cada visitante. Nomes baseados no conteúdo ou em revisões permitem cache imutável, enquanto um documento HTML ou manifesto aponta para as versões atuais. Em sites de mídia, esse grupo pode incluir imagens da interface e fontes, além de clipes de prévia, imagens de pôster e recursos para download.
Informações essenciais
- Um nome de arquivo que contém um hash do conteúdo torna a invalidação do cache explícita: bytes alterados produzem uma nova URL, enquanto ativos inalterados continuam reutilizáveis entre implantações e páginas.
- Os tipos MIME corretos continuam importantes para a entrega estática, mas a aplicação das regras varia conforme o tipo de recurso: navegadores recusam scripts de módulos ES servidos sem um tipo MIME de JavaScript, nosniff acrescenta bloqueios para scripts e folhas de estilo com tipos incompatíveis, e o carregamento de fontes e mídias geralmente não exige um Content-Type correspondente, embora o bloqueio de respostas entre origens em alguns navegadores possa rejeitar determinadas respostas com base no tipo.
- O uso de fontes, canvas e mídias entre origens pode exigir cabeçalhos CORS adequados; colocar um ativo em uma CDN não o torna automaticamente legível pelas APIs do navegador em outra origem.
Quando os ativos estáticos são importantes
Adicione identificadores baseados no conteúdo aos ativos quando novas versões puderem alterar seu conteúdo, permitindo cache de longa duração no navegador e na CDN. Sem URLs versionadas, arquivos desatualizados em cache podem entrar em conflito com código recém-implantado.