Configuración de caché total de W3 para potenciar la velocidad de su sitio web

Publicado: 2020-11-10

Leíste bien ese título.

Esta publicación trata sobre un complemento de WordPress específico que todo bloguero debería tener bajo su cinturón de herramientas.

Estoy hablando de W3 Total Cache, un complemento de optimización de sitios web todo en uno.

Si usa WordPress, siga leyendo para descubrir cómo usar W3 Total Cache para potenciar el rendimiento de su sitio web.

Tabla de contenido

  • 1. Introducción
  • 2. Optimización de su configuración general
  • 3. Configuración óptima de W3 Total Cache: almacenamiento en caché de páginas
  • 4. Optimización de la configuración de Minify
  • 5. Optimización de la caché de la base de datos
  • 6. Optimización de la caché de objetos
  • 7. Optimización de la caché del navegador
  • 8. Optimización de grupos de cookies, referencias y agentes de usuario
  • 9. Optimización de la caché de fragmentos
  • 10. Uso de extensiones para escalabilidad
  • 11. Conclusión

Permítame comenzar presentando el complemento de la hora.


¿Qué es W3 Total Cache?

Como bloguero, aumentar el rendimiento de su sitio web debe ser una prioridad.

No solo mejorará considerablemente la experiencia del usuario, sino que también lo ayudará a obtener una clasificación más alta en los motores de búsqueda.

W3 Total Cache hace que la optimización del rendimiento del sitio web sea un paseo por el parque. Tiene todas las funciones que necesitará para la mayoría de los factores que afectan la velocidad de carga.

Página del complemento W3 Total Cache
  • Salvar

Al igual que todos los demás complementos de WordPress, la instalación de W3 Total Cache es el primer paso.

Puede ver la página de descripción general del complemento haciendo clic en 'Rendimiento' en el menú principal y haciendo clic en 'Panel de control '.

Cómo utilizar W3 Total Cache
  • Salvar

Esto debería darle una buena idea de algunas de las características clave del complemento. También puede realizar acciones rápidas como una verificación de compatibilidad con WordPress y el vaciado de la caché.

Acciones rápidas de W3 Total Cache
  • Salvar

Por supuesto, la página del panel de W3 Total Cache es solo el comienzo.

¿Por qué no echamos un vistazo más de cerca debajo del capó?


Optimización de su configuración general

Como la mayoría de los bloggers de WordPress, la página "Configuración general" es probablemente la primera sección que verificará.

Afortunadamente, ahí es también donde se pueden habilitar las funciones principales de W3 Total Cache, a saber:

1. Elegir la configuración de caché de página adecuada para su sitio web

Antes de continuar, el almacenamiento en caché de la página , junto con muchas de las características de W3 Total Cache, ya se explican en esta publicación. Hacerlo debería darle una explicación más detallada de todas las estrategias que se mencionarán más adelante.

Ahora que lo sacamos del camino, el almacenamiento en caché de la página se puede habilitar con W3 Total Cache en literalmente dos clics.

Simplemente seleccione la casilla de verificación "Habilitar" en la sección "Caché de página" y haga clic en "Guardar todas las configuraciones".

Habilitar la caché de página en la configuración general
  • Salvar

El almacenamiento en caché del sitio web funciona al permitir que los navegadores guarden temporalmente los datos de su sitio web. Esto les permite buscar instantáneamente su contenido en la próxima visita del usuario.

¿Qué pasa con las otras configuraciones?

La belleza de usar W3 Total Cache es que la mayoría de las funciones deberían funcionar bien desde el primer momento. Sin embargo, hay configuraciones óptimas de W3 Total Cache a tener en cuenta.

Si su sitio se ejecuta actualmente en un host compartido, elija 'Disco: Mejorado' como su método de caché de página.

Sin embargo, se debe seleccionar el almacenamiento en caché 'Opcode' si actualiza a un servidor dedicado. Para aquellos que usan alojamiento en la nube, entonces 'Memcached' debería ser su método de caché de página.

Métodos de almacenamiento en caché de páginas
  • Salvar

2. Minificación de su código para un menor uso de ancho de banda

La minificación de código es otra característica de W3 Total Cache que podría mejorar fácilmente el rendimiento de su sitio web.

Tenga en cuenta que los códigos de su sitio web consumen ancho de banda para cargarse en los navegadores web. Esto incluye CSS, HTML, JavaScript, etc.

Cuanto más grandes son estos bits de códigos, más ancho de banda necesitan ser transferidos.

A su vez, esto aumenta el tiempo de carga general de su página.

Cómo hacer la minificación a la vieja usanza

Con la minificación, se eliminan los elementos de código innecesarios, como comentarios, espacios en blanco y saltos de línea.

¿Quieres hacerlo manualmente?

Claro, si está preparado para mirar frente a su computadora durante días o incluso semanas.

En su lugar, use una herramienta como Minify Code para minimizar automáticamente cualquier código que cargue.

Minificar código
  • Salvar

Si eso no es lo suficientemente fácil para usted, W3 Total Cache puede minimizar sus códigos en un instante.

