Cómo instalar y configurar W3 Total Cache para principiantes

A menudo recibimos elogios de los usuarios sobre la rapidez con la que se carga nuestro sitio. Todo el mundo quiere saber el secreto detrás de un sitio WordPress de carga rápida. Aparte de un buen alojamiento web y plugins bien codificados, tienes que asegurarte de que estás usando el cache adecuado y de que tienes una CDN (red de entrega de contenido). Para nuestra configuración, usamos un plugin llamado W3 Total Cache. Debido al gran volumen de peticiones, 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 configurarla correctamente para maximizar los beneficios. También le mostraremos cómo combinar W3 Total Cache con el servicio CDN para que la carga de su sitio sea aún más rápida.

Antes de empezar, te recomendamos que compruebes el rendimiento de tu sitio utilizando Google Page Speed y Pingdom Tools. Esto le dará un antes y un después de la comparación.

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

Comencemos con nuestra configuración de W3 Total Cache.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

¿Qué es W3 Total Cache?

W3 Total Cache es el plugin de optimización del rendimiento de WordPress más rápido y completo. Confiado por muchos sitios populares incluyendo: AT&T, Mashable, Smashing Magazine, WPBBeginner y millones más. W3 Total Cache mejora la experiencia del usuario de su sitio mejorando el rendimiento de su servidor, almacenando en caché cada aspecto de su sitio, reduciendo los tiempos de descarga y proporcionando una integración transparente de la red de entrega de contenido (CDN).

Instalación de W3 Total Cache en WordPress

Antes de instalar W3 Total Cache, debe asegurarse de desinstalar todos los demás plugins de caché (por ejemplo, WP Super Cache). Si no lo hace antes de la instalación, el plugin tendrá problemas al activarse.

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

Vaya a su panel de administración de WordPress y haga clic en Plugins » Añadir Nuevo . Busca «W3 Total Cache» y verás resultados como los de la imagen de abajo:

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

Ajustes y configuración de la caché total de W3

W3 Total Cache es un plugin muy potente, por lo que tiene un montón de 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 la caché total de W3. Empecemos con los ajustes generales.

Configuración general

Puede ir a la página General Settings haciendo clic en el botón Performance del menú en su panel de administración de WordPress. Aquí es donde usted configurará el plugin configurando los ajustes básicos. Asegúrate de que estás en la página de configuración general y no en la página promocional del Dashboard que tiene este plugin.

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

La primera opción que usted ve en esta página es Caché de Páginas. 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 página cargada. Al tener esta opción activada, reducirá significativamente el tiempo de carga. Consulte la imagen de abajo para ver cómo funciona la caché de páginas:

Como puedes ver normalmente cuando un usuario viene a tu 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 requiere recursos del servidor. Tener el almacenamiento en caché de páginas activado, le permite omitir toda esa carga del servidor y mostrar una copia en caché de la página cuando un usuario lo solicite.

Para el hosting compartido que la mayoría de los principiantes utilizan, el método Disk:Enhanced es altamente recomendado. Debe marcar la casilla Habilitar caché de página y guardar todos los ajustes.

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

También omitiremos Minify, Database Cache y Object Cache. La simple razón es que no todos los servidores proporcionan resultados optimizados con estas configuraciones. La siguiente opción que verá es Browser Cache.

¿Qué es la 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 siguiente página, se cargará mucho más rápido porque todos los archivos estáticos están en la caché de su navegador.

La opción Browser Cache de W3 Total Cache establece un límite de tiempo en la caché del navegador. Teniendo en cuenta que usted no cambia su logotipo todos los días, tener archivos estáticos como ese almacenados en caché durante 24 horas no le hará daño. Simplemente marque Enable en la opción Browser Cache y haga clic en el botón Save all settings. Una vez que lo haya hecho, visite la página Performance » Browser Cache para obtener más información.

Como puede ver en la imagen de arriba, hemos habilitado casi todo excepto el 404. Cuando guarde los ajustes, todos los ajustes que aparecen a continuación en esa página se encargarán automáticamente de sí mismos.

En nuestra configuración gratuita de WordPress, estos son los ajustes por defecto que activamos.

¿Qué es una CDN?

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

Hemos creado una infografía sobre Qué es una CDN y Por qué necesita una CDN para su sitio de WordPress. Le recomendamos encarecidamente que lo compruebe, para que pueda tomar una decisión con conocimiento de causa.

W3 Total Cache es compatible con MaxCDN, Amazon S3, Rackspace Cloud y Amazon Cloud Front. AprenderWP está usando MaxCDN (por qué usamos MaxCDN). Esta sección sólo se aplicará a los sitios que utilizan CDN, o que están planeando utilizar CDN. Si cree que va a utilizar una CDN, le recomendamos MaxCDN.

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

En la siguiente pantalla se le pedirá que proporcione los detalles de su zona de tiro.

  • Nombre de la Zona Pull: Sólo tiene que dar cualquier nombre a esta zona de arrastre para que pueda identificarla en el panel de MaxCDN.
  • URL del servidor de origen: Ingrese el URL de su sitio web de WordPress comenzando con http:// y terminando con una barra oblicua / al final.
  • Dominio CDN personalizado: introduzca cualquier subdominio, por ejemplo: cdn.wpbeginner.com
  • Etiqueta: Proporcione una descripción de esta zona de tiro.
  • Compresión: Habilitar la compresión le ahorrará ancho de banda, por lo que se recomienda encarecidamente que marque esta casilla.

