No, no estoy hablando de presentarse a una audición para un papel en la próxima película de Fast & Furious - estoy hablando de estar siempre en busca de maneras de acelerar su sitio web.

Si usted tiene un sitio web, no importa de qué se trate, la rapidez con que se carga va a desempeñar un papel importante en el éxito que tiene. Un sitio web de carga lenta dará lugar a los visitantes infelices, reducir sus tasas de conversión, y le pondrá en la caseta del perro con Google.

NitroPack es una herramienta de rendimiento de sitios web todo en uno que, en palabras de su página de inicio, es "el único servicio que necesita para tener un sitio web rápido".

Si quieres una forma sencilla de acelerar tu sitio web, no estoy seguro de que encuentres una manera más cómoda de mejorar enormemente tus tiempos de carga.

Claro que, como suele ocurrir, vas a pagar por esa comodidad, pero dependiendo de tu situación, el dinero puede merecer la pena.

En esta reseña, voy a poner a prueba NitroPack...

• Ejecutando algunas pruebas de rendimiento antes/después para ver cuánto puede acelerar NitroPack mi sitio.
• Profundizar en las distintas funciones que ofrece NitroPack.
• Le mostramos cómo instalar y configurar NitroPack con un sitio web WordPress ( aunque NitroPack también funciona con sitios que no son de WordPress ).

Al final, deberías saber si es o no la herramienta adecuada para tus necesidades.

Datos de las pruebas de rendimiento de NitroPack

Obviamente, el factor más importante a la hora de determinar si utilizar o no NitroPack es si puede marcar una diferencia notable en el rendimiento de su sitio web. Por ese motivo, creo que lo mejor es comenzar nuestro análisis de NitroPack con algunas pruebas de rendimiento reales, incluso antes de hablar de cualquiera de sus funciones.

Básicamente, las características suenan bien en los textos de marketing, pero lo que importa son los tiempos de carga de la página.

Para probar el rendimiento de NitroPack, utilicé mi fiel sitio de demostración de WordPress para realizar algunas pruebas de antes y después desde distintas ubicaciones.

Mi sitio de prueba está alojado en el droplet más barato de DigitalOcean y utiliza el tema Astra (nuestra reseña). Para añadir algo de "peso" y hacer la prueba más realista, también importé la versión completa de Elementor de la plantilla Organic Store que incluye el plugin WooCommerce (junto con contenido de demostración construido con Elementor, un popular plugin constructor de páginas de WordPress).

Para recopilar los datos de las pruebas, utilicé WebPageTest, que es la mejor herramienta de pruebas de rendimiento en mi opinión. Además de ofrecer diferentes métricas para el "tiempo de carga", también incluye datos para la nueva iniciativa Core Web Vitals de Google, que se convertirá en un factor de clasificación en 2021.

Las métricas de Core Web Vitals miden los tiempos de carga según se aplican a la experiencia del usuario, no sólo una única métrica de "tiempo de carga". Dado que muchas de las optimizaciones de NitroPack se centran en mejorar estas métricas (por ejemplo, inlineando CSS crítico), creo que son otra pieza importante a la que prestar atención.

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

• Lugar de la prueba . Chicago, Illinois Y Bombay, India ( para ver cómo funciona la CDN )
• Navegador Cromo.
• Conexión FIOS (20/5 Mbps): obtendrá un resultado más lento que una herramienta como Pingdom, pero es más exacto a cómo los visitantes humanos reales experimentarán su sitio porque está cerca de la velocidad media de Internet para los EE.UU. en su conjunto.
• Número de pruebas a realizar: "9". WebPageTest ejecutará nueve pruebas distintas y tomará el valor medio, lo que elimina la variabilidad de una sola prueba.

También pasaré mi sitio de prueba por PageSpeed Insights porque sé que mucha gente se preocupa por las puntuaciones de PageSpeed Insights. Pero no te obsesiones con las puntuaciones por sí solas, lo que realmente importa es cómo experimentan tu sitio los visitantes humanos.