Haciéndolo con W3 Total Cache

En la sección "Minificar", marque la casilla de verificación "Habilitar" y guarde los cambios. En cuanto al resto de configuraciones, puede dejarlas con sus valores predeterminados.

Minificar la configuración de la caché de página
  • Salvar

La minificación a través de W3 Total Cache, sin embargo, se puede desactivar si usa Cloudflare. Es una empresa de servicios de seguridad y optimización web que implementa la minificación de código en su nombre.

Si está interesado en Cloudflare, me complace informarle que ofrecen una solución gratuita.

Esto le permite aprovechar una CDN global, protección DDoS básica y un certificado SSL gratuito.

Planes y precios de Cloudflare
  • Salvar

3. Uso de otros métodos de almacenamiento en caché del sitio

Además del caché de página básico mencionado anteriormente, también puede modificar varias opciones de almacenamiento en caché en la página de configuración general. Esto incluye el almacenamiento en caché de la base de datos, el almacenamiento en caché de Opcode, el almacenamiento en caché de objetos y el almacenamiento en caché del navegador.

Estas opciones de almacenamiento en caché se pueden encontrar directamente debajo de la sección de minimización.

Métodos adicionales de almacenamiento en caché del sitio
  • Salvar

A continuación se muestran las formas específicas de utilizar cada opción de almacenamiento en caché:

  • Opcode Cache: el almacenamiento en caché de Opcode funciona reduciendo los bloques de código PHP en su sitio web. Solo está disponible si tienes W3 Total Cache Pro.
  • Caché de base de datos: si utiliza un alojamiento virtual o una red de entrega de contenido , es mejor dejar el almacenamiento en caché de la base de datos desactivado. Es posible que también desee probar la velocidad de su sitio web después de habilitar esta opción para ver si ayuda o no.
  • Caché de objetos: aunque puede ralentizar su área de administración de WordPress, se recomienda el almacenamiento en caché de objetos para sitios web dinámicos. Estos son sitios que permiten a los usuarios cambiar o agregar contenido, como publicaciones en foros, carritos de compras y otros elementos personalizables.
  • Caché del navegador: de todas las opciones de almacenamiento en caché, el almacenamiento en caché del navegador es el que debe habilitar sin importar qué. Utiliza los recursos de las computadoras de sus visitantes, por lo que no afectará negativamente a su sitio en circunstancias normales.

4. Actualización de la configuración de su CDN

A continuación de la configuración de almacenamiento en caché adicional está la sección "CDN".

En términos simples, una CDN funciona aprovechando una red de servidores proxy distribuidos en múltiples regiones. La latencia se reduce significativamente al permitir que los usuarios descarguen los datos de su sitio web desde el servidor más cercano.

Hasta cierto punto, las CDN también ofrecen protección contra ataques DDoS o de denegación de servicio distribuida .

Entonces ... ¿eso significa que W3 Total Cache me dará un CDN?

Desafortunadamente, habilitar la opción CDN en W3 Total Cache no significa que recibirá automáticamente estos beneficios.

Configuración general de CDN de W3 Total Cache
  • Salvar

La cuestión es que una CDN solo se puede utilizar con la ayuda de proveedores externos. Además de Cloudflare, otros ejemplos de empresas que ofrecen servicios CDN son:

  • MaxCDN
  • KeyCDN
  • Rackspace

Puede ver más opciones leyendo esta lista de servicios CDN gratuitos para blogs de WordPress.

Si usa un CDN, entonces debe hacer clic en 'Habilitar' en la página de configuración general de W3 Total Cache.

Luego, debe elegir el "Tipo de CDN" apropiado del menú desplegable para que coincida con su proveedor de CDN.

Encontrar su CDN
  • Salvar

¿Qué es eso? ¿No puede encontrar su CDN en la lista?

Gracias a la popularidad de W3 Total Cache, lo más probable es que su proveedor de CDN pueda ayudarlo en el proceso de configuración.

Los usuarios de Cloudflare, por ejemplo, deben usar la extensión oficial para poder usar W3 Total Cache con su CDN.

Extensión de caché total de Cloudflare W3
  • Salvar

Para otros proveedores de servicios CDN, lo más probable es que se utilice la opción "Espejo genérico".

En cualquier caso, es necesaria una configuración adicional al configurar su CDN con W3 Total Cache. Exploraremos este proceso más adelante con un poco más de detalle.

5. Comprensión de la configuración adicional

Una de las razones por las que W3 Total Cache es tan popular es su amplitud.

Además de la configuración descrita anteriormente, también tiene herramientas avanzadas que llevan la optimización del rendimiento al siguiente nivel.

Por supuesto, la mayoría de los usuarios de WordPress no necesitan jugar con estas funciones.

Pero en caso de que lo haga, permítame pasar por alto esas características rápidamente.

Proxy inverso

Justo después de la sección CDN, encontrará "Proxy inverso".

Esta es una función que actualiza la caché de Varnish cada vez que se actualiza el contenido del sitio.

Si no conoce estos términos, es probable que no necesite usarlos todavía.

