Cómo hacer que WordPress sea más rápido con W3 Total Cache + CloudFlare

No nos andemos con rodeos:

Necesitas un sitio web de carga rápida.

Acelerar su sitio web hace que sus visitantes sean más felices, mejora las posibilidades de que le compren, e incluso le consigue más de esos visitantes en primer lugar!

Pero incluso si sabes que necesitas un sitio web más rápido, cuando términos como “caching”, “minificación” y “entrega de contenido” se lanzan a la mezcla, puede empezar a sentirse un poco abrumador, ¿verdad?

Así que si has estado luchando con el tiempo o los conocimientos técnicos necesarios para mejorar la velocidad de tu sitio, tengo la guía para ti.

En esta guía, voy a mostrarte cómo reducir drásticamente el tiempo de carga de tu sitio de WordPress sin pagar un solo centavo. Para ello, usarás dos herramientas gratuitas: el plugin W3 Total Cache WordPress y un servicio llamado CloudFlare.

Te llevaré a través de cada paso del proceso usando imágenes reales. Así que, tanto si eres un novato total como un usuario avanzado de WordPress, serás capaz de averiguarlo todo.

¡Vamos a ello!

¿Cómo mejoran la velocidad de la página el W3 Total Cache y CloudFlare?

Además de elegir un alojamiento de calidad, dos de las mayores mejoras que puedes hacer en los tiempos de carga de las páginas de un sitio de WordPress son:

  • Un buen plugin de cacheo
  • Una red de entrega de contenidos (CDN)

W3 Total Cache elimina la parte de cacheo. El cacheo acelera tu sitio al servir archivos estáticos en lugar de contenido renderizado dinámicamente (del cual WordPress está lleno). Sé que suena un poco a jerga, pero lo que realmente significa es que tu servidor web tiene que hacer menos trabajo y puede, por lo tanto, servir tu contenido más rápido.

CloudFlare aumenta la velocidad de su sitio por otro método: la optimización de la entrega de contenido. Sin un CDN, cada visitante de su sitio tiene que descargar todos sus archivos desde un lugar – el centro de datos de su sitio web.

Ya sea que se encuentren en París, Texas o París, Francia, obtienen los datos de su sitio web desde el mismo lugar . Los CDNs cambian eso creando múltiples versiones globales de sus datos.

Entonces, los visitantes pueden descargar archivos estáticos como imágenes y videos del centro de datos más cercano a ellos, en lugar de su lejano servidor web. Esta proximidad física reduce los tiempos de descarga y por lo tanto acelera su sitio web.

Si unimos W3 Total Cache y CloudFlare, tenemos un superdúo de carga de páginas que acorta el tiempo.

Nota: Aunque W3 Total Cache es uno de los plugins de cacheo más populares disponibles, hay otras opciones. Haz clic aquí para conocer los plugins de cacheo alternativos para WordPress.

Cómo configurar y poner en marcha el W3 Total Cache

¿Sabes que la mayoría de los plugins de WordPress te dejan “activarse y marcharse”? Sí, ese es el caso de no con W3 Total Cache. ¡Perdón!

Tiene unos vertiginosos 13 elementos de menú diferentes… sólo en la pestaña de Configuración General. Sé que revisar todo suena como una tarea, pero te prometo que la recompensa vale la pena .

Leer
¿Estás cometiendo estos errores en el blog de los novatos? Aquí está cómo arreglarlos

Y también prometo que usaré toneladas de capturas de pantalla para hacer el proceso lo más simple posible. Después de mostrarles cómo configurar W3 Total Cache, los llevaré a configurar CloudFlare y hacer que funcione junto con W3 Total Cache.

Paso 1: Instalar y activar el W3 Total Cache

Empieza instalando y activando W3 Total Cache. Es un plugin gratuito disponible en el directorio de plugins de wordpress.org, así que puedes instalarlo directamente desde tu panel de control de WordPress yendo a Plugins → Agregar nuevo y buscando:

Asegúrate de activar el plugin. Luego, dirígete a sus opciones de configuración haciendo clic en la pestaña Performance .

Paso 2: Configurar los ajustes generales

Lo primero que hay que configurar es la configuración general del W3 Total Cache . Esta pestaña habilita/deshabilita todas las características que configurarás con mayor detalle más adelante:

Lo revisaré en orden de arriba a abajo.

1. General

La primera opción le permite activar automáticamente todas las funciones de W3 Total Cache. Desafortunadamente, no necesitarás todas y cada una de las características, por lo que deberías no usar esta opción.

También te permite activar el modo de vista previa . En el modo de vista previa, puedes probar los cambios antes de desplegarlos en tu sitio web. Personalmente no utilizo el modo de previsualización , porque es fácil deshabilitar el plugin si algo sale mal.

2. Page Cache – ENABLE

Esta es la característica más importante de W3 Total Cache. La caché de páginas por sí sola mejorará masivamente el rendimiento de tu sitio.

Definitivamente, Habilitar Caché de página. Para el método, debes elegir el disco : Enhanced , que debería ser la opción por defecto:

3. Minimizar – Deshabilitar

