Acelera tu WordPress con WP Rocket y cdmon
¿No es frustrante cuando haces clic en un sitio web, esperas y esperas y finalmente le das al botón de «atrás» por desesperación?
Lo que más molesta a los visitantes de una página web es que sea de carga lenta.
Un estudio de Forrester Consulting afirma que «el 47% de los consumidores esperan que una página web se cargue en dos segundos o menos». ¡Increíble! ¿Qué podemos hacer para conseguir esta cifra?
Lo triste es que muchos propietarios de sitios web no se dan cuenta de que su proyecto web tenga carga lenta no solo frustra a la gente, sino que también puede afectar negativamente sus posiciones en Google y tener un impacto negativo en los ingresos finales.
Lo positivo es que hay formas de acelerar el tiempo de carga de un sitio web, especialmente si la página web funciona con WordPress. ¡Estás de suerte! Sigue leyendo y te daremos la clave para que la carga de tu web deje de ser un problema.
¿Qué es WP Rocket?
WP Rocket es un plugin premium de caché de WordPress que es extremadamente efectivo para acelerar el tiempo de carga de tu sitio web.
WP Rocket es súper fácil de usar, y está listo para poderse usar con solo algunos ajustes recomendados que deben configurarse.
Es diferente de la mayoría de plugins de caché de WordPress que son conocidos por estar repletos de opciones y configuraciones confusas.
Descargar e instalar WP Rocket
Primero, vaya al sitio web de WP Rocket y compre el plugin de WordPress.
Elija el plan que funcione mejor para ti y complete los pasos necesarios para realizar su pedido.
A continuación, se le enviará un correo electrónico con información de inicio de sesión a su cuenta en wp-rocket.me. Vaya e inicie sesión, y en «mi cuenta» encontrará el enlace de descarga. Descargue y guarde el archivo zip en su computadora.
A continuación, inicie sesión en su sitio de WordPress y diríjase a Complementos -> Agregar nuevo -> Cargar complemento.
Simplemente cargue e instale la versión de archivo zip de WP Rocket.
Recomendaciones para una óptima configuración de WP Rocket
Ahora es el momento de configurar WP Rocket según nuestras recomendaciones.
Primero vaya a Configuración -> WP Rocket, e irá a la página de configuración del complemento.
Hay 9 pestañas o secciones:
Configuración básica (pestaña predeterminada)
Configuración de archivos estáticos
Configuración de CDN
Ajustes avanzados
Configuración de la base
Configuraciones de precarga
Varnish
Herramientas
Ahora vamos a configurar la configuración recomendada para WP Rocket, para cada sección.
Configuración básica
1. La carga diferida significa que las imágenes, los marcos flotantes y los vídeos solo se cargarán cuando entren (o estén a punto de ingresar) en la ventana gráfica, es decir, cuando el usuario se desplace por la página. La carga diferida reduce la cantidad de solicitudes HTTP que pueden mejorar los tiempos de carga.
2. La memoria caché móvil debe estar activada, ya que habilita el almacenamiento en caché para dispositivos móviles y hace que tu sitio web sea más amigable para dispositivos móviles.
3. Se recomienda que el caché de usuario se haya activado solo cuando tienes un sitio de membresía o similar, cuando los usuarios deben iniciar sesión para ver el contenido.
4. La caché SSL solo debería activarse si todo tu sitio web se ejecuta en HTTPS.
5. La caché de Emoji debe estar desactivada porque se debe usar el emoji predeterminado del navegador de los visitantes en lugar de cargar emoji desde WordPress.org. La desactivación del almacenamiento en memoria de emojis reduce la cantidad de solicitudes HTTP que pueden mejorar los tiempos de carga.
6. Las inserciones deben deshabilitarse porque previene que otros incrusten contenido de su sitio y además, elimina las solicitudes de JavaScript relacionadas con WordPress Inserciones.
7. La vida útil de la memoria caché se configura automáticamente en 10 h, lo que significa que los archivos en la memoria caché se eliminan automáticamente después de 10 horas antes de volver a crearse. Si rara vez actualizas tu sitio o tienes un montón de contenido estático, puedes aumentar esto.
Configuración de archivos estáticos
1. Los archivos de minimización reducen los tamaños de archivo y pueden mejorar el tiempo de carga. La reducción elimina los espacios y los comentarios de los archivos estáticos, permite que los navegadores y los motores de búsqueda procesen más rápido los archivos HTML, CSS y JavaScript.
2. Los archivos combinados unen archivos en grupos más pequeños para garantizar la compatibilidad del tema / complemento y un mejor rendimiento. Sin embargo, no se recomienda forzar la unión en solo 1 archivo único, ya que los navegadores descargan más rápido hasta 6 archivos más pequeños en paralelo que 1-2 archivos grandes.
3. Excluir CSS te permite especificar las URL de los archivos CSS que se excluirán de la minificación y la unión.
4. Excluir JS le permite especificar las URL de los archivos JS que se excluirán de la minificación y la unión.
5. Eliminar cadenas de consulta de recursos estáticos puede mejorar la calificación de rendimiento en GT Metrix. Esta configuración elimina la cadena de consulta de la versión de los archivos estáticos (por ejemplo, style.css? Ver = 1.0) y la codifica en el nombre del archivo (por ejemplo, style-1-0.css).
6. Renderizar bloqueo CSS / JS aplaza tus archivos JS y carga tus archivos CSS de forma asincrónica. Al habilitar esta opción, todos sus archivos JS, incluidos los minimizados por WP Rocket, se cargarán con el atributo defer.
Cargar CSS asincrónicamente significa que tu página comenzará a cargarse y ser visible, sin todos sus estilos CSS.
Al habilitar estas opciones, es posible que vea una mejora en su puntaje de PageSpeed o GT Metrix / Pingdom.
7. Ruta crítica CSS significa que tu página comenzará a cargarse sin todos sus estilos CSS. Eso significa que podría verse un poco extraño durante unos momentos mientras se carga.
Esto se llama FOUC (flash de contenido sin estilo). Para evitar esto, debe usar lo que se llama CSS de ruta crítica. Esto significa que el CSS para el contenido en la parte superior de la página debe colocarse directamente en el HTML para evitar el FOUC mientras se carga la página.
Para generar la ruta crítica de CSS, puedes usar esta herramienta: Generador de CSS de ruta crítica.
Configuración de CDN
1. Cloudflare es compatible y complementario con WP Rocket. Si usa Cloudflare, marque la casilla y aparecerá una ventana emergente. Confirme, guarde los cambios y aparecerá la pestaña CloudFlare.
Ahora se le presentará una gama de opciones, con instrucciones detalladas sobre cómo configurar Cloudflare con WP Rocket.
2. CDN. Habilítelo si estás usando una red de entrega de contenido. WP Rocket es compatible con la mayoría de CDN como Amazon Cloudfront, MaxCDN, KeyCDN y otros. Obten más información sobre cómo usar WP Rocket con un CDN.
3. CDN CNAME (s). Copie el CNAME (dominio) que le dio su proveedor de CDN e ingrésalo en el CNN de CDN. Esto reescribirá todas las URL de sus activos (archivos estáticos).
4. CDN sin SSL. Aquí puedes deshabilitar la funcionalidad CDN en páginas HTTPS. Si tu cuenta CDN no es totalmente compatible con SSL, puedes deshabilitar la reescritura de URL en páginas HTTPS aquí.
5. Excluir archivos te permite especificar URL (s) de archivos que no deberían ser servidos a través de CDN.
Ajustes avanzados
Estas configuraciones son para la administración avanzada de la memoria caché, generalmente para excluir las páginas de compras y compras en las webs de comercio electrónico.
1. Nunca las URL de caché te permiten especificar las URL de las páginas o publicaciones que nunca deben almacenarse en caché.
2. Nunca almacenar en caché las cookies te permite especificar los ID de las cookies que, cuando se configuran en el navegador del visitante, deben evitar que una página se guarde en caché.
3. Nunca almacenar en caché los agentes de usuario te permite especificar cadenas de agente de usuario que nunca deberían ver páginas en caché.
4. Siempre purgar URL (s) te permite especificar las URL que siempre desea purgar de la memoria caché cada vez que actualice una publicación o página.
5. Cadenas de consulta de caché te permite especificar cadenas de consulta para el almacenamiento en caché.
Configuración de la base
Esta pestaña viene con una variedad de configuraciones para limpiar y optimizar WordPress.
1. La limpieza posterior elimina las revisiones, los borradores automáticos y las publicaciones en la papelera. Elimínelos a menos que tenga versiones anteriores de publicaciones (o publicaciones eliminadas).
2. La limpieza de los comentarios elimina el spam y los comentarios en la papelera.
3. La limpieza de transitorios elimina los datos almacenados que les gustan los recuentos sociales, pero a veces, cuando los transitorios expiran, permanecen en la base de datos y se pueden eliminar de manera segura.
4. La limpieza de la base de datos optimiza las tablas en tu base de datos de WordPress.
5. Limpieza automática. Usualmente se debe hacer tareas de limpieza ad hoc, pero también puedes programar WP Rocket para que realice la limpieza automática de tu base de datos.
Lo ideal es que haga una copia de seguridad de tu base de datos antes de ejecutar una limpieza, ya que una vez que se haya realizado la optimización de la base de datos, no hay forma de deshacerla.
Configuración de precarga
1. La precarga de Sitemap utiliza todas las URL en su mapa de sitio XML para la precarga cuando la vida útil de la caché expiró y se borró todo el caché.
2. El intervalo de rastreo del mapa del sitio es el tiempo de espera entre cada URL que se rastrea. Puedes configurar esto a mayor si su uso de CPU de alojamiento es alto.
3. Sitemaps para la precarga se obtiene automáticamente si el sitemap se crea con Yoast SEO, All in One SEO y Jetpack se detectan y se muestran aquí.
4. Preload bot solo se debe utilizar en servidores con buen rendimiento. Una vez activado, se activa automáticamente después de agregar o actualizar contenido en su sitio web.
Cuando escribe o actualiza una nueva publicación o página, WP Rocket borra automáticamente la caché para ese contenido específico y cualquier otro contenido relacionado con él. El bot de precarga rastreará estas URL para regenerar el caché de inmediato.
5. Las solicitudes de búsqueda previa de DNS permiten que se produzca la resolución del nombre de dominio en paralelo con la obtención del contenido real de la página (en lugar de en serie).
Puedes especificar hosts externos (como //fonts.googleapis.com) para ser captados previamente, ya que la captación previa de DNS puede hacer que los archivos externos se carguen más rápido, especialmente en redes móviles.
Varnish
Básicamente, Varnish es un acelerador de aplicaciones web también conocido como proxy inverso de caché HTTP.
Si Varnish se ejecuta en tu servidor, debes activar la opción a continuación. Debes saber si varnish está activo, pero deberías ponerte en contacto con tu servidor web si no estás seguro.
Herramientas
1. Beta testing es si quieres usar versiones beta de WP Rocket
2. Borrar caché borra la memoria caché de todo el sitio web.
3. Precarga de caché genera un caché para tu página de inicio y todos los enlaces internos que utiliza en la página de inicio. Si tiene precarga configurada en «automático» en la pestaña de precarga, entonces no tiene que preocuparse por esto.
4. Depurar OPcache. Algunos servidores web ofrecen OPCache en servidores que tienen PHP 5.5 o superior. WP Rocket te permite restablecer el contenido de OPCache.
5. La configuración de exportación te permite exportar tu configuración de WP Rocket para usar en otro sitio.
6. La configuración de importación te permite importar tus configuraciones preconfiguradas de WP Rocket.
7. La reversión te permite volver a una versión anterior, si una nueva versión de WP Rocket te causa algún problema.
Ya te hemos dado nuestras recomendaciones para configurar WP_Rocket de la mejor manera posible y que tu web en wordpress se cargue lo más rápido posible.
¿Cuál es tu experiencia con el uso del plugin de caché de WP Rocket para WordPress? ¿Crees que hemos omitido alguna información crucial? ¡Nos encantaría escuchar todo lo que tengas que decirnos de este tutorial! ¡Deja tus comentarios!
Si encontraste útil este tutorial de WP Rocket, será genial si lo compartes en tus redes sociales 😉