NitroPack Review 2023 (con datos de prueba): ¿La forma más fácil de acelerar su sitio?

Estás leyendo la publicación: NitroPack Review 2023 (con datos de prueba): ¿La forma más fácil de acelerar su sitio?

Bienvenido a nuestra revisión actualizada de NitroPack.

NitroPack es una plataforma de rendimiento aparentemente diferente a cualquier otra. Su promesa es simple: aplicarán prácticamente todas las optimizaciones de velocidad posibles de forma automática.

Sin malabarismos con más de 5 herramientas de optimización diferentes y dolores de cabeza técnicos. El rendimiento web finalmente se hizo fácil.

Pero, ¿puede arreglar un sitio web de carga lenta? Y si es así, ¿cuánto puede acelerar su sitio web?

En esta revisión, encontrará todo lo que necesita saber. Desglosaré las características, los pros y los contras y los precios de NitroPack.

Lo más importante: he incluido pruebas de velocidad antes y después para que pueda ver los resultados por sí mismo.

¿Qué es Nitro Pack?

¿Es un complemento de almacenamiento en caché? ¿Una herramienta de optimización de imágenes? ¿O una red de entrega de contenido?

Es un poco de los tres y más además.

Me gusta pensar en NitroPack como una plataforma de optimización de velocidad de 360 ​​grados porque cubre todos los aspectos de la optimización del rendimiento del sitio web en una sola herramienta.

Normalmente, si quisiera acelerar su sitio web, necesitaría:

  • Una red de entrega de contenido, o CDN para abreviar, para servir su contenido desde servidores más cercanos a su audiencia. Si su servidor está ubicado en Nueva York, EE. UU., la carga será más lenta para un visitante de Londres, Reino Unido, por ejemplo. Los CDN superan este desafío.
  • Un complemento/herramienta para manejar el almacenamiento en caché y la minificación de archivos CSS y JavaScript.
  • Un complemento de optimización de imágenes como Smush.
  • Algún tipo de complemento para ejecutar optimizaciones más avanzadas, como imágenes de carga diferida, diferir JS, etc.

Luego, deberá configurar cada herramienta/complemento. La dificultad variará.

Y, deberá esperar que todos se comporten bien juntos y no tengan problemas con la configuración de su alojamiento.

Pero si no sabes lo que estás haciendo, te darás un gran dolor de cabeza o tendrás que pagarle a alguien para que lo arregle por ti.

Este es el problema que NitroPack está diseñado para resolver.

Implementa todas las optimizaciones de rendimiento que necesita. Sin codificación. No tirar de su cabello en la frustración.

Datos de rendimiento de NitroPack

Seamos honestos. Esta es la razón principal por la que estás leyendo esta reseña de NitroPack, ¿verdad?

Cuando se trata de herramientas y complementos de optimización del rendimiento del sitio web, nada más importa más que exactamente cuánto más rápido será su sitio web.

Cubriré características específicas en un momento. Primero, cubriré mi enfoque para ejecutar estas pruebas de NitroPack. Luego, profundizaremos en los datos de rendimiento.

Metodología de prueba de rendimiento

Para probar el rendimiento de NitroPack, tomé mi confiable sitio de demostración de WordPress y lo usé para ejecutar algunas pruebas de antes y después desde diferentes ubicaciones.

Mi sitio de prueba está alojado en WPX Hosting y usa el tema Kadence. Para agregar algo de “peso” y hacer que la prueba sea más realista, instalé Kadence Blocks e importé una de sus plantillas de sitio. Luego agregué algunos complementos adicionales, como compartir en redes sociales y complementos de SEO, por si acaso.

WPX Hosting ofrece su propio CDN global, pero está deshabilitado en mi sitio de prueba.

Mi herramienta de prueba de velocidad elegida es Prueba de página web. La mejor herramienta de prueba de rendimiento que he probado hasta ahora. Además de brindar diferentes métricas para el “tiempo de carga”, también incluye datos para Google Vitales principales de la web iniciativa, que se convirtió en un factor de clasificación de motores de búsqueda en 2021.

Las métricas de Core Web Vitals miden los tiempos de carga según se aplican a la experiencia del usuario, no solo una métrica única de “tiempo de carga”. Debido a que muchas de las optimizaciones de NitroPack se enfocan en mejorar estas métricas (p. ej., incorporando CSS crítico), creo que son otra pieza importante a la que prestar atención.

