Krypton Solid

Blog

Una actualización sobre el almacenamiento caché y cómo afecta el desarrollo

cache web

¿QUÉ SIGNIFICA REALMENTE ‘CACHING’?

Intenta recordar tu primer recuerdo de la infancia. OK, ahora intenta recuperar el mismo evento nuevamente. ¿Pudiste recordarlo más rápido la segunda vez? La razón de esto es que una vez que ha recordado el evento, su cerebro guarda automáticamente esa información y la almacena en su memoria reciente, lo que hace que sea mucho más eficiente recordar la segunda vez.

El almacenamiento en caché funciona de la misma manera.

En resumen, el almacenamiento en caché (pronunciado efectivo) es el método de almacenar temporalmente contenido en ubicaciones cercanas al usuario, para que pueda recuperarse de forma rápida y fácil. Existen algunos métodos diferentes para el almacenamiento en caché, sin embargo, los que más utilizamos son el almacenamiento en caché de páginas y el almacenamiento en caché del navegador.

¿QUÉ ES LA NAVEGACIÓN DE NAVEGADOR Y POR QUÉ LA USAMOS?

Durante el almacenamiento en caché del navegador, los elementos de página compartidos conocidos como ‘activos estáticos’, partes del sitio web que no cambian de una visita a otra, como JavaScript, CSS, imágenes, etc., se descargan y almacenan más cerca del usuario. Esto a su vez permite que el navegador recupere estos datos de la ubicación almacenada, en lugar de tener que volver a consultar el servidor web.

Cuando visita un sitio web por primera vez, su navegador envía una solicitud al servidor remoto que aloja el sitio y el servidor a su vez enviará los activos del sitio. Primero será el HTML, ya que esto forma el plan para el sitio, y desde allí se enviarán más solicitudes para los activos estáticos.

Una vez que se haya descargado todo, el navegador determinará qué almacenar en caché y durante cuánto tiempo. Algunos activos se pueden eliminar después de unos pocos días, mientras que otros se pueden almacenar hasta por un año.

LOS BENEFICIOS CLAVES DE LA NAVEGACIÓN DE NAVEGADOR:

  1. Optimización y capacidad de respuesta.

El contenido se puede almacenar en caché en muchos puntos de la ruta de red entre el origen y el consumidor. Cuando se almacena en caché más cerca del consumidor, minimiza el tráfico de red mejorando los tiempos de carga y reduciendo las tasas de rebote, lo que a su vez tiene un efecto positivo en el rendimiento percibido de una página web.

  1. Disminución de los costos de red.

En pocas palabras: menos actividad de red, reduce los costos de red.

  1. Garantizar la disponibilidad

En un mundo donde la experiencia del usuario es clave, el almacenamiento en caché significa que en casos donde ocurren interrupciones de la red a corto plazo o fallas en el servidor, el usuario aún puede acceder al contenido y el sitio web sigue siendo robusto.

¿QUÉ ES LA PÁGINA CACHE Y POR QUÉ LA UTILIZAMOS?

El almacenamiento en caché de la página es cuando un usuario carga una página y el servidor entrega el código front-end pre-procesado al usuario, en lugar de generar una nueva copia.

El propósito de este proceso es evitar la función de cargar el código de fondo para una página, es decir, php, cada vez, lo que a su vez acelera mucho el tiempo de carga de la página.

Probablemente el elemento más notable que ralentiza la mayoría de los sitios web son las consultas Mysql. A veces, especialmente en sitios de comercio electrónico, una página puede tener que hacer docenas de consultas mysql para mostrar la información requerida para mostrar una página. Esto ejerce una gran presión sobre el hardware del servidor y aumenta el tiempo de carga de la página, especialmente en el alojamiento compartido y los servidores de menor potencia.

Al habilitar la memoria caché de la página, evita que el servidor tenga que ejecutar las consultas de backend / DB para representar la página; hace una especie de ‘aquí está uno que hice antes’, cortando el tiempo de procesamiento y, por lo tanto, entregando la página a el usuario más rápido, acelerando el sitio.

Sin embargo, no puede usar cachés de página en todos los sitios. Si su sitio muestra contenido dinámicamente, es decir, el código PHP de fondo ejecuta un script para mostrar aleatoriamente una de las 5 imágenes cada vez que se carga la página. El caché de la página almacenaría solo la imagen cargada originalmente, por lo tanto, este script no funcionará con el caché de la página habilitado. Por lo tanto, es importante probar y considerar el código de cada sitio antes de habilitar un caché de página.

EL LADO NEGATIVO DE CACHING

Uno de los principales inconvenientes con el almacenamiento en caché, particularmente durante el desarrollo de un sitio web, es que puede hacer que los clientes revisen datos obsoletos.

Por ejemplo, si actualizo el contenido de una página, luego cargo esa página y obtengo la versión “aquí hay una que hice antes”, que no muestra el contenido actualizado. Por lo tanto, necesito decirle al sistema de almacenamiento en caché: he realizado una actualización, actualice su caché para ver realmente mi actualización.

Quizás hayamos habilitado el almacenamiento en caché en su sitio web, pero al día siguiente decide que desea cambiar una de las imágenes en su página de inicio. Realizamos el cambio por usted, pero cuando vuelve a ver el sitio, la imagen anterior sigue ahí.

Su máquina ha almacenado en caché la imagen anterior en el disco duro, y no solicitará una nueva imagen hasta que caduque el archivo almacenado en caché.

Afortunadamente, esto es relativamente raro, ya que el servidor generalmente sabe qué activos se han actualizado y deben reemplazarse. Sin embargo, si usted es el único que ve un error en particular en un sitio, esta es probablemente la causa.

LA SOLUCIÓN

Todo lo que necesita hacer para resolver el problema es ‘borrar su caché’. Todos los principales navegadores tienen una opción clara de caché, que eliminará instantáneamente todos sus archivos en caché. Por ejemplo, si está navegando en Google Chrome:

  1. Simplemente haga clic en el botón ‘más’ en la esquina superior derecha de la pantalla
  2. Luego haga clic en ‘más herramientas’
  3. Y luego ‘borrar datos de navegación’

Puede probarlo yendo a una página web que visita con frecuencia. Tenga en cuenta cuánto tiempo tarda en cargar, luego borre la memoria caché y visite la página nuevamente y podrá ver cuánto más tarda en cargarse. Si solo tiene problemas con un sitio web en particular, también puede borrar el caché solo para ese sitio individual, dejando otros intactos, asegurando que su navegación general siga siendo rápida y eficiente.

Alternativamente, puede intentar borrar el caché en el complemento de caché W3. Para hacer esto, simplemente:

  1. Inicie sesión en su panel de administrador de WordPress
  2. Seleccione ‘Rendimiento’ y haga clic en la opción ‘Tablero’
  3. Presione el botón de vaciar todas las memorias caché, ubicado en la parte superior de la página

Deja un comentario