Varnish Cache es un acelerador de aplicaciones que se utiliza principalmente en sitios grandes y API. Una vez instalado en su servidor, realiza de forma independiente el almacenamiento en caché del contenido de su sitio web para aumentar enormemente la velocidad.

La configuración de proxy inverso de W3 Total Cache le permite especificar sus direcciones IP de Varnish. Luego debe hacer clic en 'Guardar todas las configuraciones' para que los cambios surtan efecto.

Configuración de proxy inverso
  • Salvar

Para poner las cosas en perspectiva, Varnish es utilizado por sitios web muy grandes como Reddit, Wikipedia y Stack Overflow.

A menos que obtenga tanto tráfico como estos sitios, no me preocuparía por Varnish o la configuración del proxy inverso por ahora.

Vigilancia

Similar al proxy inverso, la sección "Monitoreo" es otra característica que la mayoría de los usuarios de W3 Total Cache ignoran.

Básicamente, le permite monitorear el rendimiento de su sitio o aplicación web a través de New Relic, un servicio de análisis de software.

Si usa New Relic, debe configurar su clave API aquí.

  • Salvar

Caché de fragmentos

Para los sitios web que utilizan bloques dinámicos de código PHP, el almacenamiento en caché de fragmentos debería darle a su sitio web una mejora notable en la velocidad.

Por más efectivo que sea el almacenamiento en caché de fragmentos, esta función tiene dos desventajas.

Primero, implementarlo puede ser complicado.

La sección "Fragment Cache" de la página de configuración general de W3 Total Cache ayudará con el primer paso de implementación.

Después de seleccionar un método de caché de fragmentos, también debe definir "grupos de fragmentos" para sus códigos PHP. Esta es una tarea para un desarrollador, pero si desea aprender, comience con esta página de W3 Edge.

Método de caché de fragmentos
  • Salvar

Además del complicado proceso de configuración, el almacenamiento en caché de fragmentos también requiere la compra de W3 Total Cache Pro.

Esto nos lleva a la siguiente función que debe conocer.

Licencia

Si se actualizó a W3 Total Cache Pro, puede ingresar su clave en la sección "Licencias". Cuando termine, haga clic en 'Verificar clave de licencia' para activar su copia para su instalación actual de WordPress.

Dónde poner su clave de licencia
  • Salvar

Eso me recuerda que todavía no hemos hablado de los beneficios de W3 Total Cache Pro.

Ya hemos cubierto el almacenamiento en caché de fragmentos, que es uno de los cuatro puntos de venta de W3 Total Cache Pro:

Beneficios de W3 Total Cache Pro
  • Salvar

Otras configuraciones

La flexibilidad de W3 Total Cache se muestra en la sección "Varios" en la página de configuración general.

En la parte superior está la opción 'Habilitar el widget de panel de velocidad de página de Google' .

Cuando se configura correctamente, esto presentará datos del informe PageSpeed ​​Insights de su sitio web en su panel de WordPress. Simplemente debe seleccionar la casilla de verificación e ingresar su clave API de PageSpeed.

Habilitar Google PageSpeed ​​Insights en el panel
  • Salvar

El uso de PageSpeed ​​Insights es un método de referencia para medir el rendimiento de un sitio web.

Con la función anterior, es más fácil modificar W3 Total Cache ya que su puntaje de velocidad se actualiza en tiempo real.

Si no sabe dónde obtener su clave API de PageSpeed ​​Insights, consulte esta documentación de Google.

Con PageSpeed ​​Insights integrado, también puede habilitar la opción 'Mostrar clasificación de página en la barra de administración' . Esto hará que la puntuación de velocidad de su sitio web sea inmediatamente visible en su panel de WordPress.

Debajo de la configuración relacionada con PageSpeed ​​Insights se encuentra la opción 'Verificar reglas de reescritura' .

Como implica la descripción, le avisará siempre que sus reglas de reescritura tengan problemas en su archivo .htaccess .

Verificar la opción de reescribir reglas
  • Salvar

Habilitar esta opción no tendrá efectos secundarios en el rendimiento de su sitio web, por lo que es mejor dejarla activada. Esto le ayudará a mantener la integridad del código de su sitio web.

Continuando, la opción 'Habilitar bloqueo de archivos' evita que varios usuarios o procesos accedan al mismo archivo simultáneamente.

W3 Total Cache recomienda mantener esta opción desactivada para los sistemas NFS junto con los sitios web que se ejecutan en alojamiento compartido.

Habilitar el bloqueo de archivos
  • Salvar

Quizás el único escenario donde el bloqueo de archivos es útil es en sitios muy concurridos donde los conflictos de acceso son plausibles. Incluso entonces, es posible que no genere ganancias de rendimiento perceptibles.

Hablando de funciones tentativas de optimización del rendimiento, la siguiente opción tampoco garantiza una velocidad de carga mejorada. Curiosamente, tiene el caso de uso exactamente opuesto al bloqueo de archivos.