Minify puede reducir el código de su sitio sin perder ninguna de sus funciones. Definitivamente quieres minificar tu código para mejorar los tiempos de carga de la página. PERO, CloudFlare también soporta la minificación. Así que en realidad recomendaré el uso de CloudFlare para minificar su código en su lugar.

Por lo tanto, haz no habilitar Minify en W3 Total Cache si planeas seguir este completo tutorial y usar CloudFlare.

4. Caché de la base de datos – DISABLE

Su base de datos es donde se almacenan todos los datos reales de sus mensajes, páginas y todo lo demás. La caché de la base de datos puede mejorar el rendimiento de tu base de datos y reducir el tiempo que se tarda en crear publicaciones, páginas y fuentes RSS.

Pero si estás en un alojamiento compartido, el almacenamiento en caché de la base de datos puede ralentizar tu sitio al descargar demasiado trabajo en la CPU de tu servidor.

Así que si tienes un alojamiento compartido económico, te recomiendo que dejes la caché de la base de datos Deshabilitada . Si tienes un servidor dedicado o VPS, puedes habilitarlo.

5. Caché de objetos – ENABLE

La caché de objetos es otra que puede o no funcionar bien con el alojamiento compartido. Vale la pena intentarlo, pero si alguna vez notas que tu panel de administración de WordPress funciona lentamente, tal vez quieras volver atrás y desactivarlo más adelante.

Pero por ahora, Habilitar Caché de Objetos y elegir el método Disco :

6. Caché del navegador – ENABLE

Browser Cache acelera su sitio al almacenar en caché recursos estáticos en los navegadores de sus visitantes, eliminando así la necesidad de recargar constantemente el contenido estático.

Definitivamente quieres Habilitar esta opción:

7. CDN – DISCAPACITADO

Mientras que usted va a utilizar un CDN (CloudFlare), este es no donde usted lo configurará. Así que deja el CDN desactivado. No te preocupes – Te mostraré cómo manejar CloudFlare más tarde.

8. Proxy inverso – DISABILITADO

Leer
9 Poderosas herramientas de investigación de mercadeo de la influencia que obtienen resultados fantásticos

Los proxies inversos son un concepto avanzado que generalmente requieren de un hospedaje privado. Por lo tanto, puedes dejar este desactivado.

9. Monitoreo – SIN ACCIÓN

No es necesario configurar la monitorización. Sólo ignóralo.

10. Debug – DISCAPACITADO

A menos que estés intentando depurar tu sitio activamente, deberías dejar todas las opciones de Depuración Desactivadas . Sólo añadirán código innecesario a tu sitio.

¡Y eso es todo para configurar los ajustes generales! Puede que haya algunas opciones adicionales, pero puedes ignorar con seguridad cualquier cosa que no haya mencionado antes.

A continuación, tendrá que configurar cada método con más detalle. Puedes acceder a la configuración detallada de cada método haciendo clic en la opción correspondiente del menú de tu barra lateral:

Recuerda – sólo necesitas configurar las opciones que has habilitado arriba. Así que no necesitarás configurar cada elemento del menú.

Paso 4: Configurar el caché de páginas

Primero, ve a la configuración de la caché de páginas. Luego, ve a las diferentes opciones de la página siguiendo estas instrucciones. Si no menciono una sección, puedes dejarla como predeterminada.

1. General

En General , asegúrese de marcar estas casillas para habilitarlas:

  • Portada de la caché
  • Caché de alimentación
  • Caché SSL – CloudFlare ofrece certificados SSL gratuitos, por lo que puedes habilitar esta casilla aunque no estés usando SSL actualmente.
  • No almacenar páginas para usuarios conectados

Puedes dejar todo lo demás desactivado (sin marcar):

2. Precarga de la caché

Rellene esta sección siguiendo estos ajustes:

  • Prima automáticamente el caché de la página: Comprobado
  • Intervalo de actualización: 900 segundos
  • Páginas por intervalo: 10
  • URL del mapa del sitio: El enlace real a su mapa web, si lo tiene. Normalmente “sudominio.com/mapa del sitio.xml” para la mayoría de los plugins de SEO.
  • Precarga la caché de correos al publicar los eventos: Comprobado

Puedes dejar todo lo demás en esta sección por defecto.

Paso 5: Configurar la caché de objetos

Debido a que ni Minify ni Database Cache deben estar activados, puedes saltar directamente a la configuración de Object Cache .

Deberías ser capaz de dejar todo por defecto aquí – sólo asegúrate de que ves estos números:

  • Tiempo de vida por defecto de los objetos de la caché: 180 segundos
  • Intervalo de recogida de basura: 3600 segundos

Paso 6: Configurar la caché del navegador

¡Este es el último método que necesitas configurar!

1. General

En las opciones General , es necesario marcar algunas casillas adicionales. Asegúrate de marcar todas ellas:

  • Fijar el encabezado de la última modificación: Comprobado
  • El juego expira la cabecera: Comprobado
  • Establecer la cabecera de control de la caché: Comprobado
  • Establecer la etiqueta de la entidad (eTag): Comprobado
  • Establece el encabezado de la caché total de W3: Comprobado
  • Activar la compresión HTTP (gzip): Comprobado

Puedes dejar cualquier otra opción sin marcar:

Puedes dejar todas las demás secciones en la caché del navegador como sus valores por defecto.

Paso 7: Configurar la Extensión CloudFlare de W3 Total Cache

¡Eso es todo en cuanto a la configuración de los ajustes! Por ahora, lo último que necesitas hacer en W3 Total Cache es ir a la página de Extensiones y Activar CloudFlare.

Después de configurar CloudFlare, tendrás que volver a esta página para introducir tus credenciales de acceso a CloudFlare.

Por ahora, estás listo para pasar a la configuración de CloudFlare.

Cómo configurar y configurar CloudFlare para WordPress

Tengo grandes noticias…

Si lograste pasar la sección de configuración de W3 Total Cache, CloudFlare va a parecer un absoluto paseo en el parque en comparación.

Toma una taza de café fresco y sigamos adelante.

Paso 1: Regístrate en una cuenta de CloudFlare y selecciona tu sitio web

Dirígete a la página web de CloudFlare y regístrate para obtener una cuenta.

Una vez que cree su cuenta, CloudFlare le pedirá que añada su sitio web. Sólo tienes que introducir el dominio de tu sitio web y hacer clic en Escanear los registros DNS:

Leer
Cómo arreglar el error del servidor interno de WordPress (video de YouTube)

CloudFlare te mostrará un video útil mientras escanea tu sitio web. Una vez que el escaneo termine, sólo tienes que hacer clic en Continuar.

Paso 2: Verifique sus registros DNS

En la siguiente pantalla, tienes que verificar tus registros DNS. Sé que esto puede parecer complicado. Pero si eres un principiante, esto es todo lo que necesitas hacer:

Asegúrate de que ves el icono naranja de CloudFlare junto a tu nombre de dominio real. Esto significa que CloudFlare acelerará el tráfico de ese dominio. Si estás usando algún subdominio público, también deberías verificar que ves un icono naranja junto a ellos.

Mientras veas el icono naranja, ¡estás listo para volar!

Paso 3: Elegir el nivel del plan

Debido a que este post trata sobre la aceleración de tu sitio de forma gratuita, deberías elegir el plan Gratuito. Para la mayoría de los propietarios de sitios, el plan gratuito es más que suficiente.

Paso 4: Actualizar sus servidores de nombre

En el último paso, tendrá que actualizar los servidores de nombre de su dominio de sus actuales servidores de nombre a los nuevos servidores de nombre proporcionados por CloudFlare.

Para ello, deberá ir al lugar donde registró su nombre de dominio y actualizar sus servidores de nombre con su registrador. Si necesita ayuda, el equipo de asistencia de su registrador puede indicarle la dirección correcta.

Podría tomar 24 horas para que los cambios surtan efecto. Pero no se preocupe, su sitio no experimentará ningún tiempo de inactividad. Todo lo que significa es que CloudFlare podría no empezar a acelerar su sitio durante 24 horas.

¡Y ya has terminado con la configuración básica!

Paso 5: Activar CloudFlare en W3 Total Cache

¡Ya casi estamos, amigos! Tengan paciencia conmigo por un par de minutos más.

Ahora, sólo tienes que volver a W3 Total Cache y añadir tus credenciales de inicio de sesión de CloudFlare para sincronizar los dos juntos.

En tu panel de control de WordPress, ve a Extensiones y haz clic en el enlace Configuración bajo la extensión CloudFlare.

Haga clic en el botón Autorizar debajo de las Credenciales:

Nota: Actualmente hay un fallo que impide que el botón Autorizar funcione a menos que el idioma de su sitio web esté configurado en inglés. Si ese es el caso, cambie temporalmente su sitio al inglés y luego haga clic en el botón Autorizar.

Puedes volver a cambiarlo al lenguaje correcto una vez que el proceso haya sido completado.

Introduce la dirección de correo electrónico de tu cuenta CloudFlare así como tu clave de la API de CloudFlare.

Puedes encontrar tu clave de la API de CloudFlare yendo a Mi cuenta (este enlace te llevará directamente allí) y encontrando la sección de la clave de la API :

Una vez que guardes tus credenciales, deberías ver una nueva pantalla con varias opciones de configuración.

Paso 6: Encender CloudFlare Minify

Último paso, ¡lo prometo en el meñique! Sólo tienes que desplazarte hacia abajo en esos ajustes y activar los tres niveles de minificación:

¡Y eso es todo! Guardad vuestros ajustes, abrid el champán y celebrad el trabajo bien hecho.

Si alguna vez lo necesitas, también puedes configurar el SSL y los ajustes de seguridad en esta página. Pero está bien dejarlos como predeterminados por ahora.

Envolviendo las cosas

Uf, sé que eso fue mucho. Pero una vez que haces este proceso una vez, ¡deberías terminar con él para siempre! Eso significa que una hora o más de dolor te preparará para toda una vida de mejores tiempos de carga de páginas. Y eso es una victoria garantizada en cuanto a la rentabilidad de la inversión.

Deja una respuesta