Cómo Kinsta y WP Rocket pueden acelerar su sitio

¿Quiere saber cómo Kinsta y WP Rocket pueden acelerar su sitio? Con el complemento adecuado de alojamiento y almacenamiento en caché, puede obtener un gran aumento del rendimiento en solo minutos. Algunas de las excelentes características que vienen con estos dos servicios harán que su sitio sea más rápido casi desde el primer momento.

Exploremos el potencial de usar WP Rocket junto con Kinsta.

Por qué deberías usar un hosting rápido

No es ningún secreto que la velocidad de su proveedor de alojamiento tiene un impacto directo en el rendimiento de su sitio web. Si no está optimizando la velocidad de su sitio, verá una caída significativa en el tráfico, las conversiones y los ingresos.

Un sitio web con buen rendimiento puede tener muchos beneficios para una empresa. Primero, el sitio ayuda a nivelar cualquier competencia al hacer que parezca un negocio confiable que brinda servicios o productos de alta calidad. Un proveedor de alojamiento afecta la credibilidad de la marca. Si los visitantes perciben que tus páginas web tardan una eternidad en cargarse, esto se verá reflejado en tus ventas. Si su sitio es lento, las personas tendrán problemas para navegar y moverse directamente a la competencia.

Además, el rendimiento de un sitio web afecta su clasificación en los motores de búsqueda. Las buenas velocidades de carga son importantes para medir las métricas de la experiencia del visitante, lo que influye en la posición que ocupará en los resultados de búsqueda de Google.

Para servir de manera efectiva a los clientes de todo el mundo, el alojamiento de un sitio web debe ser rápido. El alojamiento es responsable de asegurarse de que se pueda acceder a los datos almacenados en su sitio sin importar desde dónde la gente los vea.

Qué es Kinsta (y qué tan rápido es)

Kinsta es una empresa de alojamiento que brinda a los usuarios de WordPress un alojamiento seguro, rápido y confiable para sus sitios web. Hacer que WordPress sea rápido ha estado en el ADN de Kinsta desde 2013. Son conocidos por sus precios premium, pero la calidad que obtienes hace que valga la pena cada centavo.

Kinsta es una excelente opción para acelerar su sitio de WordPress. No solo será súper rápido, sino que Kinsta también proporciona todas las herramientas y funciones de seguridad que necesita para que su sitio web o página de blog no sea pirateado. Apuesto a que te estás preguntando qué obtendrás exactamente al registrarte con ellos. Repasemos las características principales.

1. Obtenga acceso a las máquinas virtuales C2 de Google Cloud y a la red de nivel premium

Kinsta aloja su sitio de WordPress directamente en Google Cloud Platform, una infraestructura creada y mantenida por Google. Estás alojado en el mismo lugar que Spotify, Coca-Cola, Snapchat… Increíble, ¿verdad?

Kinsta utiliza C2 VMS y la red Premium Tier de Google, que ofrece baja latencia y enrutamiento de tráfico entre un 30 y un 50 % más rápido al evitar las canalizaciones públicas de Internet tanto como sea posible. Kinsta es el único host en el mercado que ofrece máquinas C2 en todos los planes.

Estoy compartiendo la imagen a continuación para ilustrar el impacto de la migración a las máquinas C2. Puede ver que el tiempo de respuesta promedio del sitio pasó de 250 ms a 80 ms. Eso es un aumento del 212,5% en el rendimiento.

2. Elija la ubicación de su centro de datos de Google Cloud

Kinsta utiliza el modo de implementación multirregional de Google Cloud Platform. Esto significa que puede elegir colocar su sitio de WordPress en la ubicación más cercana a sus visitantes.

3. Use el CDN de Kinsta (con tecnología de Cloudflare)

Desde este año, el CDN de Kinsta ha sido hasta un 40% más rápido que el anterior. ¡La red se extiende por más de 200 ciudades! Todos tus datos estarán definitivamente más cerca de tus visitantes con esta nueva actualización. Kinsta dice que su nueva CDN puede mejorar la velocidad del sitio hasta en un 44%. Como puede ver a continuación, el tiempo de carga es mejor con el nuevo Cloudflare CDN:

4. Usa el caché de Kinsta

¿Qué es el almacenamiento en caché? Reduce la cantidad de trabajo necesario para generar una vista de página.
¿Por qué debería usar caché? Eso es simple: el almacenamiento en caché hace que los sitios web de WordPress sean más rápidos y reduce la carga en su servidor web. Cada sitio alojado en Kinsta utiliza cuatro tipos diferentes de cachés aplicados automáticamente, a saber, Bytecode, Object, Page y CDN cache.

5. Aproveche el monitoreo de rendimiento de aplicaciones (APM) incorporado de Kinsta

Puede usar la herramienta APM de Kinsta para monitorear y optimizar los sitios de WordPress, asegurándose de que siempre funcionen sin problemas. También le permite depurar su sitio web mucho más rápido, ya que puede identificar de dónde proviene el problema:

6. Benefíciese de una plataforma intuitiva diseñada para WordPress

Hemos visto que la misión de Kinsta es brindar a los usuarios de WordPress una experiencia de alojamiento centrada en el rendimiento. Pero Kinsta viene con otros beneficios: también proporciona una plataforma ergonómica que le permite instalar WordPress con un solo clic, acceder a áreas de preparación sencillas y actualizar fácilmente a la última versión de PHP, por ejemplo.

Todos mis sitios de WordPress se pueden reunir en la misma interfaz, lo cual es muy útil:

Y por último, pero no menos importante, tiene acceso a soporte las 24 horas, los 7 días de la semana, copias de seguridad diarias y servidores ultraseguros. Kinsta verifica el estado de su sitio web cada dos minutos, lo que significa que el soporte puede ser proactivo si surge un problema.

7. Prueba de velocidad: ¿Qué tan rápido es (realmente) Kinsta?

Usaremos Google PageSpeed ​​Insight para probar el rendimiento de mi sitio de WordPress alojado en Kinsta. También usaremos WebPageTest para medir la métrica de "tiempo de carga completa". Ambas pruebas serán simuladas desde dispositivos móviles .

Habrá dos escenarios:

• Escenario n.º 1 : medir el rendimiento de mi sitio móvil con unos pocos párrafos (sin imágenes) y el tema 2021 instalado.
• Escenario n.º 2 : medir el rendimiento de mi sitio móvil con Astra y Elementor (una página de inicio realista con textos e imágenes).

Escenario 1:

Mi puntaje móvil es 99/100 (100/100 en escritorio). Mi sitio web está bastante vacío, así que no esperaba nada mejor de Kinsta.

El tiempo de carga completa y las métricas de solicitudes HTTP también son muy buenas, lo que tiene sentido ya que mi página está casi vacía.

Pasemos al escenario #2, con Elementor instalado y más contenido agregado a mi página.

Escenario #2 :

Ahora estamos usando Elementor, videos provenientes de YouTube, imágenes, íconos y mucho más contenido que antes. Como resultado, mi puntaje pasó de 99 a 82/100 en dispositivos móviles (lo cual era predecible ya que agregamos contenido sin optimizarlo).

Nota importante: Kinsta mantiene un puntaje verde en el escritorio (91/100) incluso después de agregar una gran cantidad de contenido.

Según Google PageSpeed ​​Insights, la mayoría de los problemas provienen de JS y CSS no optimizados y algunos códigos de terceros:

Desea que su sitio web se cargue en tres segundos; Kinsta está justo en ese límite (2.587s). El número de solicitudes HTTP es 56, que es un número saludable: el promedio en Internet es 70.

Puede leer más sobre la cantidad recomendada de solicitudes HTTP en nuestra guía dedicada.

Con Kinsta, mi sitio de WordPress mantuvo un gran rendimiento en el escritorio, pero se vio afectado en el móvil. El proveedor de alojamiento es definitivamente rápido y poderoso. Sin embargo, Kinsta no abordó por completo los problemas relacionados con el código de terceros o la eliminación de los recursos de bloqueo de procesamiento. ¡Aquí es donde entra la magia del WP Rocket!

Eso nos lleva a la siguiente sección: cómo Kinsta y WP Rocket pueden ayudar a lograr una puntuación de 100/100 en dispositivos móviles.

Por qué WP Rocket es una gran combinación para el rendimiento

El complemento WP Rocket es totalmente compatible con el entorno de alojamiento de Kinsta. La cuestión es que Kinsta ya viene con su función de almacenamiento en caché. Como resultado, no se necesitará WP Rocket para almacenar en caché su contenido, PERO se necesitará para optimizar su código y mantener su Core Web Vitals en la zona verde.

Veamos cómo WP Rocket puede ayudar a mejorar el rendimiento de su sitio de WordPress.

1. Qué tener en cuenta al usar Kinsta y WP Rocket

Lo primero que debe recordar es que la función de almacenamiento en caché de páginas de WP Rocket se desactiva automáticamente para evitar conflictos con el almacenamiento en caché de Kinsta . Dicho esto, Kinsta (y nosotros) aún le recomendamos que mantenga marcada la casilla "caché móvil":

El CDN de Kinsta funciona con Cloudflare, por lo tanto, funcionará automáticamente con WP Rocket; no hay opciones para activar. Ya no es necesario marcar la opción "Habilitar red de entrega de contenido".

Además, Kinsta está completamente integrado con Cloudflare, por lo que no necesita conectar el complemento con su cuenta.

Ahora que conoce las pocas opciones para modificar antes de usar WP Rocket con Kinsta, podemos explicar cómo funciona WP Rocket y cómo puede ayudar fácilmente a lograr nuestro objetivo de rendimiento.

Google PageSpeed ​​Insights mide el rendimiento (incluido Core Web Vitals) y, muy a menudo, verá estas recomendaciones: "Elimine los recursos que bloquean el procesamiento entregando JS/CCSS críticos en línea y aplazando todos los JS no críticos", "Reduzca los recursos no utilizados JS y CSS”, y tal.

Muchas mejoras se están inclinando hacia la limpieza de su código y la optimización de sus archivos. WP Rocket lo ayuda a hacer precisamente eso con unos pocos clics gracias a la pestaña dedicada "Optimización de archivos", directamente accesible desde su panel de WordPress:

Repasemos cada sección para que pueda ver cómo Kinsta y WP Rocket se complementan entre sí.

2. Reducir el CSS no utilizado

Reducir las reglas no utilizadas de las hojas de estilo y diferir el CSS no utilizado para el contenido de la mitad superior de la página reducirá el consumo de bytes de la red y mejorará la velocidad de su sitio.

3. Optimice la entrega de CSS

Otra forma de eliminar el CSS que bloquea el renderizado es optimizar la entrega de CSS. Esto mejorará el tiempo de carga percibido por sus usuarios.

Nota importante sobre la entrega de CSS: Optimizar la entrega de CSS solo debe usarse si Eliminar CSS no utilizado no funciona para el usuario. Eliminar CSS no utilizado siempre debe ser la primera opción.

4. Cargar JS diferido

Una de las principales causas de las páginas web lentas es el llamado "script de bloqueo". Si carga JS diferido, mejorará el tiempo de carga. WP Rocket puede ayudarte a hacerlo con un solo clic:

5. Retrasar la ejecución de JS

Otra forma de acelerar su sitio de WordPress con WP Rocket es retrasar la ejecución de JavaScript. Reducir el tiempo de ejecución de JS también es crucial para mantener saludable su Core Web Vitals.

WP Rocket mejora su puntaje de rendimiento de Lighthouse al optimizar su Core Web Vitals. El KPI de pintura con contenido más grande (LCP) se ve directamente afectado si elige diferir y optimizar el JS y el CSS de su sitio de WordPress.

Otra forma de diferir contenido menos importante es aplicarle un script de carga diferida. Nuevamente, WP Rocket puede ayudarlo fácilmente a hacer esto. Veamos cómo.

6. Implementar la carga diferida

La idea básica de la carga diferida es cargar imágenes o iframes solo cuando los usuarios necesitan el contenido: no tendrán que esperar a que se carguen todos los elementos. Habilitar y deshabilitar la carga diferida manualmente puede ser una tarea que requiere mucho tiempo. WP Rocket puede ayudarlo a ahorrar tiempo y aplicar el script de carga diferida automáticamente donde sea necesario.

Una vez más, WP Rocket ayuda a mejorar Core Web Vitals y obtiene una buena puntuación según las recomendaciones de PageSpeed ​​Insights. PSI nos aconseja utilizar la carga diferida y diferir las imágenes fuera de pantalla para hacer espacio para las imágenes de la parte superior de la página.

7. Precarga Prefetch y Preconexión

En el menú "Precargar", WP Rocket le ofrece cuatro opciones de precarga, a saber, precargar caché, precargar enlaces, precargar solicitudes de DNS y precargar fuentes. Algunos de ellos no serán útiles para usar con Kinsta, así que aprovechemos al máximo las opciones:

Precargar caché : no marque esta opción. Puede reducir el rendimiento.

Precarga de enlace : esta opción comienza a descargar una página cuando un usuario pasa el cursor sobre el enlace. Esto aumenta el tiempo de carga percibido por el usuario.