Si su servidor web está basado en NFS, considere habilitar 'Optimizar la página mejorada del disco y minimizar el almacenamiento en caché del disco para NFS'. Esto podría conducir a un aumento decente en el rendimiento del sitio web, pero tendrá que ver por sí mismo si funciona.

Optimizar la página mejorada de disco
  • Salvar

Por último, las dos últimas configuraciones diversas no tienen nada que ver con la mejora del rendimiento del sitio web.

Con 'Seguimiento anónimo del uso para mejorar la calidad del producto' habilitado, otorga W3 Total Cache para realizar un seguimiento del uso del complemento. Útil si te preocupa el desarrollo del complemento, pero muchos blogueros preferirían que esto estuviera desactivado.

'Habilitar estadísticas de almacenamiento en caché', por otro lado, puede ser útil si desea ajustar W3 Total Cache con el tiempo.

Configuraciones misceláneas adicionales
  • Salvar

6. Configuración de depuración

Si planea usar estadísticas de almacenamiento en caché, tiene sentido que también use la configuración de depuración.

Los modos de depuración generarán información detallada sobre ciertos cachés cuando estén habilitados. Para usarlos, marque la casilla de verificación del modo que desea activar.

Configuración de depuración de W3TC
  • Salvar

El problema es que habilitar cualquier modo de depuración puede resultar en un rendimiento menos que ideal. Eso es porque su sitio tiene que hacer un trabajo adicional para rastrear las funciones de W3 Total Cache.

Dicho esto, la depuración debe realizarse a corto plazo y deshabilitarse una vez que haya resuelto todos los problemas.

7. Importación y exportación de configuraciones de caché total de W3

W3 Total Cache a menudo se ve como una solución plug-and-play que requiere poca o ninguna configuración.

Con lo que has leído hasta ahora, ¿aún puedes decir lo mismo?

Probablemente no.

De hecho, configurar W3 Total Cache puede llevar horas si desea que se adapte a las necesidades de su sitio.

Es por eso que W3 Total Cache le permite exportar e importar configuraciones de complementos.

Para importar la configuración del complemento desde una fuente externa, haga clic en "Elegir archivo", busque el documento HTML o .json y haga clic en "Cargar". Lo crea o no, en realidad existen blogs de WordPress que le permiten descargar su configuración de complementos.

Configuración de importación y exportación
  • Salvar

Si necesita exportar la configuración de su complemento como copia de seguridad, simplemente haga clic en "Descargar" junto a "Exportar configuración".

Cómo exportar la configuración de W3TC
  • Salvar

¿Ha estropeado accidentalmente su sitio de WordPress al importar un archivo de configuración?

No se preocupe, siempre puede revertir el complemento a la configuración predeterminada con un solo clic.

Simplemente haga clic en 'Restaurar configuración predeterminada' y estará listo.


Configuración óptima de W3 Total Cache: Almacenamiento en caché de página

Cuando haya terminado con la configuración general de W3 Total Cache, es hora de las opciones avanzadas de almacenamiento en caché de la página.

Todavía tenemos mucho camino por recorrer, así que sigamos con la configuración recomendada para obtener el máximo rendimiento del sitio web.

Un consejo: encontrarás muchos términos técnicos en el resto de esta publicación. Dicho esto, intente mantener una pestaña separada abierta para que pueda buscar sus definiciones.

Pero para su conveniencia, enumeré la configuración óptima para la mayoría de los blogs de WordPress. Todo lo que queda por hacer es copiar estas configuraciones y aplicarlas en W3 Total Cache.

Listo? Haga clic en "Caché de página" en el submenú "Rendimiento" para comenzar.

Acceder a la configuración de caché de página desde el panel
  • Salvar

8. Selección de las opciones generales adecuadas

Para el almacenamiento en caché de páginas, a continuación se muestran las configuraciones óptimas de W3 Total Cache que debe usar en su sitio de WordPress:

Configuración óptima de caché de página
  • Salvar
  • Página de caché de publicaciones: habilitar.
  • No almacenar en caché la página principal - Desactivar.
  • Caché de feeds: sitio, categorías, etiquetas, comentarios - Habilitar.
  • Solicitudes de caché SSL (HTTPS): habilítelo si usa un certificado SSL.
  • URI de caché con variables de cadena de consulta: habilite a menos que la casilla de verificación esté atenuada.
  • Páginas de caché 404 (no encontradas): deshabilitar.
  • No almacenar en caché las páginas de los usuarios que han iniciado sesión: activar.
  • No almacenar en caché las páginas para los siguientes roles de usuario: habilítelo siempre que seleccione todos los roles de usuario.

9. Configuración de alias

Si ni siquiera sabe qué son los alias, no toque nada en la sección "Alias".

En el mundo del alojamiento web, un alias es un dominio separado que apunta a la misma instalación de WordPress. Esto es algo que los blogueros de un solo hombre rara vez hacen, así que no dude en ignorar esta sección.

De lo contrario, ya debería saber qué hacer a continuación:

Campo de alias
  • Salvar

10. Uso de la precarga de caché

Si bien el almacenamiento en caché regular mejora la experiencia del tráfico de retorno, la precarga de caché beneficia a todos.