Una captura de pantalla de cómo se verán los ajustes mencionados anteriormente:

Haga clic en el botón Create y MaxCDN creará la zona de extracción. En la siguiente pantalla, le mostrará una URL como esta «wpb.wpb.AprenderWP.netdna-cdn.com» copie y guarde esta URL en un archivo de texto usando el bloc de notas porque lo necesitaremos más tarde.

Ahora que hemos creado una zona Pull Zone, el siguiente paso es configurar las zonas de contenido. Para ello, vaya al panel de control de MaxCDN. Haga clic en el botón de gestión al lado de la zona de tiro que acaba de crear. En la siguiente pantalla, haga clic en la ficha Configuración. El propósito de crear zonas de contenido es añadir subdominios, para que podamos mejorar la experiencia del usuario haciendo cola en el navegador del usuario con el contenido de los diferentes subdominios. Para ello, haga clic en el botón Dominios personalizados y añada varios subdominios. Vea la captura de pantalla a continuación:

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

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

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

En la siguiente pantalla verá un formulario con dos campos. Introduzca el nombre del subdominio que introdujo al crear la zona de contenido. Por ejemplo, pondrás cdn para cdn.wpbeginnner.com.

cPanel rellenará automáticamente el dominio completo. En el campo CNAME, introduzca la URL proporcionada por MaxCDN cuando creó la zona de extracción. Es la URL que te pedimos que guardes en el bloc de notas.

Repita el proceso para todos sus subdominios, por ejemplo, cdn1, cdn2, etc. Recuerde que sólo el campo de nombre cambiará cada vez y que el campo CNAME siempre tendrá la url proporcionada por MaxCDN para su zona de tiro. Una vez que haya creado registros CNAME para todos los subdominios, es hora de volver a WordPress y configurar MaxCDN con W3 Total Cache.

Vaya a Rendimiento » Configuración general . Desplácese hacia abajo hasta que encuentre el cuadro de configuración de la CDN. Marque Habilitar y seleccione MaxCDN en el menú desplegable Tipo de CDN. Haga clic en el botón Guardar todos los ajustes .

Después de guardar los ajustes, verá una notificación que le informará de que debe proporcionar información para los campos «Authorization Key» (Clave de autorización) y «Reemplazar nombre de host predeterminado por» (Reemplazar nombre de host predeterminado por) y seleccionar una zona de extracción. Haga clic en el enlace «Especifíquelo aquí» y W3 Total Cache le llevará a la página de la CDN.

En la siguiente pantalla haga clic en el botón Autorizar. Esto le llevará al sitio web de MaxCDN donde generará una clave de autorización. Copie y pegue esta clave de nuevo en la caché total de W3. En «Reemplazar el nombre de host del sitio por» introduzca el subdominio que ha creado anteriormente.

Guarda todos los ajustes y eso es todo. Su sitio está ahora configurado para servir archivos estáticos utilizando MaxCDN. Ahora, si carga su sitio, las URLs de la imagen deben ser servidas 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 bien, si alguno de sus archivos estáticos no se está cargando con la CDN, es probable que tenga que especificarlo en la configuración de la lista de archivos personalizados en la caché total de W3. Teníamos que hacerlo para el plugin OIO Publisher que usamos para publicar anuncios. Si va a la página de configuración de la CDN, verá la opción Avanzada:

Simplemente añada todos los archivos/carpetas que desee incluir en la CDN. Además, si se da cuenta, hay una lista de archivos rechazados. Cuando usted hace una pequeña actualización de diseño, su style.css no se actualizará de inmediato. Así que puede poner eso en una lista de archivos rechazados durante el tiempo que esté haciendo cambios. Si sólo desea una purga única, puede hacerlo desde el panel de control de 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 explicarles lo que 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 la generación de ese archivo miniaturizado puede ser más intensiva en recursos que el recurso que ahorrará. No estamos diciendo que sea una función horrible. Simplemente estamos diciendo que puede que no sea el más adecuado para cada servidor. Hemos oído a numerosos usuarios quejarse de ello, y nuestro anfitrión (HostGator) nos recomendó que no lo hiciéramos. Si eres como nosotros (NO SAVVY con la jerga del servidor), entonces escucha a tu proveedor de alojamiento web.

Almacenamiento en caché de la base de datos

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

Almacenamiento en caché de objetos

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

Ahora que lo tiene todo configurado, lo mejor es crear una copia de seguridad para la configuración de la caché total del W3. Después de todo, hemos pasado por mucho en este artículo. Tendrás que volver a la página de configuración general de tu W3 Total Cache. Hay una sección para Importar / Exportar Ajustes. Haga clic para descargar el archivo de configuración desde su servidor.

Esperamos que este artículo le haya sido útil. Para aquellos usuarios que todavía no están convencidos del concepto de CDN, recomendamos encarecidamente que lo intenten. CDN trabaja con su servidor web para disminuir la carga del servidor y aumentar el rendimiento del sitio. Estamos utilizando MaxCDN y le recomendamos que haga lo mismo. (Pruébalas durante un mes y verás por qué te las recomendamos).

Si tiene alguna pregunta, por favor siéntase libre de hacerla en los comentarios de abajo.

Deja un comentario