Empezaré con los datos brutos y resumiré todo al final de esta sección:

Chicago, Estados Unidos:

Sin optimización del rendimiento (control)

Con NitroPack

Bombay, India

Sin optimización del rendimiento (control)

Con NitroPack

PageSpeed Insights

Antes de NitroPack:

Móvil:

De sobremesa:

Después de NitroPack:

Móvil:

De sobremesa:

Conclusiones

Vale, sé que en las secciones anteriores te he escupido un montón de información técnica y tablas. Si no eres un adicto al rendimiento de los sitios web, puede que te haya resultado un poco abrumador. Así que aquí tienes las conclusiones humanas de todos esos datos de prueba:

NitroPack ha mejorado enormemente los tiempos de carga de mi sitio web en todos los aspectos :

• Los tiempos generales de carga de las páginas disminuyeron, que es lo que le importa a la mayoría de la gente.
• Se ha mejorado el Largest Contentful Paint (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ápidamente (lo que debería redundar en una mejor experiencia).
• El tiempo hasta el primer byte (TTFB) disminuyó, lo que significa que el servidor respondió más rápido.
• Las puntuaciones de PageSpeed Insights han mejorado mucho.

Para ayudarte a visualizar la comparación, a continuación te mostramos los resultados de la prueba de Chicago, Illinois:

Aquí está la prueba de Mumbai:

El sitio de prueba es casi tres veces más rápido con NitroPack.

Por último, aquí están las puntuaciones de PageSpeed Insights:

En resumen, NitroPack ha superado las pruebas de velocidad con nota.

Nota de Adam: Recuerde, estos son los resultados de las pruebas utilizando Elementor y la configuración "fuerte" en NitroPack. Si utiliza el modo "ridículo" experimentará tiempos de carga más rápidos, pero puede encontrar problemas. En uno de mis sitios más pequeños pude conseguir tiempos de carga de la página móvil en los años 90 utilizando un tema GeneratePress ligero y sin constructor de página.

¿Cómo acelera NitroPack su sitio web?

Bien, ahora ya sabe que NitroPack puede mejorar enormemente los tiempos de carga de las páginas de su sitio web. Entonces... ¿cómo lo hace?

Una vez más, lo más singular de NitroPack es que ofrece un enfoque "todo en uno" para acelerar su sitio web. En lugar de juntar una colección de varios plugins de rendimiento para WordPress, puede instalar NitroPack y listo.

Estas son algunas de las principales técnicas que aplica para acelerar su sitio.

Almacenamiento en caché

NitroPack dispone de varios sistemas de almacenamiento en caché para mejorar el rendimiento y reducir la carga de su servidor. Los dos más importantes 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 tenga que ejecutar PHP en cada visita.
• Caché del navegador - guarda determinados recursos estáticos en el ordenador local del visitante para que no tenga que descargarlos en cada carga de la página.

NitroPack también incluye funciones inteligentes como la invalidación de la caché y la precarga, que le ayudan a asegurarse de que se sirven versiones en caché de su contenido al mayor número posible de visitantes.

Si es necesario, también puede excluir determinados contenidos/recursos de la caché. Por ejemplo, si tiene una tienda de comercio electrónico, tendrá que excluir las páginas del carrito y de la caja.

Red de distribución de contenidos (CDN)

Una CDN acelera los tiempos de carga global de su sitio almacenando en caché recursos estáticos en una red de servidores repartidos por todo el mundo (denominados ubicaciones periféricas). Así, cuando alguien visita su sitio, puede descargar esos recursos desde la ubicación periférica más cercana, en lugar de tener que ir hasta el servidor físico de su sitio.

Este CDN es una gran parte de lo que explica cómo mi sitio de prueba fue más de 3 veces más rápido con NitroPack en la prueba de Mumbai, India.

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

Optimización de imágenes

Las imágenes suponen aproximadamente la mitad del tamaño de archivo de una página web media, por lo que encontrar formas de reducirlas es una buena manera de acelerar el proceso. NitroPack optimiza automáticamente las imágenes, lo que incluye convertirlas al veloz formato WebP y cargarlas lentamente.

Optimización del código

NitroPack incluye muchas funciones diferentes para optimizar el código de su sitio web, no sólo el tamaño del código mediante la minificación, sino también la forma en que se carga.

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

También puede aplazar el JavaScript que bloquea la renderización, lo que consigue los mismos efectos positivos que aplazar el CSS (y es algo sobre lo que PageSpeed Insights siempre te grita).

Por último, hay otras mejoras diversas, como la precarga de DNS y la optimización del renderizado de fuentes.

Precios de NitroPack

Ahora, la siguiente pregunta importante: ¿cuánto le van a costar todas estas prestaciones?

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

Después, los planes de pago empiezan en 17,50 $ al mes con facturación anual o 21 $ al mes con facturación mensual.

Estos precios son por sitio, pero también puede ponerse en contacto con el equipo de ventas para planes multisitio o de agencia. .

Cómo configurar NitroPack en WordPress

Como ya he mencionado un par de veces, una de las ventajas de NitroPack es lo fácil que es empezar a utilizarlo. De hecho, para todas las funciones que implementa, es probablemente la herramienta de optimización más sencilla que he utilizado nunca.

Me centraré en WordPress para este tutorial. Sin embargo, recuerde que NitroPack no se limita a los sitios de WordPress. Si está utilizando WordPress, sin embargo, el plugin dedicado de WordPress le tendrá en funcionamiento en tan sólo unos minutos.

Para empezar, necesitarás:

• Regístrese para obtener una cuenta NitroPack. Hay una prueba gratuita de 14 días para los planes premium, así como el plan gratuito que he mencionado antes. Asegúrese de introducir la URL de su sitio WordPress al registrarse.
• Instale el plugin NitroPack de WordPress.org.

A continuación, vaya a Ajustes → NitroPack en el panel de control de WordPress y haga clic en el botón Conectarse a NitroPack botón:

Si ya ha iniciado sesión en su cuenta de NitroPack, NitroPack lo detectará. De lo contrario, aparecerá un mensaje para que inicie sesión.

A continuación, debe elegir el sitio web que desea optimizar, que debería haber introducido al crear su cuenta NitroPack:

Y ya está. Estás conectado. Te dije que era fácil.

Aunque NitroPack te ofrece un panel de control básico dentro de tu sitio de WordPress junto con un par de ajustes, gestionarás la mayoría de las cosas desde el panel de control en la nube de NitroPack, no su sitio de WordPress. Vamos allí a continuación.

Cómo configurar NitroPack

Lo bueno de NitroPack es que ni siquiera es necesario "configurarlo". De hecho, cuando realicé las pruebas anteriores, utilizaba la configuración predeterminada; literalmente, no hice ni un solo cambio.

Si quieres profundizar, irás al Ajustes del panel de control de NitroPack. A continuación, puede elegir el nivel de optimización que desee en la pestaña Configuración En función del nivel de optimización que elija, NitroPack configurará automáticamente algunas o todas las funciones que he mencionado anteriormente.

Por ejemplo, si elige Fuerte (el predeterminado), incluirá funciones como la carga lenta y la optimización de fuentes. A modo de referencia, las pruebas que realicé más arriba utilizaban el método Fuerte así como .

Si eres un usuario ocasional, ¡ya está! Detente: en realidad no necesitas ir más allá de elegir el nivel de optimización que deseas.

Si se desplaza hacia abajo, obtendrá algunas opciones adicionales, la mayoría de las cuales tienen que ver con la inclusión/exclusión de contenidos específicos de la optimización.

Por ejemplo, puede excluir ciertas imágenes o recursos, cookies, URLs, etc. Esto puede ser útil si usted es, digamos, un fotógrafo y quiere excluir las imágenes de alta resolución de su portafolio para que no se compriman o si tiene un sitio de membresía y no quiere que a los miembros registrados se les sirva contenido en caché:

En Integraciones también le ayuda a integrarse con otras herramientas:

• Proxy inverso - Muchos hosts WordPress gestionados utilizan Varnish o Nginx como proxy inverso para el almacenamiento en caché a nivel de servidor, por lo que esta función le permite seguir beneficiándose de esas optimizaciones.
• Cloudflare
• Sucuri

NitroPack ofrece otras áreas de control para supervisar el uso y ver qué páginas se han optimizado, pero eso es todo en cuanto a configuración.

Fácil, ¿verdad?

Reflexiones finales: ¿Debería utilizar NitroPack?

Llegados a este punto de nuestra revisión de NitroPack, me siento bastante seguro al afirmar que NitroPack puede, en efecto, acelerar su sitio web: las cifras hablan por sí solas.

Además, es muy fácil de usar: el proceso de configuración de WordPress es muy sencillo y no requiere intervención alguna una vez superado el obstáculo inicial.

El único factor de confusión es el precio.

Verá, la pregunta no es sólo "¿NitroPack acelera su sitio?", la respuesta es un rotundo sí.

En su lugar, la pregunta es "¿acelera NitroPack su sitio lo suficiente como para justificar el pago de al menos $X cada mes?".

Aquí, la respuesta es sí... a veces y no... a veces.

Cuándo NitroPack puede no ser una buena opción

Si usas WordPress y tienes un presupuesto limitado, puedes encontrar otras herramientas que pueden mejorar mucho los tiempos de carga de tu sitio por mucho menos dinero. La mejor opción aquí es probablemente WP Rocket que, en nuestro análisis práctico de WP Rocket, redujo significativamente los tiempos de carga de mi 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 a NitroPack (mi sitio de prueba NitroPack está empezando desde mucho más rápido de alojamiento de línea de base). Sin embargo, el punto es que, por una cuota de $ 49 / año, WP Rocket puede mejorar drásticamente los tiempos de carga de su sitio.

Sin embargo, no incluye CDN ni optimización de imágenes.

Recuerde: NitroPack ofrece un plan gratuito para hasta 5.000 visitantes mensuales si no le importa mostrar una insignia en el pie de página. La ventaja es que este plan incluye un CDN y muchas mejoras de rendimiento.

Cuándo debe utilizar NitroPack

Si estás dispuesto a pagar por un rendimiento de primera, NitroPack tiene mucho a su favor:

En primer lugar, las mejoras de rendimiento en mis pruebas fueron... bueno, bastante impresionantes. De hecho, funcionó mucho mejor de lo que esperaba. Mi sitio de prueba ya es bastante rápido con su droplet de DigitalOcean, pero NitroPack redujo los tiempos de carga de la página de mi sitio en más de un 50% tanto en la prueba de Chicago como en la de Mumbai.

En segundo lugar, además de mejorar el tiempo de carga de la página, NitroPack también ha mejorado enormemente las métricas de rendimiento de la "experiencia del usuario" en Google's Core Web Vitals. Por ejemplo, en la prueba de Chicago, redujo el tiempo de mi Largest Contentful Paint (LCP) de 2,319 s a 0,958 s.

Dado que Google empezará a utilizar Core Web Vitals como factor de clasificación SEO en 2021, esta es otra forma en la que NitroPack se gana el pan.

Recuerde que hay muchos datos que relacionan los tiempos de carga con métricas importantes como la tasa de conversión y la tasa de rebote. Así que si tiene un sitio web "serio", como un sitio de socios o una tienda de comercio electrónico, NitroPack podría amortizarse ayudándole a vender más productos y a crear clientes más satisfechos.

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