Cómo almacenar en caché los recursos estáticos utilizando el almacenamiento en caché HTTP en Nginx
Habilitador recursos estáticos o almacenamiento en caché de contenido es un método posible para Nginx mejoramiento. Cada vez que un navegador visita un sitio web, Nginx descarga el almacenamiento en caché de archivos particulares, como activos de imágenes estáticas al navegador web individual en lugar de servir cada archivo. Como resultado, sus sitios web con Nginx se cargan más rápidamente en el navegador.
En esta publicación, aprenderás Cómo almacenar en caché los recursos estáticos utilizando el almacenamiento en caché HTTP en Nginx. Antes de avanzar hacia el procedimiento de almacenamiento en caché del contenido estático, primero, comprenda el concepto básico de contenido estático y cómo se almacena en caché el contenido estático en Nginx.
¿Qué es el contenido estático?
Cualquier archivo almacenado en un servidor y se sirve a los usuarios cada vez, de la misma manera, se conoce como contenido estático. La funcionalidad de contenido estático es similar a un periódico. Como se publica un periódico, todos los que recogen una copia verán las mismas historias y fotografías todo el día, independientemente de lo que ocurran los nuevos eventos durante el día.
El contenido de la mayoría del sitio web se basa en archivos estáticos pre-formateados. Es poco probable que estos archivos estáticos cambien con el tiempo y para otros usuarios también. En comparación con los archivos dinámicos generados "en la mosca" en función de la información de la base de datos, los archivos estáticos son los candidatos predeterminados para almacenar en caché. Ejemplos de contenido estático son imágenes, música, javascript, películas y archivos CSS.
Cómo almacenar recursos estáticos en Nginx
El método típico para el almacenamiento en almacenamiento web es guardar una copia del archivo estático en un caché. Este proceso permite que el contenido estático se acerque al usuario del sitio web y entregue los recursos estáticos más rápidamente la próxima vez. El contenido estático o los recursos pueden ser almacenados en caché por las redes de entrega de contenido (CDN) y los navegadores durante una cantidad predeterminada de tiempo y sirvieron a los usuarios siempre que se solicite ese recurso estático. Como el contenido estático no cambia con el tiempo, los usuarios pueden recibir los mismos archivos varias veces.
¿Qué son los encabezados de caché HTTP en Nginx?
Para definir las duraciones de los caché e indicar contenido web almacenable, los desarrolladores web utilizan Cabezales de caché HTTP. Puede personalizar su estrategia de almacenamiento en caché mediante el uso de diferentes encabezados de caché, que aseguran la frescura de su contenido o recursos estáticos.
Por ejemplo, "Cache-Control: Max-Age = 3600"Declara que el archivo en particular solo se puede almacenar en caché durante una hora después de eso, debe volver a cargarse de la fuente. Etiquetar un solo o grupo de archivos por separado puede llevar mucho tiempo. Al implementar métodos cognitivos capaces de anular el encabezado de caché, los CDN modernos le permiten evitar esta práctica.
Ahora, le mostraremos cómo habilitar el almacenamiento en caché estático usando el almacenamiento en caché HTTP en Nginx. Si su sitio web comprende muchos recursos o contenido estáticos, entonces el método proporcionado lo ayudará a acelerar la carga de páginas web. Para seguir el método dado a continuación, debe tener Nginx instalado y habilitado en su sistema.
Cómo habilitar el almacenamiento en caché de los recursos estáticos utilizando el almacenamiento en caché HTTP en Nginx
En primer lugar, presione "Ctrl+Alt+T"Para abrir la terminal. Después de eso, ejecute el comando otorgado a continuación para abrir el archivo de configuración NGINX en su editor nano:
$ sudo nano/etc/nginx/nginx.confusión
Estamos habilitando el almacenamiento en caché estático en el archivo NGINX predeterminado. Si tiene múltiples hosts y sitios virtuales, debe agregar la siguiente configuración dentro de cada archivo de configuración:
Agregue las siguientes líneas para almacenar en caché los recursos estáticos, como archivos CSS, imágenes, iconos, archivos JavaScript:
Ubicación ~* \.(css | gif | jpg | js | png | ico | otf | sng | xls | doc | exe | jpeg | tgx) $
access_log apagado;
expira max;
Hemos agregado el "Access_log Off"Deshabilitar el inicio de sesión de acceso para no alcanzar el límite de E/S. Mientras que el "expirarEl encabezado comprende la información relacionada con la disponibilidad del contenido en caché en el caché de su navegador. "expirar"Es un Encabezado http que se pueden colocar dentro de los bloques presentes en el archivo de configuración, como el servidor, http , y el ubicación bloquear. Por lo general, el "expirarSe agrega el encabezado HTTP en el bloque de ubicación para almacenar en caché los archivos estáticos:
Ahora presiona "CTRL+O"Para guardar los cambios que hemos realizado en el archivo de configuración de Nginx:
Ejecutar el "nginx"Comando con el"-TOpción para probar el Nginx archivo de configuración y su sintaxis:
$ sudo nginx -t
Ahora, reinicie el Nginx escribiendo el comando otorgado en su terminal:
$ sudo systemctl reiniciar nginx
Cómo probar el almacenamiento en caché de los recursos estáticos utilizando el encabezado HTTP en vivo en Nginx
Para su sitio web que se ejecuta en un Nginx Servidor web, puede agregar la extensión Live HTTP Header Live en su navegador para probar el proceso de almacenamiento en caché.
Por ejemplo, estamos agregando el encabezado HTTP en vivo a nuestro navegador Firefox haciendo clic en el "Agregar a Firefox" botón:
Permitir el encabezado HTTP en vivo para acceder al sitio web y a los datos relacionados con el navegador:
A continuación, abra su sitio web para el cual ha habilitado el almacenamiento en caché del contenido estático en su archivo de configuración, y verá que el encabezado HTTP muestra toda la información relacionada con los recursos de caché:
También puedes presionar "Ctrl+Shift+I"Para abrir las herramientas del desarrollador. Carga su sitio web pocas veces, y notará que la velocidad de carga web se mejora mucho ya que la mayoría de los recursos se almacenan en caché durante la primera carga de la página web:
Conclusión
En un sitio web, el contenido estático es un tipo de contenido que no cambia en las páginas web. Si su sitio web comprende recursos o contenido estáticos, puede mejorar su rendimiento al habilitar el almacenamiento en caché, que almacena contenido estático para un acceso más rápido en el navegador. En esta publicación, hemos explicado lo que contenido estático es, Cómo funciona el almacenamiento en caché estático en nginx, y tu puedes RECURSOS ESTÁTICOS CACHE o contenido utilizando caché HTTP en Nginx. Además, también hemos demostrado cómo Para probar el almacenamiento en caché de los recursos estáticos utilizando el encabezado HTTP Live.