No nos andemos con rodeos:
Necesitas un sitio web que se cargue rápidamente.
Acelerar su sitio web hace que sus visitantes estén más felices, aumenta las posibilidades de que le compren y, en primer lugar, le brinda más visitantes.
Pero incluso si sabes que necesitas un sitio web más rápido, cuando se añaden términos como almacenamiento en caché, minificación y distribución de contenido, puede empezar a resultar un poco abrumador, ¿verdad?
Entonces, si tiene dificultades con el tiempo o las habilidades técnicas necesarias para mejorar la velocidad de su sitio, tengo la guía para usted.
En esta guía, le mostraré cómo reducir drásticamente el tiempo de carga de su sitio de WordPress. sin pagar un solo centavo. Para hacer esto, utilizará dos herramientas gratuitas: el complemento de WordPress W3 Total Cache y un servicio llamado CloudFlare.
Lo guiaré en cada paso del proceso usando capturas de pantalla reales. Entonces, ya seas un completo principiante o un usuario avanzado de WordPress, podrás resolverlo todo.
¡Vayamos al meollo de la cuestión!
¿Cómo mejoran W3 Total Cache y CloudFlare la velocidad de la página?
Además de elegir un alojamiento de calidad, dos de las mayores mejoras que puede realizar en los tiempos de carga de la página de un sitio de WordPress son:
caché total W3 eliminar la parte de almacenamiento en caché. El almacenamiento en caché acelera su sitio al proporcionar archivos estáticos en lugar de contenido renderizado dinámicamente (de lo que WordPress está lleno). Sé que suena un poco trivial, pero en realidad significa que su servidor web tiene que hacer menos trabajo y, por lo tanto, puede servir su contenido más rápido.
nubeflare Aumente la velocidad de su sitio con otro método: optimización de la entrega de contenido. Sin una CDN, cada visitante de su sitio debe descargar todos sus archivos desde una ubicación: el centro de datos de su sitio web.
Ya sea que estén en París, Texas o París, Francia, obtienen los datos de su sitio web desde el mismo lugar.. Las CDN cambian eso al crear múltiples versiones globales de sus datos.
Por lo tanto, los visitantes pueden descargar archivos estáticos como imágenes y vídeos desde el centro de datos más cercano a ellos, en lugar de desde su servidor web distante. Esta proximidad física reduce los tiempos de descarga y, por tanto, acelera su sitio web.
Junte W3 Total Cache y CloudFlare y tendrá un súper dúo que acelera la carga de páginas.
Cómo instalar y configurar W3 Total Cache
Ahora que sabes por qué este dúo puede ser tan útil, entremos en la parte real de configurarlo todo.
caché total W3 solía ser Fue realmente complicado configurarlo porque tenía muchas configuraciones diferentes. Bueno, todavía tiene muchas más configuraciones que el complemento de almacenamiento en caché normal, pero la introducción de un nuevo asistente de configuración hace que elegir la configuración óptima para su sitio de WordPress sea mucho más fácil.
Y luego, una vez que hayas configurado W3 Total Cache, integrarlo con Cloudflare también es bastante sencillo.
Entonces, procedamos paso a paso con muchas instrucciones
Paso 1: instale W3 Total Cache y complete el asistente de configuración
Para comenzar, querrás instalar y activar el complemento W3 Total Cache de WordPress.org. Puedes hacer esto yendo a Complementos → Agregar nuevo en su panel de WordPress y buscándolo por nombre.
Una vez que el complemento esté activado, haga clic en nuevo Actuación pestaña en su panel de WordPress para iniciar el asistente de configuración:
Primero, elija si desea compartir datos de uso anónimos con W3 Total Cache. Puede aceptar o rechazar según sus preferencias.
Luego, el asistente de configuración lo guiará a través de la configuración de varios tipos de almacenamiento en caché en su sitio, así como algunas otras opciones.
Para cada tipo de almacenamiento en caché, como almacenamiento en caché de páginas, almacenamiento en caché de objetos, etc., W3 Total Cache admite diferentes métodos para implementar ese tipo de almacenamiento en caché.
Para ayudarlo a elegir el método óptimo para la configuración específica de su servidor, W3 Total Cache realizará una prueba de rendimiento con cada método. Luego, puede elegir el método que mejor funcione para su sitio.
A continuación se explica cómo configurar cada paso del asistente
Caché de página
Cuando llegues al Caché de página pestaña en el asistente de configuración, primero haga clic en el botón para Almacenamiento en caché de páginas de prueba:
Luego, verá una lista de métodos que funcionarán para su servidor. No te preocupes si algunos métodos dicen No disponible; esto es completamente normal..
Desea elegir la opción que ofrezca la mejor o casi mejor reducción en los tiempos de carga. Para este ejemplo, y en la mayoría de los casos, este es el caso. Disco: mejorado método, que también es el método recomendado por W3 Total Cache:
Haga clic en Siguiente para guardar su elección.
Caché de base de datos
A continuación, elegirá el método de almacenamiento en caché de la base de datos.
El almacenamiento en caché de la base de datos puede ser complicado porque no siempre genera mejoras en el rendimiento, especialmente en alojamiento compartido económico. entonces para mayoría sitios, en realidad es mejor dejarlo deshabilitado (Nadie).
En mi sitio de prueba, puede ver que el almacenamiento en caché de la base de datos en realidad ralentizó los tiempos de carga o no generó ninguna mejora.
Si los resultados de su prueba son similares a los míos (lo cual, nuevamente, probablemente harán), deberías dejarlo configurado en Nadie y haga clic Próximo:
Caché de objetos
Ahora puedes elegir el método de almacenamiento en caché de objetos.
En hosting compartido, normalmente el único método para almacenar objetos en caché es Disco. Puede experimentar con el almacenamiento en caché de objetos de disco, pero generalmente no es una buena opción en alojamiento compartido porque consumirá muchos recursos de CPU. Básicamente, si sólo ves el Disco Opción, déjalo como está. Nadie.
Sin embargo, si su servidor admite Redis o Memcached, debería considerar habilitar el almacenamiento en caché de objetos. Puedes elegir la opción que mejor funcione. Personalmente prefiero Memcached.
A continuación puede ver que mi servidor admite Redis y Memcached. De los dos, Memcached funcionó mejor (y el manejo funcionó horriblemente):
Caché de navegador
Con el almacenamiento en caché del navegador, realmente no hay nada que probar, aunque la guía de configuración le pedirá que pruebe el caché de su navegador.
Simplemente elige la opción para Calificado y haga clic en Siguiente:
Carga lenta
En la página siguiente, W3 Total Cache le preguntará si desea cargar las imágenes lentamente.
WordPress ahora ofrece carga diferida nativa incorporada para imágenes en Navegadores que admiten carga diferida nativa. (es decir, todos los navegadores principales excepto Safari).
Si desea garantizar una carga diferida para los visitantes de Safari, puede marcar la casilla:
Resumen
¡Eso es todo! Acaba de completar el asistente de configuración. La última página debe mostrar un resumen de sus opciones.
Ahora es el momento de hacer algunos cambios más
Paso 2: configurar ajustes de almacenamiento en caché más avanzados (opcional)
Bajo la Actuación pestaña en su panel de WordPress, incluye W3 Total Cache una tonelada de diferentes configuraciones para varios métodos y características de almacenamiento en caché.
Si eres un experto, puedes profundizar aquí y personalizar exactamente cómo funciona todo.
Pero aquí está la cosa:
Para la mayoría de los sitios, la configuración predeterminada está bien aquí. Realmente no Necesidad para cambiar cualquier cosa.
Por lo tanto, a menos que su sitio tenga necesidades específicas, le recomiendo que no se moleste en cambiar ninguna configuración adicional más allá de las configuradas en el asistente de configuración.
Entonces, ¿cuáles podrían ser estas “necesidades específicas”?
Bueno, uno de los más importantes es si tiene contenido específico o tipos de usuarios que necesita excluir del almacenamiento en caché por algún motivo, por ejemplo, si servir contenido en caché en tales situaciones romperá características dinámicas clave (como una membresía dinámica de un sitio web).
Si es así, quizás quieras ir a Rendimiento → Almacenamiento en caché de páginas y desplácese hacia abajo para Avance sección para establecer exclusiones:
Pero en general, para la mayoría de los sitios (por ejemplo, un blog), no es necesario cambiar nada en la configuración detallada.
Paso 3: habilite la extensión W3 Total Cache Cloudflare
Ahora que W3 Total Cache está configurado, comencemos a integrarlo con Cloudflare.
W3 Total Cache tiene una extensión Cloudflare incorporada que tiene dos propósitos principales:
- Le permite eliminar el caché de Cloudflare desde su panel de WordPress. También puedes eliminarlo automáticamente cuando edites una publicación. Este es el beneficio más importante de configurar la extensión.
- Le permite configurar los ajustes de Cloudflare desde su panel de WordPress (aunque también puedes configurarlos desde el panel de Cloudflare, que prefiero).
En su panel de WordPress, vaya a Rendimiento → Extensiones y activar el nubeflare extensión:
Volverás a esta extensión en breve, pero primero debes configurar tu sitio con Cloudflare.
Cómo instalar y configurar Cloudflare para WordPress
Ahora es el momento de administrar la configuración de su sitio de WordPress con el servicio Cloudflare. Entonces, una vez que hayas hecho eso, conectarás W3 Total Cache a Cloudflare a través de la extensión que acabas de habilitar arriba.
Paso 1: Regístrese para obtener una cuenta de Cloudflare y agregue su sitio web
Ir a Sitio web de Cloudflare y regístrese para obtener una cuenta.
Una vez que cree su cuenta, Cloudflare le pedirá que agregue su sitio web. Ingrese la URL de su sitio y haga clic Agregar sitio:
Cloudflare ahora te mostrará una página de precios que te hará lucir como tú deber Regístrese para un plan pago. ¡No no te dejes engañar!
Simplemente desplácese hacia abajo en planes pagos y seleccione el plan gratuito. Luego, haga clic continúa:
Paso 2: Verifique sus registros DNS
Cloudflare ahora escaneará los registros DNS de su sitio. Sé que esto puede parecer complicado, pero en realidad todo lo que necesitas hacer es asegurarte de ver la nube naranja Proxied junto a tu nombre de dominio principal (que deberías por defecto). Luego, haga clic continúa:
Es posible que los usuarios avanzados quieran modificar esto, pero el 99 % de los sitios no necesitan cambiar nada.. Básicamente, a menos que sepas lo que estás viendo, no hay razón para cambiar nada.
Paso 3: actualice sus servidores de nombres
En el último paso, deberá actualizar los servidores de nombres de su dominio a los nuevos servidores de nombres proporcionados por Cloudflare.
Si compraste tu nombre de dominio en un servicio como GoDaddy o Namecheap, actualizarás tus servidores de nombres allí. Si compró su nombre de dominio a través de su alojamiento web, deberá actualizar sus servidores de nombres desde su panel de alojamiento.
Si necesita ayuda, el equipo de soporte de su registrador puede indicarle la dirección correcta.
Una vez que hayas hecho eso, haz clic Listo, revisa los servidores de nombres.
Los cambios pueden tardar 24 horas en surtir efecto. Pero no se preocupe: su sitio no experimentará ningún tiempo de inactividad. Esto significa que es posible que Cloudflare no comience a acelerar su sitio durante 24 horas.
En la siguiente pantalla, Cloudflare le pedirá que inicie un asistente de configuración. Sin embargo, le recomiendo que omita este paso, ya que lo guiaré en la configuración manual de los ajustes:
Paso 4: conecte la extensión W3 Total Cache a Cloudflare
Una vez que haya configurado su sitio para usar Cloudflare, puede regresar a su panel de WordPress y configurar la extensión W3 Total Cache Cloudflare. En WordPress, vaya a Rendimiento → Extensiones y haga clic Ajustes bajo la extensión Cloudflare.
En la configuración de la extensión, haga clic en Autorizar botón:
Se abre un mensaje donde debe ingresar:
- La dirección de correo electrónico de su cuenta de Cloudflare.
- Su clave API de Cloudflare
Para obtener su clave API de Cloudflare, haga clic en esta URL. Luego, desplácese hacia abajo hasta Clave API global cuadro y haga clic Visualización:
El valor de ese cuadro es lo que necesita pegar en la configuración de W3 Total Cache:
Después de hacer clic en Siguiente, se le pedirá que seleccione su Zona, que es la URL de su sitio:
¡Y esto es todo! Su sitio ahora debería estar conectado. También podrás configurar ajustes clave de Cloudflare desde tu panel de WordPress:
Paso 5: Configure sus ajustes SSL de Cloudflare
Para estas últimas configuraciones, puede configurarlas desde el panel de Cloudflare o desde la extensión W3 Total Cache Cloudflare.
Sin embargo, usaré el panel de Cloudflare para obtener capturas de pantalla e instrucciones.
Primero, asegúrese de haber configurado correctamente los ajustes SSL de Cloudflare para evitar errores como el mensaje ERR_TOO_MANY_REDIRECTS en Chrome.
Para acceder a estas configuraciones en Cloudflare, vaya a SSL/TLS forma.
Si su sitio ya tiene un certificado SSL (Me gusta el certificado Lets Encrypt gratuito de su anfitrión), debes configurar tu configuración SSL de Cloudflare en Lleno.
Si su sitio no tiene un certificado SSL, lo cual es bastante raro hoy en día, puede usar la opción Flexible de Cloudflare.
Paso 6: habilite la minificación y compresión de Brotli
Para el último paso, desea configurar Cloudflare para minimizar el código de su sitio y aplicar la compresión Brotli.
Para configurarlo, vaya a Velocidad Pestaña del panel de control de Cloudflare. Luego, seleccione el Mejoramiento forma.
Bajo Minimizar automáticamentemarque las tres casillas para JavaScript, CSS y HTML.
Luego, a continuación, asegúrese de tener habilitada la compresión Brotli:
¡Y esto es todo! Guarde su configuración, destape el champán y celebre un trabajo bien hecho.
Resumiendo las cosas
Uf, lo sé, fue mucho. Pero una vez que hagas este proceso una vez, ¡deberías terminarlo para siempre!
Esto significa que aproximadamente una hora de esfuerzo le permitirá disfrutar de tiempos de carga de páginas mejorados durante toda su vida. ¡Y eso es una ganancia garantizada en lo que respecta al retorno de la inversión!
Pero recuerde que existen otros complementos de almacenamiento en caché que son mucho más fáciles de usar que W3 Total Cache. Si desea obtener más información, consulte nuestro artículo sobre los mejores complementos de almacenamiento en caché de WordPress.
Lectura relacionada:
