Cómo instalar y configurar W3 Total Cache para principiantes

A menudo recibimos elogios de los usuarios por la rapidez con que se carga nuestro sitio. Todos quieren saber el secreto detrás de un sitio de WordPress de carga rápida. Además de un buen alojamiento web y complementos bien codificados, debe asegurarse de utilizar el almacenamiento en caché adecuado y tener una red de distribución de contenido (CDN). Para nuestra configuración, utilizamos un complemento llamado W3 Total Cache. Debido a un gran volumen de solicitudes, hemos decidido crear una guía paso a paso sobre cómo instalar y configurar W3 Total Cache para principiantes.


En este artículo, le mostraremos cómo instalar W3 Total Cache y configurarlo correctamente para maximizar los beneficios. También le mostraremos cómo combinar W3 Total Cache con un servicio CDN para que su sitio se cargue aún más rápido.

Antes de comenzar, le recomendamos que verifique el rendimiento de su sitio utilizando Google Page Speed ​​y las herramientas Pingdom. Esto te dará una comparación antes y después.

A continuación se muestra la captura de pantalla de nuestros resultados de Pingdom:

WPBeginner Pingdom 21 de noviembre

Comencemos con nuestra configuración de W3 Total Cache.

Video Tutorial

Suscríbase a WPBeginner

Si no le gusta el video o necesita más instrucciones, continúe leyendo.

¿Qué es W3 Total Cache??

W3 Total Cache es el complemento de optimización de rendimiento de WordPress más rápido y completo. Con la confianza de muchos sitios populares que incluyen: AT&T, Mashable, Smashing Magazine, WPBeginner y millones más. W3 Total Cache mejora la experiencia del usuario de su sitio mejorando el rendimiento de su servidor, almacenando en caché todos los aspectos de su sitio, reduciendo los tiempos de descarga y proporcionando una integración transparente de la red de entrega de contenido (CDN).

Instalar W3 Total Cache en WordPress

Antes de instalar W3 Total Cache, debe asegurarse de desinstalar todos los demás complementos de almacenamiento en caché (por ejemplo, WP Super Cache). Si no hace esto antes de la instalación, el complemento tendrá problemas tras la activación.

Tenemos una guía muy completa que explica cómo instalar un complemento de WordPress que puede seguir. O puede seguir la breve guía a continuación:

Vaya a su panel de administración de WordPress y haga clic en Complementos »Agregar nuevo. Busque “W3 Total Cache” y debería ver resultados como la imagen a continuación:

Instalación del complemento W3 Total Cache para WordPress

Haga clic en el botón Instalar ahora y luego active el complemento.

Configuración y configuración de W3 Total Cache

W3 Total Cache es un complemento muy potente, por lo que tiene muchas opciones. Esto podría ser algo bueno o malo. Para aquellos que saben cómo usar estas opciones, son una mina de oro. Para la mayoría de los principiantes, estas opciones pueden ser bastante complicadas y confusas. Visitaremos cada una de estas opciones en detalle, para que pueda configurar correctamente W3 Total Cache. Comencemos con la configuración general.

Configuración general

Puede ir a la página de Configuración general haciendo clic en el botón del menú Rendimiento en su panel de administración de WordPress. Aquí es donde configurará el complemento mediante la configuración básica. Asegúrate de estar en la página de configuración general y no en la página del panel promocional que tiene este complemento.

Página de configuración general de W3 Total Cache

¿Qué es la caché de página??

La primera opción que ve en esta página es Caché de página. Es responsable de crear páginas de caché estáticas para cada página que se carga, por lo que no se carga dinámicamente en cada carga de página. Al tener esto habilitado, disminuirá significativamente el tiempo de carga. Consulte la imagen a continuación para ver cómo funciona el caché de página:

¿Qué es el caché de página?

Como puede ver normalmente cuando un usuario llega a su sitio, WordPress ejecuta scripts PHP y consultas MySQL a la base de datos para encontrar la página solicitada. Luego PHP analiza los datos y genera una página. Este proceso toma recursos del servidor. Tener el almacenamiento en caché de la página activado, le permite omitir toda la carga del servidor y mostrar una copia en caché de la página cuando un usuario lo solicita.

Para el alojamiento compartido que utilizan la mayoría de los principiantes, se recomienda encarecidamente el método Disco: mejorado. Debe marcar la casilla Habilitar caché de página y guardar todas las configuraciones.

Configurar caché de página en W3 Total Cache para WordPress

Para la mayoría de las personas, esto es todo lo que necesita hacer con el almacenamiento en caché de la página. Como esta guía es para usuarios de nivel principiante, omitiremos la configuración avanzada del almacenamiento en caché de la página porque las opciones predeterminadas son suficientes.

También pasaremos por Minify, Caché de base de datos y Caché de objetos. La razón simple es porque no todos los servidores proporcionan resultados optimizados con esta configuración. La siguiente opción que verá es Caché del navegador.

¿Qué es la memoria caché del navegador??

Cada vez que un usuario visita un sitio web, su navegador web descarga todas las imágenes, archivos CSS, JavaScripts y otros archivos estáticos en una carpeta temporal para mejorar la experiencia del usuario. De esta manera, cuando el mismo usuario vaya a la página siguiente, se cargará mucho más rápido porque todos los archivos estáticos están en la memoria caché de su navegador.

La opción Caché del navegador en W3 Total Cache establece un límite de tiempo en el Caché del navegador. Teniendo en cuenta que no cambia su logotipo todos los días, tener archivos estáticos como ese almacenados en caché durante 24 horas no le hace daño. Simplemente marque la opción Habilitar en Caché del navegador y haga clic en el botón Guardar todas las configuraciones. Una vez que haya hecho eso, entonces visitemos el Rendimiento »Caché del navegador página para más configuraciones.

Configuración de las opciones de caché del navegador en W3 Total Cache

Como puede ver en la imagen de arriba, prácticamente habilitamos todo excepto el 404. Cuando guarde la configuración, todas las configuraciones a continuación en esa página se encargarán automáticamente..

En nuestras configuraciones gratuitas de WordPress, estas son las configuraciones predeterminadas que activamos.

¿Qué es un CDN??

CDN significa Content Delivery Network, que le permite servir su contenido estático desde múltiples servidores en la nube en lugar de solo un servidor de alojamiento. Esto le permite reducir la carga del servidor y acelerar su sitio web.

Hemos creado una infografía sobre qué es un CDN y por qué necesita un CDN para su sitio de WordPress. Le recomendamos que lo revise, para que pueda tomar una decisión informada.

W3 Total Cache es compatible con MaxCDN, Amazon S3, Rackspace Cloud y Amazon Cloud Front. WPBeginner está usando MaxCDN (por qué usamos MaxCDN). Esta sección solo se aplicará a los sitios que usan CDN o que planean usar CDN. Si cree que usará un CDN, le recomendamos MaxCDN.

Lo primero que debe hacer es crear una zona de extracción en su tablero MaxCDN. Inicie sesión en su cuenta MaxCDN, haga clic en Administrar zonas y luego haga clic en el botón Crear zona de extracción.

Configurar caché total W3 - Configuración MaxCDN

En la siguiente pantalla se le pedirá que proporcione detalles para su zona de extracción.

  • Nombre de la zona de extracción: simplemente asigne cualquier nombre a esta zona de extracción para que pueda identificarla en su panel MaxCDN.
  • URL del servidor de origen: ingrese la URL de su sitio web de WordPress comenzando con http: // y terminando con una barra diagonal final / al final.
  • Dominio CDN personalizado: ingrese cualquier subdominio, por ejemplo: cdn.wpbeginner.com
  • Etiqueta: proporcione una descripción para esta zona de extracción.
  • Compresión: habilitar la compresión le ahorrará ancho de banda, por lo que es muy recomendable que marque esta casilla.