Sí, eso incluye a quienes visitan por primera vez.

Aquí están las mejores configuraciones para la precarga de caché:

Configuración de precarga de caché
  • Salvar
  • Cebar automáticamente la caché de la página: Activar.
  • Intervalo de actualización: 900 segundos.
  • Páginas por intervalo: 10 páginas.
  • URL del mapa del sitio: simplemente pegue la URL de su mapa del sitio. Obtenga más información sobre los mapas del sitio leyendo esta publicación.
  • Precargue la caché de publicaciones al publicar eventos: Activar.

11. Configuración de su política de depuración de caché

La purga de cachés garantiza que los usuarios puedan ver los últimos cambios en su sitio web.

Al establecer una política de purga, pone este proceso en piloto automático siempre que ocurra cualquiera de las siguientes situaciones:

  • Creas una nueva publicación
  • Editas una publicación existente
  • Un usuario publica un comentario

Para crear una política de depuración que no afecte el rendimiento de su sitio web, utilice la siguiente configuración:

Política de purga
  • Salvar
  • Páginas para almacenar en caché: página principal, página de publicaciones, página de publicaciones y alimentación de blog.
  • Especifique los tipos de alimentación para purgar: Rss2 (predeterminado).
  • Límite de purga: 15 o más si tiene un servidor de gama alta.
  • Páginas adicionales: en blanco.
  • Purgar sitemaps: mantenga el valor de expresión regular predeterminado.

12. Gestión de la API REST

Si tiene W3 Total Cache Pro y usa la API RESTful, puede beneficiarse de la herramienta de almacenamiento en caché de la API REST.

RESTful API se basa en la tecnología Representational State Transfer . Esto se usa para tareas como conectar WordPress con una interfaz de JavaScript, manejar complementos o crear aplicaciones móviles.

Déjame adivinar: no estás ni cerca de hacer nada de esa magnitud.

En cuyo caso, es mejor dejar el almacenamiento en caché de la API REST con la configuración predeterminada: 'No almacenar en caché'.

API REST
  • Salvar

13. Configuración avanzada de caché de página

W3 Total Cache tiene una larga lista de configuraciones avanzadas para el almacenamiento en caché de páginas.

Naturalmente, hay una gran cantidad de formas de configurar estos ajustes según los requisitos de su sitio web. Pero para la mayoría de los blogueros, la siguiente configuración debería garantizar una mejora en la velocidad de carga.

Configuración avanzada de caché de página
  • Salvar
  • Inicialización tardía: deshabilitar.
  • Almacenamiento en caché tardío: deshabilitar.
  • Modo de compatibilidad: desactívelo a menos que reciba errores de almacenamiento en caché.
  • Juego de caracteres: desactívelo a menos que encuentre caracteres inusuales en la caché de su página.
  • Rechazar solicitudes HEAD: dejar el valor predeterminado.
  • Intervalo de recolección de basura: 3.600 segundos si se almacena en caché en el disco (de lo contrario, esta opción estará atenuada).
  • Duración de la cookie de comentarios: 1.800 segundos
  • Cadenas de consulta aceptadas: en blanco.
  • Agentes de usuario rechazados: en blanco.
  • Cookies rechazadas: wptouch_switch_toggle (predeterminado).
  • Nunca almacene en caché las siguientes páginas - wp -. * \. Php e index \ .php (predeterminado).
  • Nunca almacene en caché las páginas asociadas con estas categorías: en blanco.
  • Nunca almacene en caché las páginas que usan estas etiquetas: en blanco.
  • Nunca almacene en caché las páginas de estos autores: en blanco.
  • Nunca almacene en caché las páginas que utilizan estos campos personalizados: en blanco.
  • Lista de excepciones de caché: agregue páginas que tienen problemas con el almacenamiento en caché.
  • Páginas con barra no final: conserve las páginas predeterminadas.
  • Especificar encabezados de página: mantenga la configuración predeterminada.
  • Manejar el tipo de mime XML: habilitar.

Optimización de la configuración de Minify

Nuevamente, si usa Cloudflare, no es necesario modificar la configuración de minificación del código de W3 Total Cache.

En la página 'Minificar' , puede controlar cómo se maneja la minificación de código en su sitio web de WordPress.

Minificar el acceso a la configuración avanzada
  • Salvar

Aquí hay un desglose de cada sección en la página de configuración de Minify:

14. Configuración general

Cuando se trata de minificación, no es necesario realizar ningún cambio en la configuración general. Pero eso no significa que no debamos revisar la configuración ideal de minificación de código de W3 Total Cache.

Minificar la configuración general
  • Salvar
  • Reescribir la estructura de la URL: habilitar.
  • Desactivar minificar para usuarios registrados: dejar el valor predeterminado.
  • Minificar notificación de error: deshabilitar.

15. Minificación de HTML y XML

De forma predeterminada, W3 Total Cache no minimizará los archivos CSS y JavaScript en línea en el HTML de su sitio web. Puede habilitar estas opciones para mejorar el rendimiento de su sitio web.