Para mi configuración de prueba, utilicé lo siguiente:

  • Ubicación de prueba: Chicago, Illinois Y Mumbai, India (para ver cómo funciona la CDN)
  • Navegador: Cromo.
  • Conexión: Cable 5/1Mbps 28ms RTT. Esto obtendrá un resultado más lento que una herramienta como Pingdom, pero es más preciso sobre cómo los visitantes humanos reales experimentarán su sitio porque está más cerca de la velocidad promedio de Internet para los EE. UU. en general.
  • Número de pruebas a ejecutar: “3”. WebPageTest ejecutará tres pruebas separadas y tomará el valor medio, lo que elimina la variabilidad de una sola prueba.

También ejecutaré mi sitio de prueba a través de Perspectivas de PageSpeed porque sé que mucha gente se preocupa por las puntuaciones de PageSpeed ​​Insights. Sin embargo, no te obsesiones con las puntuaciones en sí mismas. Lo que realmente importa es cómo los visitantes humanos experimentan su sitio.

En cuanto a la configuración de NitroPack, estoy usando el Modo ridículo que ofrece la mayoría de las optimizaciones automáticamente. Sin embargo, definitivamente puede exprimir tiempos más rápidos de su sitio configurando algunas de las optimizaciones opcionales en su tablero.

Por ejemplo, si está publicando anuncios, querrá intentar activar la configuración “Optimizar anuncios”.

Así es como funcionó: comenzaré con los datos de velocidad de página sin procesar y luego resumiré todo al final de esta sección:

Prueba de página web – Virginia, EE. UU.

Sin optimización del rendimiento (control)

Con NitroPack

Como nota rápida, no estamos viendo mucho movimiento en el cambio de diseño acumulativo porque mi sitio de prueba no está ejecutando ningún formulario o anuncio de generación de clientes potenciales. Si ese fuera el caso, probablemente veríamos mejoras en esta métrica, gracias a la funcionalidad de optimización de CSS y otras optimizaciones que se ejecutan en segundo plano.

WebPageTest – Bombay, India

Sin optimización del rendimiento (control)

Con NitroPack

Perspectivas de velocidad de página de Google

Algunas de las métricas principales que ofrece PageSpeed ​​Insights se han cubierto en las pruebas de WebPageTest.com anteriores.

🔥 Recomendado:  Las 10 mejores herramientas de SEO para Mac para disparar el tráfico de búsqueda de su sitio web

Entonces, aquí solo le daré los puntajes individuales de PageSpeed ​​​​en caso de que tenga curiosidad.

Sin NitroPack

Móvil:

Escritorio:

Con NitroPack

Móvil:

Escritorio:

Conclusiones de la prueba

Ok, sé que te escupí mucha información técnica en secciones anteriores. Si no eres un profesional del rendimiento de sitios web, puede que te hayas sentido un poco abrumador. Así que aquí están las conclusiones amigables para los humanos de todos esos datos de prueba:

NitroPack hizo una gran mejora en los tiempos de carga de la página de mi sitio en todas las áreas:

  • Los tiempos generales de carga de la página disminuyeron, que es lo que le importa a la mayoría de las personas.
  • La métrica del índice de velocidad se redujo significativamente. Este es el tiempo que tarda su página en verse utilizable.
  • Se mejoró la métrica Core Web Vitals Largest Contentful Paint (LCP), lo que significa que sus visitantes podrán ver el contenido más importante de su sitio más rápido (lo que debería conducir a una mejor experiencia). Según mis pruebas, fue 3 veces más rápido con NitroPack.
  • El tiempo hasta el primer byte (TTFB) disminuyó, lo que significa que el servidor respondió más rápido.
  • El peso de la página (tamaño del archivo) disminuyó significativamente. Esto significa que no importa qué conexión estén usando sus visitantes, verá velocidades más rápidas en el sitio.
  • Las puntuaciones de PageSpeed ​​Insights mejoraron considerablemente.

Para ayudarlo a visualizar la comparación, así es como se comparan las cosas para la prueba de Virginia, EE. UU.:

Antes de NitroPack Después de NitroPack
Tiempo hasta el primer byte 0.572 segundos 0.320 segundos
Índice de velocidad 1.440 segundos 0.536 segundos
Pintura con contenido más grande 1,78 segundos 0.477 segundos
Peso de la página 1,194 KB 387KB

Aquí está la prueba de Mumbai, India:

Antes de NitroPack Después de NitroPack
Tiempo hasta el primer byte 1.379 segundos 1.110 segundos
Índice de velocidad 3.229 segundos 1.531 segundos
Pintura con contenido más grande 2404 segundos 1.242 segundos
Peso de la página 1,194 KB 387KB

Observe la mejora masiva en los tiempos de carga de la página y el peso de la página aquí. El sitio de prueba es significativamente más rápido con NitroPack.

Finalmente, aquí están las puntuaciones de PageSpeed ​​Insights:

Antes de NitroPack Después de NitroPack
Escritorio 80 97
Móvil 93 99

Con todo, NitroPack pasó las pruebas de velocidad con gran éxito. Y proporcionó mejoras significativas en la velocidad.

Pero sospecho que estos números podrían mejorarse aún más.

Por ejemplo, incluso en el modo Ludicrous, algunas optimizaciones no están activas. Por lo tanto, al usar funciones como diferir JavaScript y otras, debería ver mejoras más significativas en la velocidad del sitio.

También vale la pena señalar que mi sitio de prueba ya es bastante rápido desde el primer momento. Mi host incluye optimizaciones predeterminadas que la mayoría de los otros hosts no tienen y no pude deshabilitarlas para esta prueba. Entonces, para otros sitios, esperaría ver mejoras más significativas en las velocidades de página.

Y, a pesar de que estas pruebas son la parte fundamental de esta publicación, aún recomendaría leer esta revisión completa de NitroPack para obtener información completa sobre la plataforma.

¿Cómo acelera NitroPack su sitio web?

Bien, ahora sabe que NitroPack puede mejorar enormemente los tiempos de carga de la página de su sitio. Entonces… ¿cómo hace eso?

Nuevamente, lo más exclusivo de NitroPack es que ofrece un enfoque todo en uno para acelerar su sitio web. En lugar de recopilar una colección de varios complementos de rendimiento de WordPress, puede configurar NitroPack y dar por terminado el día.

Estas son algunas de las técnicas más importantes que implementa para acelerar su sitio.

Almacenamiento en caché avanzado

NitroPack tiene una variedad de sistemas de almacenamiento en caché para mejorar el rendimiento y disminuir la carga en su servidor. Los dos más grandes son el almacenamiento en caché de páginas y el almacenamiento en caché del navegador:

  • Caché de página – guarda la versión HTML estática de una página para que su servidor no necesite ejecutar PHP para cada visita.
  • almacenamiento en caché del navegador – guarda ciertos recursos estáticos en la computadora local de un visitante para que no necesiten descargar esos recursos en cada carga de página.

NitroPack también incluye funciones inteligentes como la invalidación de caché, que lo ayuda a asegurarse de que la mayor cantidad posible de visitantes reciban versiones en caché de su contenido. También hay una función de calentamiento de caché.

Si es necesario, también puede excluir ciertos contenidos/recursos para que no se almacenen en caché. Por ejemplo, si tiene una tienda de comercio electrónico, deberá excluir su carrito y las páginas de pago.

Red de entrega de contenido (CDN)

Una CDN acelera los tiempos de carga global de su sitio mediante el almacenamiento en caché de recursos estáticos en una red de servidores en todo el mundo (llamadas ubicaciones de borde).

Luego, cuando alguien visite su sitio, puede descargar esos recursos desde la ubicación de borde más cercana, en lugar de tener que ir hasta el servidor físico de su sitio.

Esta CDN es una gran parte de lo que explica por qué mi sitio de prueba fue mucho más rápido en otros lugares del mundo.

La CDN de NitroPack funciona con Amazon CloudFront y se integra automáticamente en el servicio.

Optimización de imagen

Las imágenes comprenden alrededor de la mitad del tamaño de archivo de una página web promedio, por lo que encontrar formas de reducirlas es una excelente manera de acelerar las cosas.

NitroPack optimiza automáticamente sus imágenes, incluida la conversión al formato rápido WebP y la carga diferida.

También se cubren técnicas avanzadas. Por ejemplo, tamaño de imagen preventivo y tamaño de imagen adaptativo.