Una captura de pantalla de cómo se verá la configuración mencionada anteriormente:

Detalles de la zona de extracción de MaxCDN

Haga clic en el botón Crear y MaxCDN creará la Zona de extracción. En la siguiente pantalla, le mostrará una URL como esta “wpb.wpbeginner.netdna-cdn.com”, copie y guarde esta URL en un archivo de texto usando el bloc de notas porque la necesitaremos más adelante.

Ahora que hemos creado una zona de extracción, el siguiente paso es configurar zonas de contenido. Puede hacer esto yendo a su tablero MaxCDN. Haga clic en el botón Administrar junto a la zona de extracción que acaba de crear. En la siguiente pantalla, haga clic en la pestaña Configuración. El propósito de crear zonas de contenido es agregar subdominios, de modo que podamos mejorar la experiencia del usuario poniendo en cola el contenido de diferentes subdominios en el navegador del usuario. Para hacer esto, haga clic en el botón etiquetado Dominios personalizados y agregue varios subdominios. Vea la captura de pantalla a continuación:

MaxCDN Subdominios Múltiples

Una vez que haya agregado dominios personalizados, simplemente haga clic en el botón Actualizar.

El siguiente paso es configurar registros CNAME para los subdominios. La mayoría de nuestros proveedores de alojamiento de WordPress recomendados como Hostgator, Bluehost, etc. proporcionan un cPanel a sus clientes para administrar diferentes configuraciones de su alojamiento. Describiremos cómo configurar un registro CNAME en cPanel.

Inicie sesión en su panel de cPanel y luego haga clic en Simple DNS Zone Editor en Dominios.

Configurar caché total de W3: agregar un registro CNAME

En la siguiente pantalla verá un formulario con dos campos. Ingrese el nombre de subdominio que ingresó al crear la zona de contenido. Por ejemplo, colocará cdn para cdn.wpbeginnner.com.

cPanel completará automáticamente el dominio completo. En el campo CNAME, ingrese la URL proporcionada por MaxCDN cuando creó la zona de extracción. Es la URL que le pedimos que guarde en el bloc de notas..

Configurar caché total de W3: agregar un registro CNAME

Repita el proceso para todos sus subdominios, p. cdn1, cdn2, etc. Recuerde que solo el campo de nombre cambiará cada vez y el campo CNAME siempre tiene la URL proporcionada por MaxCDN para su zona de extracción. Una vez que haya creado registros CNAME para todos los subdominios, es hora de volver a WordPress y configurar MaxCDN con W3 Total Cache.

Ir Rendimiento »Configuración general. Desplácese hacia abajo hasta encontrar el cuadro de configuración CDN. Marque Activar y seleccione MaxCDN del menú desplegable Tipo de CDN. Haga clic en el botón Guardar toda la configuración.

Habilitar MaxCDN en W3 Total Cache

Después de guardar la configuración, verá una notificación que le informará que debe proporcionar información para los campos “Clave de autorización” y “Reemplazar nombre de host predeterminado con” y seleccionar una zona de extracción. Haga clic en el enlace “Especifíquelo aquí” y W3 Total Cache lo llevará a la página CDN.

W3 Total Cache especifica la configuración de MaxCDN

En la siguiente pantalla, haga clic en el botón Autorizar. Esto lo llevará al sitio web de MaxCDN, donde generará una clave de autorización. Copie y pegue esta clave de nuevo en W3 Total Cache. En “Reemplazar el nombre de host del sitio con”, ingrese el subdominio que creó anteriormente.

Ingresando la clave MaxCDN API y configurando el nombre de host en W3 Total Cache

Guarde todas las configuraciones y eso es todo. Su sitio ahora está configurado para servir archivos estáticos usando MaxCDN. Ahora, si carga su sitio, las URL de las imágenes deben servirse desde el subdominio CDN en lugar del dominio real de su sitio. Por ejemplo:

https://www.wpbeginner.com/wp-content/uploads/2010/08/w3totalcachecdnconfig.gif

sería reemplazado por:

http://cdn.wpbeginner.com/wp-content/uploads/2010/08/w3totalcachecdnconfig.gif

Ahora, si alguno de sus archivos estáticos no se está cargando con el CDN, probablemente signifique que deberá especificarlo en la configuración de la lista de archivos personalizados en W3 Total Cache. Tuvimos que hacerlo para el complemento OIO Publisher que usamos para publicar anuncios. Si va a la página de configuración de CDN, verá la opción Avanzado:

Configuración avanzada de CDN en W3 Total Cache

Simplemente agregue todos los archivos / carpetas que desea incluir para CDN. Además, si observa, hay una lista de archivos rechazados. Cuando realiza una pequeña actualización de diseño, su style.css no se actualizará de inmediato. Por lo tanto, puede poner eso en una lista de archivos rechazados durante el tiempo que esté realizando cambios. Si solo desea una purga única, puede hacerlo desde su tablero MaxCDN.

Todo lo que hemos cubierto hasta ahora, funcionará muy bien en la mayoría de las cuentas de alojamiento web. Sin embargo, W3 Total Cache viene con muchas otras opciones. Haremos todo lo posible para explicar qué son y por qué no los habilitamos en todos los sitios..

Minify

Minify simplemente reduce el tamaño de tus archivos estáticos para ahorrarte cada kilobyte que puedas. Sin embargo, a veces generar ese archivo minificado puede requerir más recursos que el recurso que guardará. No estamos diciendo que es una función horrible. Simplemente estamos diciendo que podría no ser la mejor opción para cada servidor. Hemos escuchado a numerosos usuarios quejarse al respecto, y nuestro anfitrión (HostGator) nos recomendó que lo dejáramos. Si es como nosotros (NO SABYY con la jerga del servidor), escuche a su proveedor de alojamiento web.

Caché de Base de Datos

El almacenamiento en caché de la base de datos reduce la carga del servidor al almacenar en caché las consultas SQL. Esto elimina el tiempo de procesamiento de consultar la base de datos (que puede no ser mucho para sitios más pequeños). Cuando comenzamos a usar esto, parecía poner mucha carga en nuestro servidor. Nuestro anfitrión nos recomendó apagarlo. En cambio, terminaron activando el almacenamiento en caché SQL incorporado para nosotros. Nuevamente, use esta opción bajo su propio riesgo. Puede probarlo y ver cómo afecta el tiempo de carga de su sitio. Luego, simplemente apáguelo, si el impacto no es lo suficientemente significativo. La mayoría de los hosts no recomiendan esto para cuentas de hosting compartido.

Almacenamiento en caché de objetos

Si tiene un sitio altamente dinámico, entonces utilizar el Object Caching le ayudará. Esto se usa principalmente si tiene consultas complejas de bases de datos que son caras de regenerar. Para la mayoría de los principiantes, ignóralo.

Ahora que tiene todo configurado, es mejor crear una copia de seguridad para su configuración de caché total W3. Después de todo, pasamos por mucho en este artículo. Deberá volver a la página de configuración general de W3 Total Cache. Hay una sección para la configuración de importación / exportación. Haga clic para descargar el archivo de configuración de su servidor.

Esperamos que este artículo te haya resultado útil. Para aquellos usuarios que todavía no se venden por el concepto de CDN, recomendamos encarecidamente que lo prueben. CDN trabaja con su proveedor de alojamiento web para disminuir la carga del servidor y aumentar el rendimiento del sitio. Estamos utilizando MaxCDN y le recomendamos que haga lo mismo. (Pruébelos por solo un mes y verá por qué los recomendamos).

Si tiene alguna pregunta, no dude en preguntar en los comentarios a continuación..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me