Configuración de minificación HTML y XML
  • Salvar
  • Configuración de HTML minify: habilite con CSS en línea y minificación de JS en línea.
  • Ignorar las raíces de los comentarios: mantener los valores predeterminados.

16. Configuración de minificación JS

Si bien la minificación de JavaScript en línea está desactivada al principio, la minificación de JavaScript real en su sitio está habilitada desde el principio.

Puede maximizar los efectos de la minificación de JavaScript aplicando la siguiente configuración:

Configuración de minificación JS
  • Salvar
  • Configuración de JS minify: habilítela mientras selecciona "Minify" en lugar de "Combinar solo".
  • Operaciones en áreas (antes): sin bloqueo mediante "aplazar".
  • Operaciones en áreas (después): sin bloqueo mediante "aplazar".
  • Eliminación de comentarios conservados: activar.
  • Eliminación de saltos de línea: habilitar.
  • HTTP / 2 push: habilite excepto si usa el método "Disco: Mejorado" con Nginx.

17. Configuración de minificación de CSS

Al igual que la minificación de JavaScript, la minificación de CSS está habilitada desde el principio.

Sin embargo, hay un par de configuraciones adicionales para habilitar si desea un sitio web fluido.

Configuración de minificación CSS
  • Salvar
  • Configuración de CSS minify: habilite con "Combinar solo" seleccionado.
  • @import handling - Ninguno.
  • HTTP / 2 Push: habilitar.

18. Configuración avanzada de minificación

Como guinda del pastel, use las opciones a continuación en la sección "Avanzado".

Configuración avanzada de minificación de código
  • Salvar
  • Actualice los archivos externos cada 86.400 segundos (24 horas).
  • Intervalo de recolección de basura: 86,400 segundos (24 horas).
  • Nunca minimice las páginas siguientes: déjelas en blanco.
  • Nunca minimice los siguientes archivos JS: agregue temporalmente los códigos en los que está trabajando actualmente para preservar los comentarios y la legibilidad.
  • Nunca minimice los siguientes archivos CSS: igual que el anterior.
  • Agentes de usuario rechazados: déjelo en blanco.
  • Incluya bibliotecas / archivos externos: agregue URL de recursos externos como Google Fonts y Google Tag Manager. Solo asegúrese de probar sus cambios.
  • Usar expresiones regulares para la coincidencia de nombres de archivo: deshabilite si no está utilizando W3 Total Cache para optimizar las bibliotecas de JavaScript externas.

Optimización de la caché de la base de datos

Su sitio web consta de una gran cantidad de partes que deben buscarse y cargarse siempre que sean necesarias.

El almacenamiento en caché de la base de datos puede aumentar este proceso al hacer que los recursos para consultas comunes estén fácilmente disponibles. Esto reduce la carga de la CPU al proporcionar datos del sitio web a los usuarios.

Esto es lo primero que debe hacer. Si no está utilizando una CDN o un host virtual, habilite "No almacenar en caché las consultas de los usuarios que han iniciado sesión".

No almacenar en caché las consultas de los usuarios que han iniciado sesión
  • Salvar

19. Configuración avanzada de almacenamiento en caché de la base de datos

Para la configuración avanzada, esto es lo que debe hacer:

Configuración avanzada de almacenamiento en caché de la base de datos
  • Salvar
  • Vida útil máxima de los objetos en caché: 180 segundos para sitios con mucho tráfico, hasta 7200 segundos para sitios con poco tráfico.
  • Intervalo de recolección de basura: en cualquier lugar entre 3.600 y 86.400 segundos (si la opción no está atenuada).
  • Nunca almacene en caché las siguientes páginas: déjelas en blanco.
  • Temas de consulta ignorados: deje los valores predeterminados o agregue "wc-session" si usa WooCommerce.
  • Rechazar palabras de consulta: deje el valor predeterminado.
  • Rechazar constantes: deje el valor predeterminado.

Optimización de la caché de objetos

El almacenamiento en caché de objetos es otra forma de reducir el uso de la CPU al cargar su sitio web.

No se sorprenda si su área de administración se ralentiza con esta función activada. En realidad, es una compensación razonable si valora la experiencia de sus usuarios.

20. Configuración avanzada de almacenamiento en caché de objetos

Los sitios web dinámicos se basan en la base de datos y el almacenamiento en caché de objetos para mantenerse rápidos y receptivos. Solo necesita aplicar estas configuraciones óptimas:

Configuración avanzada de caché de objetos
  • Salvar
  • Vida útil predeterminada de los objetos de la caché: como el almacenamiento en caché de la base de datos, debe ser de 180 segundos para los sitios con mucho tráfico y de hasta 7200 segundos para los sitios con poco tráfico.
  • Intervalo de recolección de basura: 3.600 segundos.
  • Grupos globales: deje el valor predeterminado.
  • Grupos no persistentes: deje los valores predeterminados.
  • Habilite el almacenamiento en caché para las solicitudes de wp-admin: habilite esto para acelerar su panel de administración de WordPress, pero deshabilítelo si obtiene datos obsoletos y almacenados en caché.
  • Almacenar transitorios en la base de datos: habilitar.

