Memoria de caché de un sitio web: Guía del 110% para el servidor de caché y el navegador (2021)

Un sitio web de WordPress sin velocidad es como una nevada. Nadie estará feliz por eso y mucha gente se mantendrá alejada hasta que vuelva a calentarse. Obviamente, no te permitas dejar que esto suceda en tu sitio.

Si desea crear un entorno acogedor y caliente en su sitio web de WordPress, debe ser rápido. No hay información sobre esto. Sin una carga rápida de páginas y contenido, perderá visitantes. Esto es un hecho. Pero una forma de resolver esto es mediante el caché adecuado de un sitio web. Como lo demuestra este diagrama de abandono de la página de Kissmetrics:

… Los visitantes simplemente no tienen la paciencia para esperar. ¿Entonces, qué estás haciendo? Para empezar, obtendrá un plan de alojamiento web sólido. Entonces puedes lanzar un CDN encima para una buena medida. Y, por supuesto, optimice las imágenes antes y una vez que están en WordPress. Pero, ¿qué pasa con el almacenamiento de sitios web? ¿Ha analizado cómo usar WordPress Browser Cache, así como el caché del servidor y cómo podría mejorar aún más el tiempo de carga en su sitio web? La memoria en el caché de un sitio web puede significar la diferencia entre un visitante feliz y frustrado. Echemos un vistazo. Examinaremos los beneficios de almacenar sitios web en el caché, los diversos tipos que puede usar para su sitio de WordPress y también analizaremos las herramientas que puede usar para beneficiarse de él.
Nuestro equipo de WP Buffs ayuda a los propietarios de sitios web, socios de agencias y socios independientes a implementar caché en sus sitios web de WordPress. Ya sea que necesite que administremos un sitio web o que admitan 1000 sitios de clientes, ¿lo respaldaremos. Memoria de un sitio web? ¿Qué es esto? Entonces … ¿Cuál es el almacenamiento de sitios web en el caché? Ha hecho todo lo que cree que puede optimizar su sitio web de WordPress para la velocidad y la seguridad, y sin embargo, la velocidad de carga está disminuyendo. Así que abra su herramienta de prueba de velocidad favorita (como Google PageSpeed ​​Insights) y vea sugerencias de optimización como:
Si Google le dice que use el caché del sitio web, entonces es mejor que lo haga. Haga clic para enviar un tweet primero, por supuesto, debe comprender cuáles son los sitios web de almacenamiento. Entonces, desglosemos esto: cuando alguien visita su dominio, no es como si el sitio aparezca mágicamente en su pantalla. Todas esas piezas que ha desarrollado y compilado juntas en WordPress deben transmitirse al navegador del usuario para que pueda ver el sitio web. Esto significa que el contenido, las imágenes, los scripts, las hojas de estilo y todas las otras piezas al azar de su sitio deben moverse de alguna manera desde su servidor hasta su navegador cuando se solicite. Lo que está pasando así:

El visitante carga la URL en su navegador.
El navegador envía una solicitud a su servidor que dice “Hola, me gustaría ver este sitio web ahora”. Esto se llama solicitud HTTP.
El servidor luego recopila los materiales solicitados y los envía. Aquí es donde se lleva a cabo la desaceleración, especialmente si no se ha hecho nada para minimizar los scripts, los archivos GZIP, optimizar el tamaño de la imagen, etc.. Una vez que los archivos se hayan transmitido, el navegador mostrará el sitio web. El proceso se repetirá cuando el visitante accedirá a una nueva página. Como puede imaginar, todas estas solicitudes de servidor pueden fortalecer el sistema y afectar fuertemente su rendimiento si su contenido no está optimizado para la velocidad.
Es por eso que el rendimiento es una preocupación tan común entre los desarrolladores de WordPress. La primera impresión que causa con un visitante es un gran problema, por lo que si lleva demasiado tiempo cargar, podría deshabilitar (y tal vez permanentemente) a alguien en su marca. Haga clic para enviar tweet con solo una visita.
Es por eso que necesita el almacenamiento del sitio web en el caché. En los términos más simples, así es como funciona el proceso:
El visitante carga la URL en su navegador.
El navegador envía una solicitud a su servidor que dice “Hola, me gustaría ver este sitio web ahora”.
Luego, el servidor piensa: “Bueno, acabo de enviar esta página a otro visitante y desde entonces nada ha cambiado, así que enviaré la misma persona a este tipo”. Este es el almacenamiento de sitios web en caché. Todas las imágenes, contenido, scripts y archivos de texto se transforman en un archivo HTML estático y se envían al visitante. Luego, los visitantes posteriores reciben la copia del archivo que su servidor ha mantenido exentos en el servidor de que deben repetir el mismo proceso. Una vez que los archivos se hayan transmitido, el navegador mostrará el sitio web.
La memoria de caché se “arroja” cuando se actualiza la página o cuando el caché ha expirado. (Lo que explicaré en breve). Y la solicitud y el procesamiento de HTTP comienzan nuevamente.
Como puede imaginar, el proceso de almacenamiento de sitios web puede ser extremadamente útil para reducir el tiempo requerido para que su servidor procese todas estas preguntas de un lado a otro. Especialmente si su sitio de WordPress no se actualiza diariamente.
Las ventajas del caché web hay otros beneficios que obtendría su sitio web utilizando el caché del sitio web. En realidad, hay algunas ventajas del caché web:
Un sitio más rápido significa un rendimiento mejorado en la búsqueda.
Las páginas que se cargan rápidamente contribuyen a una mejor experiencia general para sus visitantes. Aunque hay otros factores en el juego, puede ser el que convierte a un visitante cauteloso en un cliente que paga.
Menos tiempo dedicado al procesar aplicaciones HTTP significa más memoria guardada en su servidor de alojamiento. Si paga por un poder de cálculo adicional, esto puede ahorrarle dinero (o su cliente) de los servicios de alojamiento web. El caché de sitios web es una herramienta útil que tiene para los sitios de WordPress que experimentan muchos aumentos de tráfico.
Ahora que hemos abordado lo que los sitios web se almacenan en el caché y por qué debería hacerlo, para romper el caché.
La memoria en caché del servidor vs. La memoria del navegador en caché como desarrollador de WordPress, su principal énfasis estará en el caché en el servidor. Esto significa proporcionar un mecanismo entre los navegadores de sus visitantes y su servidor web, que generará una web de caché (como se explicó anteriormente), generalmente nos referimos a esto, siendo el más completo. Y hay una variedad de formas en que puede poner este sistema de almacenamiento en caché. Actualizar sus encabezados en su servidor Apache es una forma. Los complementos de WordPress son otra cosa. Y también puedes usar un CDN.
Estos tipos de intermediarios de servidores hacen un excelente trabajo para almacenar la mayor parte de su contenido. También debe tener documentos HTML en caché. Básicamente, cualquier cosa que requiera mucho trabajo para ser compatible en el servidor (porque los archivos son pesados) o para procesarse (porque ejecutan procesos pesados) debe almacenarse en caché. La memoria del navegador en el caché, por otro lado, aborda este proceso más cerca de la apariencia del usuario final. Si alguna vez ha encontrado problemas con la posibilidad de ver actualizaciones en un sitio web en su propia computadora o, lo más probable, su cliente ha encontrado estos problemas, lo primero que probablemente haya probado es eliminar el caché de su navegador. Lo que se hace a través de una interfaz como esta:
Básicamente, le dice al navegador del usuario que renuncie a la copia guardada de la página web, para que pueda ver la versión recientemente actualizada. La memoria del navegador en caché es ligeramente diferente del caché del servidor, ya que no hay tantos archivos almacenados en el navegador. Las imágenes, los símbolos, el contenido y los archivos CSS probablemente se almacenarán en el caché del navegador. Sin embargo, el resto debe ser administrado por el servidor.
Pero el proceso es el mismo.Hay una nueva capa entre el navegador y el servidor que guarda una copia de su página web.Una vez que la copia en el caché expira o el usuario elimina el contenido en el caché, el proceso comienza nuevamente.Es por eso que el navegador presenta a los usuarios la advertencia de que “algunos sitios pueden estar más lentamente hasta la próxima visita”.Cuando se vacía el caché, el servidor debe generar la página HTML estática nuevamente.
.. que requiere tiempo. Técnicas de caché web memorizando en caché de toda la página vs. La memoria de los objetos en caché para profundizar un poco más en el caché del servidor, porque hay otras formas en que aborda esto. Específicamente, tenemos que mirar dos técnicas de caché web. Al almacenamiento en caché en la página completa Este es el método estándar de almacenar en caché del servidor que ya hemos discutido. La versión caché (copiada) de una página completa se entrega como un solo archivo HTML en el navegador de su visitante para algunos sitios web, este tipo de caché del sitio web tiene más sentido. Si su sitio web tiene que administrar grandes cantidades de tráfico regularmente o tiende a obtener grandes aumentos de tráfico (tan útiles. Haga clic para enviar un tweet también, sería útil para sitios que publican regularmente. Su servidor aún tendrá que procesar las solicitudes HTTP por primera vez cuando un nuevo elemento o publicación de blog se vuelve en vivo. Sin embargo, para los visitantes que acceden a otras páginas que han existido durante algún tiempo, el almacenamiento de caché puede reducir en gran medida la presión sobre su servidor al simplificar el proceso en todas partes.
El caché de objetos, por otro lado, el almacenamiento en caché de objetos es cuando solo se guarda parte de una página web para su uso posterior. Debido a que un caché de objetos se puede programar para ser persistente, esto significa que el caché aún se puede usar a medida que los visitantes se mueven de una página a otra si existe el mismo “objeto” en diferentes ubicaciones. Esto es especialmente útil si tiene los mismos elementos o un código de recursos pesado y pesado en todo el sitio web. También puede escuchar el término almacenamiento en caché de los fragmentos lanzados con él. La memoria en el caché de los fragmentos es esencialmente solo un tipo de caché de objetos, a través del cual almacena elementos reales de una página (como widgets, imágenes, etc.) en lugar del almacenamiento de objetos que se dirigen a cualquier contenido o datos de Idealmente, su servidor, si usa el caché de objetos, sería bueno concentrarse en el seguimiento de los objetivos que sabe que no cambiará con frecuencia, pero aún puede ser problemático cuando se recurre a cada nueva visita en una página web. Cómo usar el caché del navegador en WordPress Nuestro siguiente paso es abordar realmente el uso e implementación de estos diferentes tipos de sitios web en WordPress. Comencemos con el almacenamiento del navegador: sé que hemos introducido el almacenamiento del navegador como algo que está al final de la transacción por parte de los visitantes, lo cual es cierto. Sin embargo, eso no significa que no pueda activar el caché de su navegador en su sitio web de WordPress.
De hecho, debe hacer esto para asegurarse de que su navegador reciba el mensaje de que es bueno memorizar el contenido, especialmente si su sitio web tiene muchas imágenes que requieren aceleración.

Hay algunas sugerencias de Codex de WordPress que debe usar aquí. La primera actualización de HTTP Cache-Control que debe hacer en sus archivos es establecer una directiva de edad máxima. Básicamente, le dice a los navegadores cuánto tiempo deben almacenar una copia de una página web. Para hacer esto, abra el archivo .htaccess desde la raíz de su sitio web. Kinsta le sugiere que ingrese el siguiente código por línea # end WordPress: <filesmatch ". (ICO | PDF | FLV | JPG | JPE | PNG | GIF | JS = 84600, público" prácticamente, esto les dice a los navegadores a sus visitantes que cualquier medio o el archivo de script con ellos se puede almacenar en caché durante 84,600 segundos. No dude en ajustar este número si desea extender o acortar el rango de tiempo. Expirar antests Otra actualización que puede hacer es dictar cuándo debe expirar el contenido de caché. Esto puede parecer redundante, y es en gran medida, pero ciertos navegadores buscarán directivas máximas y vencerán directivas, por lo que es mejor incluirlos aquí. Abra su archivo .htaccess nuevamente. Una vez más, en algún lugar después de la línea de código # end WordPress, ingrese lo siguiente: ## expira el almacenamiento en caché del encabezado ## caduca en expiresbype Image/jpg "Access 1 año" Expiresby Image/JPEG "Access 1 Year" Expiresby Image/GIF "Acceso 1 año "ExpiresBype Image/PNG" Access 1 año "ExpiresBype Text/CSS" Acceso 1 mes "ExpiresBype Application/PDF" Access 1 mes "Expiresby Peplication/JavaScript" Access 1 mes "
ExpiresByType Application/X-JavaScript "Access 1 mes" ExpiresByType Application/X-Shockwave-Flash "Access 1 mes" ExpiresByTyPe Image/X-Icon "Access 1 Year" ExpiresDefault "Access 2 Days" ## Expires Caching ## NU VA VA VA VA Debe incluir cada una de las líneas expiradas anteriormente si su sitio no incluye ese tipo de contenido o script. Sin embargo, si desea estar seguro, deje el código tal como está y luego actualice las tarifas de acceso de acuerdo con lo que es mejor para su sitio de WordPress. Etaguri Finalmente, el ETAG debe deshabilitarse durante este proceso. Una etiqueta de entidad (o ETAG) permite a los navegadores almacenar en caché de las páginas web, ya que la consideran apropiada. Sin embargo, cuando los deshabilite en el archivo .htaccess, informe a los navegadores que no consideren sus reglas y sigan las que ha especificado en el control de caché y expira los encabezados. En .htAccess, ingrese el siguiente código: # TN – Comenzar Etags Desactivado Fileetag Ninguno # TN – END ENTER ETAGS Después de haber guardado su archivo, debe estar listo para usar el caché del navegador en WordPress. Cómo usar el caché del servidor en WordPress moviéndose en el caché del servidor, deberá usar herramientas de terceros para implementar esto en WordPress. Los complementos de WordPress La opción más popular es WordPress Plugin, aunque no todos los complementos son aceptables. Aquí hay algunas reglas que debe seguir si decide usar un enchufe para el almacenamiento del servidor: use un solo caché al mismo tiempo.
Antes de elegir un complemento, evalúe su calidad correctamente. Si no tiene cuidado, el complemento de caché podría ralentizar su sitio aún más, consulte su lista de host de complementos prohibidos. Para algunos, el complemento está prohibido debido a lo que hará para el rendimiento de su sitio para otros, esto se debe al hecho de que su alojamiento web ya viene con caché del servidor. Así que asegúrese de verificar.
Use un complemento de caché que ofrezca la cantidad correcta de funciones y controles que necesita. Entonces, si desea implementar el almacenamiento de objetos, su complemento debe permitirle hacerlo.
Examine también los resultados de su sitio de WordPress después de instalar el complemento. ¿Su herramienta de prueba de velocidad confirma que el complemento de caché ha funcionado? ¿Su sitio se carga más rápido? ¿Y todavía ves una sugerencia de "palanca en caché"?

Cada vez que usa un complemento de WordPress, debe tener cuidado y asegurarse de que instalar otra herramienta en su sitio no afecte el rendimiento (que intentamos mejorar aquí, en primer lugar). Así que encuentre el complemento que hace exactamente lo que necesita. Aquí hay algunas sugerencias sobre los complementos de caché que puede usar: optimizar automáticamente
Para algunos de los complementos de almacenamiento de la página completa a continuación, también necesitará este tipo, el complemento Autoptimize. Está especializado en manipular los guiones y hojas de estilo de un sitio web, en lugar del contenido y el contenido de los medios. También simplifica cómo los guiones y los estilos se comunican a los navegadores (es decir, se colocan en el sótano), por lo que es bueno tener esa optimización de potencia adicional en este complemento.
El complemento de Enabler de caché proviene de KeyCDN y ofrece a sus usuarios capacidades de almacenamiento en la página completa. Simplemente active y permita que el complemento genere versiones HTML estáticas de sus páginas web. Además, puede minimizar HTML y CSS y convertir imágenes en WebP cuando sea posible (todos los métodos que ayudan a acelerar los sitios de WordPress). Este complemento sugiere su asociación con la autoptimización.
Optimización de la velocidad de la página de Hummingbird
El complemento Hummingbird no es solo un caché para las páginas. También permite que el navegador y el caché de Gravatar (este último es excelente si ejecuta un blog o sitio de noticias con comentarios pesados). Además, Hummingbird hace todo lo que esperaría hacer un enchufe de optimización de WordPress: compresión de mini clase y optimización de imágenes.
Caché de litaza
Para aquellos de ustedes que buscan un complemento de WordPress, pueden implementar los objetos de objetos y navegador, el complemento de caché de Litespeed lo hará. También hace otras tareas para optimizar la velocidad, como Mini -Cord, Lazy Images e CDN Integration.
W3 Cache total

W3 Total Cache es uno de los complementos de caché de WordPress más populares por una buena razón. En primer lugar, los archivos, scripts y contenido se minimizan en su servidor. La integración de CDN garantiza medios mejorados y archivos temáticos para una entrega más rápida. Y luego hay todo tipo de opciones de caché disponibles: páginas, publicaciones, flujos, scripts, bases de datos y fragmentos. El caché de WP más rápido

Otro complemento de caché muy bien descargado y bien rangado es el caché WP más rápido. Con esto, puede combinar archivos CSS y archivos JavaScript. La miniificación del archivo se activa, así como la compresión GZIP. Y, por supuesto, este complemento trata con la página completa, así como el almacenamiento del navegador en su nombre.

WP Super Cache

Finalmente, llegamos a WP Super Cache, el caché más popular disponible en el almacén de WordPress. ¿Y qué hace este complemento descargable? Para empezar, le brinda tres modos de caché: experto, simple y wp-cache, según su nivel de comodidad. Lo mejor en este sentido es que cada configuración le brinda las configuraciones que necesita para mantener correctamente sus páginas web. Simplemente depende de usted considerar la opción más adecuada para su sitio.

CDNS Si realmente es reacio a agregar otro complemento de WordPress a su sitio, no lo preocupe.En su lugar, puede usar una red de entrega de contenido (CDN).Un CDN es esencialmente un servidor de caché por encima de su servidor web normal.Haga clic para tweet almacene una copia de su sitio web y todos sus archivos en sus servidores para acelerar su sitio web y enviar su contenido mucho más rápido a los visitantes de todo el mundo.Recientemente, escribí sobre qué es un CDN y lo que hace para un sitio web de WordPress.Como parte de esta guía, incluimos recomendaciones para los siguientes CDN: Cloudflare

Amazon Cloudfront

Encapsula

Keycdn

Entonces, si está buscando una alternativa a los complementos de WordPress o desea fortalecer la potencia del complemento con un servidor CDN, dale uno de ellos.Memorizar en caché del servidor con el lago