Precargar solicitudes de DNS : esta característica le dará un pequeño impulso a su sitio web móvil. La obtención previa de DNS es una excelente manera de mejorar el rendimiento de su sitio web al resolver los nombres de dominio en segundo plano antes de que los usuarios hagan clic en cualquier cosa.

Precargar fuentes : esta opción permite que los navegadores web descubran la fuente antes de que se descubran en su archivo CSS.

WP Rocket aplica el atributo rel=”preload” que es otra recomendación de PageSpeed ​​Insights para mantener un FCP y LCP saludables como se ve a continuación:

8. Optimización de la base de datos

En el menú "Base de datos", WP Rocket le brinda todas las herramientas para mantener sus publicaciones y comentarios en una forma óptima. Puede elegir realizar limpiezas para publicaciones, comentarios, transitorios y su tabla de base de datos. También puede programar una limpieza si lo desea.

Todas las opciones de optimización de la base de datos funcionan bien con Kinsta y también brindan esta característica usando Innodb.

9. Funciones de optimización adicionales

Hay más. WP Rocket viene con muchas otras funciones para mejorar la velocidad de su sitio web. Esto es lo que le sucede a su sitio de WordPress al activar WP Rocket:

• La compresión GZIP está activada, lo que significa que el tamaño de sus archivos disminuye y sus visitantes acceden a su contenido más rápido.
• Se reduce la cantidad de solicitudes HTTP, lo que hace que su sitio se cargue más rápido.
• Sus archivos multimedia se cargan solo cuando es necesario para ahorrar ancho de banda
• Se agregan los atributos de ancho y alto faltantes a las imágenes. Esto ayuda a evitar cambios de diseño, mejorar su puntaje CLS y brindar una mejor experiencia de usuario. .
• Y muchas más optimizaciones de velocidad para WordPress.

Cómo acelerar su sitio con Kinsta + WP Rocket

Si su sitio de WordPress está alojado en Kinsta con WP Rocket activado, entonces está aumentando sus posibilidades de llevar su sitio web a la velocidad de la luz.

Hagamos una auditoría de desempeño.

Usaremos Google PageSpeed ​​Insights y WebPageTest para medir el rendimiento móvil. Mi sitio de prueba es una agencia de viajes creada con Elementor y Astra.

Escenario #1 – Mi sitio de prueba alojado en Kinsta – Sin WP Rocket

Uso de Google PageSpeed ​​Insights (rendimiento móvil)

Sin realizar ninguna optimización, mi sitio de prueba alojado por Kinsta sigue siendo bastante rápido en dispositivos móviles (82/100). Sin embargo, algunos de mis Core Web Vitals cambiaron al color naranja.

El tiempo de carga completa y la cantidad de solicitudes son aceptables, lo que confirma que Kinsta es un proveedor de alojamiento rápido.

Escenario #2 – Mi sitio de prueba alojado en Kinsta – con WP Rocket

Uso de Google PageSpeed ​​Insights (rendimiento móvil)

Los resultados son impresionantes: ¡obtenemos 100/100 en Lighthouse! Todos mis Core Web Vitals son verdes, el cambio de diseño acumulativo y el tiempo total de bloqueo se han reducido a 0.

Otras dos métricas (las solicitudes HTTP y el tiempo de carga completa) también se han reducido significativamente gracias a WP Rocket (de 3,5 s a 1,5 s y de 56 solicitudes a 17).

Y aquí está la descripción general del rendimiento que resumimos en una tabla:

Terminando

Kinsta proporciona servicios de alojamiento de WordPress premium administrados a empresas que utilizan solo centros de datos premium ubicados en todo el mundo. Esto garantiza un tiempo de actividad óptimo mientras protege los sitios de los clientes de ataques DDoS u otras interrupciones durante las horas pico de uso.

Si combina Kinsta con WP Rocket, obtiene lo mejor de ambos mundos : alojamiento rápido con una solución de caché incorporada y un complemento de WordPress que aumenta el rendimiento de su sitio y hace que su Core Web Vitals sea verde (100/100 por Lighthouse )!

Obtener 82/100 en dispositivos móviles con Kinsta	Obtener 100/100 en dispositivos móviles con Kinsta y WP Rocket

Como vimos en nuestra auditoría de rendimiento, WP Rocket es una de las formas más fáciles de mejorar su puntaje de PageSpeed ​​Insights.

Y lo bueno es que no corre ningún riesgo: tiene una garantía de devolución de dinero de 14 días cuando compra WP Rocket.

¿Eres usuario de Kinsta y WP Rocket? Cuéntanos cómo te van las cosas en los comentarios a continuación.