Optimización de la caché del navegador

Aunque el almacenamiento en caché de la base de datos y de los objetos son opcionales, el almacenamiento en caché del navegador debe estar habilitado para cada sitio de WordPress.

Permite a los navegadores web almacenar archivos de sitios web estáticos, como imágenes, texto y códigos, para su recuperación instantánea.

Al igual que la minificación de código, el almacenamiento en caché del navegador también tiene una extensa lista de opciones.

A continuación se muestra un resumen de cada sección:

21. Configuración general

Como regla general, habilite las primeras seis opciones en la sección "General" de la página de configuración de la caché del navegador:

Configuración general del almacenamiento en caché del navegador
  • Salvar
  • Establecer encabezado de última modificación
  • Establecer encabezado expira
  • Establecer encabezado de control de caché
  • Establecer etiqueta de entidad
  • Establecer encabezado de caché total de W3
  • Habilitar la compresión HTTP (gzip)

¿Quieres saber algo divertido?

La mayoría de estas son funciones de almacenamiento en caché del navegador que puede probar en GTmetrix, una herramienta gratuita de análisis de rendimiento de sitios web.

Puede usar GTmetrix mientras configura W3 Total Cache para verificar ciertas funciones de almacenamiento en caché. Para los enumerados anteriormente, deberían aparecer en la pestaña 'YSlow' del informe de análisis.

Resultados de YSlow en GTmetrix
  • Salvar

Más allá de las primeras seis opciones, hay otras cosas que debe administrar en la página de configuración del almacenamiento en caché del navegador:

Configuración general de la caché del navegador
  • Salvar
  • Habilitar la compresión HTTP (brotli): habilite esta opción si está disponible y pruebe si supera la compresión gzip.
  • Evitar el almacenamiento en caché de objetos después de cambiar la configuración: Activar.
  • Quitar cadenas de consulta de recursos estáticos: habilite.
  • Evitar la lista de excepciones de almacenamiento en caché: déjela vacía.
  • No establezca cookies para archivos estáticos: habilite.
  • No procese errores 404 para objetos estáticos con WordPress - Desactivar.
  • Lista de excepción de error 404: deje el valor predeterminado.
  • Reescribir la estructura de URL de los objetos: deshabilitar.

22. CSS y JS, HTML y XML, configuración de almacenamiento en caché del navegador

Como se indicó anteriormente, el almacenamiento en caché del navegador se puede utilizar en códigos como archivos CSS, JavaScript y HTML.

Para mantener su sitio web de WordPress en plena forma, se recomienda dejar esta configuración como está.

Solo un recordatorio: la configuración de CSS y JS, HTML y XML, y Medios y otros archivos son algo similares. Dado que no hay ninguna razón para que tengan configuraciones diferentes, use la siguiente configuración cuando corresponda:

Configuración de CSS y JS para el almacenamiento en caché del navegador
  • Salvar
  • Establecer encabezado de última modificación: Activar.
  • Establecer encabezado expira: habilitar.
  • Caduca la vida útil del encabezado: 3600 segundos para HTML y XML, 31,536,000 segundos (un año) para los otros dos.
  • Establecer encabezado de control de caché: habilitar.
  • Política de control de caché: deje el valor predeterminado (caché con max-age).
  • Establecer etiqueta de título de entidad: Habilitar.
  • Establecer encabezado W3 Total Cache: Habilitar.
  • Habilitar la compresión HTTP (gzip): habilite.
  • Habilite la compresión HTTP (brotli): igual que antes.
  • Evitar el almacenamiento en caché de objetos después de cambiar la configuración: Activar.
  • Quitar cadenas de consulta de recursos estáticos: habilite.
  • Desactivar cookies para archivos estáticos: activar.

23. Qué hacer con los encabezados de seguridad

A estas alturas, ya debería saber que hay ciertas configuraciones en W3 Total Cache que deben dejarse en paz.

Los encabezados de seguridad se encuentran entre esas configuraciones.

Las opciones que encontrará aquí están reservadas para los usuarios que conocen bien el desarrollo web y la seguridad. Puede modificar la directiva de política de seguridad de transporte estricta HTTP de su sitio, habilitar la protección X-XSS y más.

Si estos términos son nuevos para usted, deje todo en los encabezados de seguridad con sus valores predeterminados.

Encabezados de seguridad
  • Salvar

Optimización de agentes de usuario, referencias y grupos de cookies

En W3 Total Cache, la mayoría de los usuarios de WordPress que no son desarrolladores también deben ignorar las páginas de configuración del "grupo".

Esto incluye 'Grupos de agentes de usuario', 'Grupos de referencias' y 'Grupos de cookies'.

Grupos Secciones W3TC
  • Salvar

Sin embargo, existen varios casos de uso para algunos tipos de grupos que pueden afectar la experiencia del usuario.

24. Grupos de agentes de usuario para personalización

Si es un usuario avanzado de WordPress, los grupos de agentes de usuario se pueden utilizar para redirigir cierto tráfico a un dominio diferente. Incluso podría obligar a su navegador a cargar un tema diferente en su sitio de WordPress.