Optimización de código

NitroPack incluye muchas características diferentes para optimizar el código de su sitio. Esto incluye no solo el tamaño del código de su sitio a través de la minificación, sino también cómo se carga su código.

🔥 Recomendado:  Investigadores de CMU y Stanford desarrollan OBJECTFOLDER 2.0: un conjunto de datos de objetos multisensoriales para Sim2Real Transfer

En primer lugar, NitroPack puede generar automáticamente CSS crítico para cada diseño único y luego diferir la carga de CSS no crítico, lo que acelerará la rapidez con la que el contenido se vuelve visible (y también aumentará sus puntajes de PageSpeed ​​Insights).

También puede diferir JavaScript que bloquea el renderizado, lo que logra los mismos efectos positivos que diferir CSS (y es algo por lo que PageSpeed ​​Insights siempre te grita).

También encontrará optimizaciones de código para fuentes. Incluyendo las técnicas menos comunes, como la creación de subconjuntos de fuentes. Esto detiene esos destellos de fuentes sin estilo cuando se carga una página.

Finalmente, hay algunas otras mejoras misceláneas como la captación previa de DNS y la optimización de la representación de fuentes.

Cómo configurar NitroPack

Ahora, instalemos NitroPack.

Primero, deberá registrarse para obtener una cuenta de NitroPack. Puede optar por un plan pago o el plan gratuito.

También hay una garantía de devolución de dinero de 14 días en los planes pagos.

NitroPack es compatible con varios sistemas de administración de contenido diferentes listos para usar. Esto incluye WordPress, OpenCart y Magento.

También hay integración de PHP SDK y API disponible para otros tipos de sitios web.

Todo mi sitio se ejecuta en WordPress, por lo que me centraré en ese CMS para este tutorial.

NitroPack tiene un práctico complemento de conector para facilitar este proceso.

Puede instalar el complemento NitroPack desde WordPress.org o a través del back-end de WordPress yendo a Complementos Agregar nuevo.

A continuación, todo lo que debo hacer es conectar el botón a mi cuenta de NitroPack:

Y listo, NitroPack está conectado a WordPress. Fácil, ¿verdad?

Este es uno de los principales beneficios de NitroPack: es increíblemente fácil. Incluso diría que es una de las herramientas de optimización más simples que he usado.

Pero, ¿cómo se configura NitroPack?

Si bien NitroPack le brinda un panel básico dentro de su sitio de WordPress junto con un par de configuraciones, administrará la mayoría de las cosas desde el panel de control en la nube de NitroPack, no desde su sitio de WordPress.

Vamos allí a continuación.

Ajustar la configuración de NitroPack

Lo bueno de NitroPack es que realmente ni siquiera necesita “configurarlo”. Prácticamente funciona fuera de la caja.

Incluso si opta por la configuración predeterminada, verá algunas mejoras importantes en la velocidad del sitio y Core Web Vitals.

Si quieres profundizar, irás a la Ajustes pestaña en su tablero NitroPack.

Luego, puede elegir el nivel deseado de optimización de la Control deslizante de configuración. Según el nivel de optimización que elija, NitroPack configurará automáticamente algunas o todas las funciones que mencioné anteriormente.

Por ejemplo, si elige Fuerte (el valor predeterminado), incluirá características como carga diferida avanzada y optimización de fuentes.

Si eres un usuario casual, ¡estás acabado! Simplemente deténgase: realmente no necesita ir más allá de elegir el nivel de optimización que desea.

Si quieres ir más allá, puedes activar el ridículo configuración que activará más funciones de NitroPack.

Si desea optimizar aún más su sitio, podrá activar configuraciones opcionales. La mayoría de los cuales se ocupan de incluir/excluir contenido específico de la optimización.

Por ejemplo, puede excluir ciertas imágenes o recursos, cookies, URL, etc. Esto podría ser útil si, por ejemplo, es fotógrafo y desea excluir las imágenes de su portafolio de alta resolución para que no se compriman o si tiene una membresía. sitio y no desea que los miembros registrados reciban contenido almacenado en caché:

La pestaña Integraciones también lo ayuda a integrarse con algunas otras herramientas:

  • proxy inverso – muchos hosts administrados de WordPress usan Varnish o Nginx como un proxy inverso para el almacenamiento en caché a nivel de servidor, por lo que esta característica le permite continuar beneficiándose de esas optimizaciones.
  • Llamarada de la nube
  • Sucuri

NitroPack le brinda algunas otras áreas del tablero para monitorear el uso y ver qué páginas se han optimizado, pero eso es prácticamente todo para la configuración.

Fácil, ¿verdad?

Luego, si está interesado, puede monitorear las mejoras en sus puntajes Core Web Vitals a lo largo del tiempo en Google Search Console. Estos se pueden ver en el Pestaña de experiencia de página y Pestaña Core Web Vitals.

Pros y contras de NitroPack

Ahora, echemos un vistazo rápido a los pros y los contras de NitroPack:

ventajas

  • Mejora significativamente la velocidad de su sitio y Core Web Vitals – Mis pruebas de rendimiento mostraron que NitroPack puede mejorar significativamente el rendimiento con configuraciones ‘listas para usar’. Podría ver más ganancias de rendimiento activando optimizaciones adicionales.
  • Fácil de usar – La optimización del rendimiento no puede ser más fácil que esto. NitroPack lidera el camino en esta área. Use modos de optimización preestablecidos para seleccionar cuánto desea optimizar su sitio.
  • Admite optimizaciones avanzadas – Si bien NitroPack es increíblemente fácil de usar, eso no significa que sea una herramienta básica. Admite optimizaciones avanzadas, como subconjuntos de fuentes y tamaño de imagen adaptativo.
  • Hace el trabajo de múltiples herramientas – No necesita usar 4 o 5 herramientas diferentes para ejecutar las optimizaciones que desea (por ejemplo, almacenamiento en caché, CDN, optimizaciones de imágenes, etc.) – Puede hacerlo con una sola herramienta.
  • Todas las funciones disponibles en todos los planes – No hay características ocultas detrás de los planes superiores. El precio está determinado únicamente por los límites de uso.
  • Gran apoyo – Esto es muy subjetivo, pero mi experiencia con el soporte de NitroPack ha sido positiva.
  • Plan gratuito – Hay un plan gratuito que será suficiente para sitios pequeños. Esto viene con la marca, pero puede eliminarlo convirtiéndose en un probador beta. También obtendrá mayores límites de uso.

Contras

  • No funciona con todos los sistemas de gestión de contenido. – Hay soporte para WordPress, OpenCart y Magento. Pero sería bueno ver más integraciones en el futuro.
  • La eliminación del sitio podría ser más fácil – Actualmente, puede solicitar que se elimine un sitio, pero debe ser manejado por el soporte de NitroPack. Sería bueno ver este proceso simplificado para que los usuarios puedan eliminar sitios más fácilmente.
  • Problemas de JavaScript – Algunos usuarios informan problemas con sitios pesados ​​​​de JS en la configuración Ludicrous. Estos problemas se pueden evitar ajustando la configuración de su cuenta y agregando reglas de exclusión para los archivos JS ofensivos.
🔥 Recomendado:  Investigadores de la Universidad de Alberta proponen un modelo de detección de la enfermedad de Alzheimer mediante IA utilizando teléfonos inteligentes con una precisión del 70-75 %

Precios de NitroPack

Ahora, para la siguiente pregunta importante: ¿cuánto le costarán todas esas funciones?

NitroPack ofrece un plan gratuito limitado que funcionará para sitios pequeños, aunque incluye una insignia de NitroPack en el pie de página de su sitio.

Sin embargo, puede optar por unirse como probador beta para eliminar esa insignia. También aumentarán los límites de su plan gratuito.

Después de eso, los planes pagos comienzan en $17.50 por mes con facturación anual o $21 por mes con facturación mensual.

Estos precios son por sitio, pero también puede contactar al equipo de ventas para planes multisitio o de agencia.

También hay una garantía de devolución de dinero de 14 días si la necesita.

Alternativas a NitroPack

NitroPack es algo único en el ámbito de las herramientas de optimización de la velocidad del sitio.

La mayoría de las herramientas/complementos están diseñados para atender conjuntos de características muy específicas. Entonces, para obtener la misma funcionalidad, necesitaría usar varias herramientas juntas.

