Bienvenido a nuestra revisión actualizada de NitroPack.
NitroPack es una plataforma de rendimiento de sitios web aparentemente diferente a cualquier otra. Su promesa es simple: aplicarán prácticamente todas las optimizaciones de velocidad posibles de forma automática.
No más hacer malabarismos con más de 5 herramientas de optimización diferentes y dolores de cabeza técnicos. El rendimiento web finalmente se ha vuelto simple.
¿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ás todo lo que necesitas saber. Repasaré las características, ventajas, desventajas y precios de NitroPack.
Lo más importante es que he incluido pruebas de velocidad antes y después para que puedas ver los resultados por ti mismo.
¿Qué es Nitro Pack?
¿Es un complemento de almacenamiento en caché? ¿Una herramienta de optimización de imágenes? ¿O una red de distribución de contenidos?
Es un poco de los tres y má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 de un sitio web en una sola herramienta.
Normalmente, si quisieras acelerar tu sitio web, necesitarías:
- Una red de entrega de contenido, o CDN para abreviar, para ofrecer su contenido desde los servidores más cercanos a su audiencia. Si su servidor está ubicado en Nueva York, EE. UU., se cargará más lentamente para un visitante de Londres, Reino Unido, por ejemplo. Las CDN han superado este desafío.
- Un complemento/herramienta para gestionar 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 realizar optimizaciones más avanzadas como carga diferida de imágenes, aplazamiento de JS, etc.
Luego, deberá configurar cada herramienta/complemento. La dificultad variará.
Y tendrás que esperar que todos funcionen bien juntos y no tengan ningún problema con la configuración de tu 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 te arregle las cosas.
Este es el problema que NitroPack está diseñado para resolver.
Ofrece todas las optimizaciones de rendimiento que necesita. Sin codificación. No te arranques el pelo por la frustración.
Datos de rendimiento de NitroPack
Digamos la verdad. Esta es la razón principal por la que estás leyendo esta reseña de NitroPack, ¿verdad?
Cuando se trata de complementos y herramientas de optimización del rendimiento de un sitio web, nada importa más que qué tan rápido será su sitio web.
Cubriré las características específicas en un momento. Primero, cubriré mi enfoque para ejecutar estas pruebas de NitroPack. A continuación, veremos 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 utiliza el tema Kadence. Para agregar algo de peso y hacer la prueba 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.
El alojamiento WPX ofrece su propia CDN global, pero está deshabilitada en mi sitio de prueba.
La herramienta de prueba de velocidad que elegí es prueba de pagina web. La mejor herramienta de prueba de rendimiento que he probado hasta ahora. Además de proporcionar diferentes métricas para el tiempo de carga, también incluye datos de Google. Señales web fundamentales iniciativa, que se ha convertido en un factor de clasificación en los motores de búsqueda en 2021.
Las métricas de Core Web Vitals miden los tiempos de carga aplicados a la experiencia del usuario, no solo una única métrica de tiempo de carga. Dado que muchas de las optimizaciones de NitroPack se centran en mejorar estos parámetros (por ejemplo, incorporar CSS crítico), creo que son otro elemento importante al que prestar atención.
Para mi configuración de prueba, utilicé lo siguiente:
- Ubicación de la prueba: Chicago, Illinois Y Mumbai, India (para ver cómo funciona la CDN)
- Navegador: Cromo.
- Conexión: Cable RTT de 5/1Mbps y 28ms. Esto obtendrá un resultado más lento que una herramienta como Pingdom, pero es más preciso en cuanto a cómo los visitantes humanos reales experimentarán su sitio porque está más cerca de la velocidad promedio de Internet para los Estados Unidos en su conjunto.
- Número de pruebas a ejecutar: “3”. WebPageTest ejecutará tres pruebas separadas y tomará el valor medio, eliminando la variabilidad de las pruebas individuales.
También ejecutaré mi propio sitio de prueba. Información sobre PageSpeed porque sé que a mucha gente le importan las puntuaciones de PageSpeed Insights. Pero no te obsesiones sólo con las puntuaciones. Lo que realmente importa es cómo los visitantes humanos experimentan su sitio.
En términos de configuración de NitroPack, estoy usando el manera ridícula que ofrece automáticamente la mayoría de las optimizaciones. Sin embargo, definitivamente puede obtener tiempos más rápidos en su sitio configurando algunas optimizaciones opcionales en su panel de control.
Por ejemplo, si publica anuncios, puede intentar activar la configuración Optimizar anuncios.
Así es como funcionó: comenzaré con los datos de velocidad de la página sin procesar y luego resumiré todo al final de esta sección:
WebPageTest – Virginia, Estados Unidos
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 ofrece ningún formulario ni anuncio de generación de leads. Si ese fuera el caso, probablemente veríamos mejoras en esta métrica, gracias a la función de optimización de CSS y otras optimizaciones que se ejecutan en segundo plano.
Prueba de página web – Mumbai, India
Sin optimización del rendimiento (control)
Con NitroPack
Estadísticas de PageSpeed de Google
Algunas de las métricas clave que ofrece PageSpeed Insights se trataron en las pruebas de WebPageTest.com anteriores.
Entonces, aquí te daré puntuaciones individuales de PageSpeed en caso de que tengas curiosidad.
Sin NitroPack
Móvil:
Escritorio:
Con NitroPack
Móvil:
Escritorio:
Conclusiones de la prueba
Ok, lo sé, te expliqué mucha información técnica en las secciones anteriores. Si no es un profesional del rendimiento de sitios web, esto puede haberle parecido un poco abrumador. Así que aquí están las conclusiones a escala humana de todos los datos de las pruebas:
NitroPack ha realizado 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 la gente.
- La métrica del Índice de velocidad se ha reducido significativamente. Este es el tiempo que tarda su página en parecer utilizable.
- Se ha mejorado la métrica de pintura de contenido más grande (LCP) de Core Web Vitals, 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, con NitroPack fue 3 veces más rápido.
- 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) ha disminuido significativamente. Esto significa que no importa qué conexión utilicen sus visitantes, verá velocidades más rápidas en el sitio.
- Las puntuaciones de PageSpeed Insights han mejorado significativamente.
Para ayudarle a ver la comparación, así es como se ven las cosas para las pruebas en 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 más grande contenida | 1,78 segundos | 0,477 segundos |
| Peso de página | 1,194 KB | 387KB |
Aquí está la prueba en 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 más grande contenida | 2404 segundos | 1.242 segundos |
| Peso de página | 1,194 KB | 387KB |
Observe aquí la espectacular mejora en los tiempos de carga y el peso de la página. 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 |
En general, NitroPack pasó las pruebas de velocidad con gran éxito. Y proporcionó importantes mejoras de velocidad.
Pero sospecho que estas cifras podrían mejorarse aún más.
Por ejemplo, incluso en el modo Ludicrous, algunas optimizaciones no están activas. Por lo tanto, al utilizar funciones como el aplazamiento de JavaScript y otras, deberías 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 demás hosts no incluyen y no pude desactivarlas para esta prueba. Entonces, para otros sitios, esperaría ver mejoras más significativas en la velocidad de la página.
Y, aunque estas pruebas son la parte clave de esta publicación, recomendaría leer la revisión completa de NitroPack para obtener una imagen completa de la plataforma.
¿Cómo acelera NitroPack su sitio web?
Bien, ahora sabes que NitroPack puede mejorar enormemente los tiempos de carga de la página de tu sitio. ¿Entonces, cómo lo haces?
Nuevamente, lo más singular de NitroPack es que ofrece un enfoque todo en uno para acelerar su sitio web. En lugar de reunir una colección de varios complementos de rendimiento de WordPress, simplemente puede configurar NitroPack y listo.
Estas son algunas de las mejores técnicas que implementa para acelerar su sitio.
Almacenamiento en caché avanzado
NitroPack presenta una variedad de sistemas de almacenamiento en caché para mejorar el rendimiento y reducir la carga en su servidor. Los dos más importantes son el almacenamiento en caché de páginas y el almacenamiento en caché del navegador:
- Almacenamiento en caché de páginas – guarda la versión HTML estática de una página para que su servidor no necesite ejecutar PHP en cada visita.
- Caché de navegador – guarda algunos recursos estáticos en la computadora local del visitante para que no sea necesario descargarlos cada vez que se carga la página.
NitroPack también incluye funciones inteligentes como la invalidación de caché, que le ayuda a garantizar que la mayor cantidad posible de visitantes reciban versiones almacenadas 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 del almacenamiento en caché. Por ejemplo, si tiene una tienda de comercio electrónico, deberá excluir las páginas del carrito y de pago.
Red de entrega de contenido (CDN)
Una CDN acelera los tiempos de carga global de su sitio al almacenar en caché recursos estáticos en una red de servidores en todo el mundo (llamadas ubicaciones perimetrales).
Luego, cuando alguien visita su sitio, puede descargar esos activos desde la ubicación perimetral más cercana, en lugar de tener que viajar hasta el servidor físico de su sitio.
Esta CDN es una gran parte de lo que explica cómo 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 representan aproximadamente 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 rápido formato WebP y la carga lenta.
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 funciones diferentes para optimizar el código de su sitio. Esto incluye no sólo el tamaño del código de su sitio mediante la minificación, sino también cómo se carga el código.
Primero, 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 puntuaciones de PageSpeed Insights).
También puede posponer el JavaScript que bloquea el procesamiento, logrando los mismos efectos positivos que posponer CSS (y eso es algo por lo que PageSpeed Insights siempre te grita).
También encontrará optimizaciones de código para fuentes. Incluyendo técnicas menos comunes como la subcomposición de personajes. Esto detiene esos destellos de fuentes sin estilo al cargar una página.
Finalmente, hay otras mejoras diversas, como la captación previa de DNS y la optimización de la representación de caracteres.
Cómo configurar NitroPack
Ahora instalemos NitroPack.
Primero, deberá registrarse para obtener una cuenta de NitroPack. Puedes 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 admite varios sistemas de gestión de contenidos desde el primer momento. Esto incluye WordPress, OpenCart y Magento.
También están disponibles la integración de PHP SDK y API para otros tipos de sitios web.
Todo mi sitio se ejecuta en WordPress, así que me centraré en ese CMS para este tutorial.
NitroPack tiene un práctico complemento de conector para simplificar este proceso.
Puede instalar el complemento NitroPack desde WordPress.org o mediante el backend de WordPress yendo a Complementos → Agregar nuevo.
A continuación, todo lo que necesito hacer es conectar el botón a mi cuenta NitroPack:
Y listo, NitroPack está conectado a WordPress. Fácil, ¿verdad?
Ésta es una de las principales ventajas 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.
Vayamos allí a continuación.
Ajustar la configuración de NitroPack
Lo mejor de NitroPack es que ni siquiera es necesario configurarlo. Funciona prácticamente desde el primer momento.
Incluso si utiliza la configuración predeterminada, verá algunas mejoras significativas en la velocidad del sitio y Core Web Vitals.
Si quieres saber más, irás a Ajustes pestaña en su panel de NitroPack.
Luego, puede elegir el nivel de optimización deseado entre Control deslizante de configuración. Dependiendo del nivel de optimización que elija, NitroPack configurará automáticamente algunas o todas las funciones que mencioné anteriormente.
Por ejemplo, si quieres Fuerte (predeterminado), incluirá funciones como carga diferida avanzada y optimización de fuentes.
Si eres un usuario ocasional, ¡eso es todo! Simplemente deténgase: no tiene que 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, puede activar la configuración opcional. La mayoría de los cuales se refieren a la inclusión/exclusión de contenido específico de la optimización.
Por ejemplo, puede excluir determinadas imágenes o recursos, cookies, URL, etc. Esto podría resultar útil si, por ejemplo, es fotógrafo y desea excluir la compresión de las imágenes de su portafolio de alta resolución, o si es miembro de un sitio y no desea que los miembros que hayan iniciado sesión reciban contenido en caché:
La pestaña Integraciones también le ayuda a integrarse con otras herramientas:
- Poder notarial inverso – muchos hosts de WordPress administrados usan Varnish o Nginx como 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 nube
- Sucurí
NitroPack le ofrece algunas otras áreas del panel para monitorear el uso y ver qué páginas se han optimizado, pero eso es todo para la configuración.
Fácil, ¿verdad?
Entonces, si está interesado, puede realizar un seguimiento de las mejoras en sus puntuaciones de Core Web Vitals a lo largo del tiempo en Google Search Console. Estos se pueden ver en Pestaña de experiencia en la página Y Pestaña Señales web principales.
Pros y contras de NitroPack
Ahora echemos un vistazo rápido a los pros y los contras de NitroPack:
Profesionales
- Mejore significativamente la velocidad de su sitio y Core Web Vitals – Mis pruebas de rendimiento han demostrado que NitroPack puede mejorar significativamente el rendimiento con configuraciones listas para usar. Es posible que vea mejoras de rendimiento adicionales al habilitar optimizaciones adicionales.
- Fácil de usar – Optimizar el rendimiento no podría ser más sencillo. NitroPack está a la vanguardia de esta industria. Utilice los modos de optimización preestablecidos para seleccionar con qué intensidad desea optimizar su sitio.
- Admite optimizaciones avanzadas – Aunque NitroPack es increíblemente sencillo de usar, eso no significa que sea una herramienta básica. Admite optimizaciones avanzadas, como la subinserción de fuentes y el tamaño de imagen adaptable.
- Hace el trabajo de múltiples herramientas. – No necesita utilizar 4 o 5 herramientas diferentes para realizar 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 funciones ocultas detrás de 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 – Existe un plan gratuito que será suficiente para sitios pequeños. Esto incluye la marca, pero puedes eliminarla convirtiéndote en tester beta. También tendrás mayores límites de uso.
Contra
- No funciona con todos los sistemas de gestión de contenidos. – Está disponible soporte para WordPress, OpenCart y Magento. Pero sería bueno ver más integraciones en el futuro.
- Eliminar el sitio podría ser más fácil – Actualmente puede solicitar la eliminación de 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 con JavaScript – Algunos usuarios informan problemas con sitios con mucho JS en la configuración Ludicrous. Estos problemas se pueden evitar cambiando la configuración de su cuenta y agregando reglas de exclusión para archivos JS ofensivos.
Precios de NitroPack
Ahora, pasemos a la siguiente pregunta importante: ¿cuánto le costarán todas estas funciones?
NitroPack ofrece un plan gratuito limitado que funciona para sitios pequeños, aunque incluye una insignia de NitroPack en el pie de página de su sitio.
Sin embargo, puedes optar por registrarte como tester beta para eliminar la insignia. Los límites de su plan gratuito también aumentarán.
Después de eso, los planes pagos comienzan en $17.50 por mes facturados anualmente o $21 por mes facturados mensualmente.
Estos precios son por sitio, pero también puedes 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 campo de las herramientas de optimización de la velocidad de un sitio.
La mayoría de las herramientas/complementos están diseñados para atender conjuntos de funciones muy específicas. Entonces, para obtener la misma funcionalidad, debes usar diferentes herramientas juntas.
He incluido algunas alternativas sólidas a NitroPack a continuación:
- Cohete WP | Nuestra revisión: el mejor complemento dedicado a optimizar el rendimiento de WordPress. Maneja el almacenamiento en caché, la minificación y una serie de otras optimizaciones. Es tan bueno que incluso los servidores web conocidos por prohibir los complementos de almacenamiento en caché, como Kinsta, en realidad les permiten ejecutarse en sus servidores. La optimización de imágenes CDN+ no está incluida, pero sigue siendo bastante completa.
- Sucurí – Si la seguridad es su principal preocupación, vale la pena echarle un vistazo a Sucuri. Ofrecen una CDN integrada 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
Concluimos esta revisión de NitroPack con algunas reflexiones finales.
En general, estoy impresionado con 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.
Según mis pruebas de velocidad, definitivamente cumple en términos de mejoras en la velocidad del sitio.
Ya sea que tenga un sitio web de WordPress o una tienda de comercio electrónico basada en Magento, Dulces Mueve la aguja en el rendimiento del sitio web muy fácilmente.
NitroPack tiene muchas funciones y es rentable en comparación con la compra de herramientas individuales para todos los tipos de ajuste del rendimiento que se ofrecen. También hay un plan gratuito limitado que es lo suficientemente bueno para sitios pequeños.
Claro, el logotipo desarrollado por está presente en el plan gratuito, pero puedes eliminarlo y aumentar los límites del plan convirtiéndote en un probador beta de nuevas funciones.
¿Pero esto está bien para ti? Depende de tus necesidades y sólo de tus necesidades.
Cuando NitroPack puede no ser adecuado
Si usa WordPress y tiene un presupuesto limitado, puede encontrar otras herramientas que pueden mejorar drásticamente 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 bien, 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, la conclusión es que, por una tarifa de $49 por año, WP Rocket puede mejorar drásticamente los tiempos de carga de su sitio.
Para muchos sitios, esto es “suficientemente bueno” y le permitirá ahorrar mucho dinero. Sin embargo, no incluye CDN ni optimización de imágenes. Ambos representan un gasto adicional.
Recuerde: NitroPack ofrece un plan gratuito para hasta 5000 visitantes mensuales si no le importa mostrar una insignia en el pie de página. Puede convertirse en tester beta para eliminar esa insignia y aumentar los límites de su plan.
El resultado es que este plan todavía incluye una CDN global y numerosas mejoras en el rendimiento del sitio.
¿Cuándo se debe utilizar 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. De hecho, funcionó mucho mejor de lo que esperaba.
En segundo lugar, además de mejorar los números de tiempo de carga de la página en la parte superior, NitroPack también realizó grandes mejoras en las métricas de rendimiento más relacionadas con la experiencia del usuario en Core Web Vitals de Google.
Recuerde, hay muchos datos que vinculan 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 podría amortizarse 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 tienes un presupuesto limitado, tienen un plan gratuito limitado que es suficiente para sitios web pequeños.
Si no está seguro, regístrese para obtener una cuenta NitroPack gratuita y pruébelo usted mismo.
