¿Qué son los recursos estáticos?
Los recursos estáticos son archivos que se entregan sin generarse de nuevo para cada solicitud, como imágenes, fuentes, hojas de estilo, scripts y videos. Su contenido cambia solo cuando los archivos almacenados se reemplazan o se vuelven a generar.
Cómo funcionan los recursos estáticos
Estos archivos aptos para el despliegue se producen antes de una solicitud y se sirven directamente desde un origen, un almacenamiento de objetos o una CDN. Un sistema de compilación puede optimizarlos, agruparlos o asignarles una huella digital, aunque la capa de entrega no los renderice para cada visitante. Los nombres basados en el contenido o con versiones permiten un almacenamiento en caché inmutable, mientras que un documento HTML o un manifiesto apunta a las versiones actuales. En los sitios de medios, este grupo puede incluir imágenes y fuentes de la interfaz, así como clips de vista previa, imágenes de póster y recursos descargables.
Datos clave
- Un nombre de archivo que contiene un hash del contenido hace explícita la invalidación de la caché: los bytes modificados producen una URL nueva, mientras que los recursos sin cambios siguen siendo reutilizables entre despliegues y páginas.
- Los tipos MIME correctos siguen siendo importantes para la entrega estática, pero su aplicación varía según el tipo de recurso: los navegadores rechazan los scripts de módulos ES servidos sin un tipo MIME de JavaScript, nosniff añade bloqueos para scripts y hojas de estilo cuyos tipos no coinciden, y las cargas de fuentes y medios generalmente no exigen un Content-Type coincidente, aunque el bloqueo de respuestas entre orígenes de algunos navegadores puede rechazar determinadas respuestas según su tipo.
- El uso de fuentes, canvas y medios entre orígenes puede requerir cabeceras CORS adecuadas; colocar un recurso en una CDN no hace que las API del navegador de otro origen puedan leerlo automáticamente.
Cuándo son importantes los recursos estáticos
Genera huellas digitales de los recursos cuando las versiones puedan cambiar su contenido, para permitir un almacenamiento en caché de larga duración en navegadores y CDN. Sin URL versionadas, los archivos obsoletos en caché pueden entrar en conflicto con el código recién desplegado.