He incluido algunas alternativas sólidas de NitroPack a continuación:

  • Cohete WP | Nuestra revisión: el mejor complemento dedicado de optimización del rendimiento de WordPress. Maneja el almacenamiento en caché, la minificación y un montón de otras optimizaciones. Es tan bueno que incluso los servidores web conocidos por prohibir los complementos de almacenamiento en caché, como Kinsta, en realidad permiten que se ejecute en sus servidores. La optimización de imagen CDN + no está incluida, pero sigue siendo bastante completa.
  • Sucuri – Si la seguridad es su principal preocupación, vale la pena echarle un vistazo a Sucuri. Ofrecen un CDN integrado y un firewall de aplicaciones web con escaneo y recuperación de malware.
  • imaginar – Este es un complemento sólido de WordPress para aquellos que solo necesitan optimización de imágenes.

Pensamientos finales

Terminemos esta revisión de NitroPack con algunas reflexiones finales.

En general, me ha impresionado NitroPack desde el primer día. Y definitivamente ha mejorado con el tiempo.

La plataforma continúa mejorando y el soporte también ha mejorado significativamente.

Basado en mis pruebas de velocidad, definitivamente ofrece mejoras en la velocidad del sitio.

Ya sea que ejecute un sitio web de WordPress o una tienda de comercio electrónico impulsada por Magento, mueve la aguja en el rendimiento del sitio web con mucha facilidad.

NitroPack está repleto de funciones y es asequible en comparación con la compra de herramientas individuales para todos los tipos de optimizaciones de rendimiento que se ofrecen. También hay un plan gratuito limitado que es lo suficientemente bueno para sitios pequeños.

Claro, hay un logotipo impulsado por en el plan gratuito, pero puede eliminarlo y aumentar los límites del plan convirtiéndose en un probador beta de nuevas funciones.

¿Pero esto está bien para ti? Eso depende de tus necesidades y solo de tus necesidades.

Cuando NitroPack puede no ser una buena opción

Si está usando WordPress y tiene un presupuesto limitado, puede encontrar otras herramientas que pueden hacer una gran mejora en los tiempos de carga de su sitio por mucho menos dinero. La mejor opción aquí es probablemente WP Rocket que, en nuestra revisión práctica de WP Rocket, redujo significativamente los tiempos de carga de nuestro sitio de prueba.

Ahora, este sitio de prueba estaba en un entorno de alojamiento diferente, por lo que no es justo comparar ese número con NitroPack. Sin embargo, el punto es que, por una tarifa de $49 al año, WP Rocket puede mejorar drásticamente los tiempos de carga de su sitio.

Para muchos sitios, esto es “suficientemente bueno” y le ahorrará mucho dinero. Sin embargo, no incluye CDN ni optimización de imágenes. Ambos son un gasto adicional.

Recuerde: NitroPack ofrece un plan gratuito para hasta 5000 visitantes mensuales si no le importa mostrar una insignia en su pie de página. Sin embargo, puede convertirse en un probador beta para eliminar esa insignia y aumentar los límites de su plan.

El resultado es que este plan aún incluye un CDN global y muchas mejoras en el rendimiento del sitio.

Cuándo debe usar NitroPack

Si está dispuesto a pagar por un rendimiento de primer nivel, NitroPack tiene mucho que ofrecer:

En primer lugar, las mejoras de rendimiento en mis pruebas fueron… bueno, bastante impresionantes. En realidad funcionó mucho mejor de lo que esperaba.

En segundo lugar, además de mejorar el número de tiempo de carga de la página principal, NitroPack también realizó mejoras masivas en las métricas de rendimiento de la “experiencia del usuario” en Core Web Vitals de Google.

Recuerde, hay muchos datos que relacionan los tiempos de carga con métricas importantes como la tasa de conversión y la tasa de rebote. Entonces, si tiene un sitio web serio, como un sitio de membresía o una tienda de comercio electrónico, NitroPack bien podría pagarse solo al ayudarlo a vender más productos y crear clientes más felices.

¿Veredicto final? Si está dispuesto a invertir en el rendimiento de su sitio, definitivamente debería considerar NitroPack. Si tiene un presupuesto ajustado, tienen un plan gratuito limitado que es suficiente para sitios web pequeños.

Si no está seguro, regístrese para obtener una cuenta gratuita de NitroPack y pruébelo usted mismo.