Suponga que creó un grupo para todos sus usuarios móviles.

Con los grupos de agentes de usuario, puede redirigirlos a una versión móvil separada de su sitio. De lo contrario, puede decirle a su navegador que inicie su sitio con un tema más compatible con dispositivos móviles.

Ejemplo de grupo de agentes de usuario
  • Salvar

Simplemente proceda con precaución y recuerde probar su configuración para evitar romper su sitio.

Optimización de la configuración de CDN

¿Sientes que has estado haciendo todo el trabajo?

Entonces tengo buenas noticias para ti.

Si decide utilizar una CDN, su proveedor de servicios debería estar dispuesto a ayudar con la configuración de W3 Total Cache.

En otras palabras, puede ignorar todas estas configuraciones con seguridad y esperar la ayuda de su proveedor de CDN.

Página de configuración de CDN
  • Salvar

Si tiene problemas con su CDN en páginas SSL, entonces es justo decirle una solución.

25. Cómo deshabilitar CDN en páginas SSL

En la sección de configuración "Avanzada", seleccione "Desactivar CDN en páginas SSL". Las páginas afectadas ahora deberían cargarse normalmente mientras busca ayuda de su proveedor de CDN.

Cómo deshabilitar CDN en páginas SSL
  • Salvar

Optimización de la caché de fragmentos

La página de configuración de "Fragment Cache" es otra área de W3 Total Cache que debe omitir.

Esto es especialmente cierto si no tiene la versión Pro del complemento.

Página de configuración avanzada de Fragment Cache
  • Salvar

26. Configuración de la función de almacenamiento en caché de fragmentos

Si pagó por el complemento y le gustaría usar el almacenamiento en caché de fragmentos, a continuación se detallan las cosas que debe recordar:

  • Grupos de fragmentos registrados: si está intentando definir grupos de fragmentos para W3 Total Cache, deberían aparecer aquí.
  • Duración predeterminada de los fragmentos almacenados en caché: el valor predeterminado es 180 segundos, pero puede aumentarse si tiene poco tráfico.
  • Intervalo de recolección de basura: manténgalo en 3600 segundos (predeterminado) si tiene un sitio con mucho tráfico.
  • Grupos de fragmentos manuales: ingrese manualmente grupos de fragmentos aquí; ¡no los toque si no sabe lo que está haciendo!

Usar extensiones para escalabilidad

Finalmente, debe saber que W3 Total Cache viene con una serie de extensiones preinstaladas.

Los usuarios de WordPress deberían estar como en casa en la página "Extensiones". Sin el logotipo de W3 Total Cache, parece una copia al carbón de la página "Complementos" en el tablero.

Esto significa que activar y desactivar extensiones implica un proceso familiar. Puede hacer clic en los botones en la parte inferior de cada extensión o realizar "acciones masivas" utilizando el menú desplegable.

Página de extensiones de W3TC
  • Salvar

Dado que no existe una manera perfecta de ejecutar su ecosistema W3 Total Cache, le permitiré determinar qué extensiones activar.

27. Tres importantes extensiones de caché total de W3 para sitios web de WordPress

A continuación, se muestran algunas de las extensiones W3 Total Cache más útiles y lo que hacen:

  • AMP: el proyecto AMP o Accelerated Mobile Pages ayuda a los propietarios de sitios web a lograr velocidades de carga fluidas en dispositivos móviles. Habilitar esta extensión agregará compatibilidad con AMP a las funciones de minify de W3 Total Cache.
  • Yoast SEO: si confía en Yoast SEO para la optimización en la página, active esta extensión para la integración perfecta de W3 Total Cache.
  • Genesis Framework de StudioPress: muchos usuarios de WordPress aprovechan Genesis Framework para construir sitios web compatibles con SEO desde cero. Si pertenece a este grupo de usuarios, habilite esta extensión para una mejora del rendimiento del 30 al 60 por ciento.

Aquí hay un último consejo: si desea activar las extensiones, hágalo una a la vez.

Al igual que los complementos, las extensiones pueden causar problemas inesperados en su sitio web cuando están activas. Al habilitar una extensión a la vez, puede identificar fácilmente la causa de posibles problemas.


Conclusión

Configurar W3 Total Cache para un rendimiento óptimo del sitio web puede llevar algún tiempo.

No se apresure, siempre puede marcar y consultar esta página cuando lo necesite.

Recuerde probar la velocidad de su sitio web a medida que realiza ajustes gradualmente. Mientras lo hace, exporte su configuración como una copia de seguridad en caso de que necesite volver a aplicar esta configuración.

¡Cuéntame tu experiencia con W3 Total Cache en los comentarios a continuación!

También podría gustarte:

  • 19 formas sencillas de reducir la tasa de rebote en su blog y maximizar su tráfico
  • Todo sobre los complementos de WordPress
  • Los 10 mejores complementos de WordPress para compartir en redes sociales para bloggers
Configuración del complemento W3 Total Cache
  • Salvar