Alternativas a NitroPack para optimizar el tiempo de carga de wordpress

NitroPack es una herramienta impresionante. pertenece a una categoría de herramientas de optimización basadas en la nube. Suelen hacer grandes promesas sobre el rendimiento y, por lo general, son de esas herramientas excelentes en las que pagas caro por un buen servicio.

La desventaja de este tipo de herramientas es que a menudo están construidas paralas métricas y pueden verse bien en una prueba de velocidad de una sola página, como Google Pagespeed Insights, pero tienen lagunas y a menudo pueden fallar cuando se trata de webs con funcionalidades complejas dejavascript.

Cuando Google introduce sus métricas Core Web Vitals, la optimización web se nos hace más clara y compleja a la vez. Hay muchos factores que influyen en la calidad de visualización y la experiencia del usuario y tenemos que preocuparnos por algo más que por velocidad. Antes esto estaba perfectamente bien, ya que la mayoría de los profesionales del marketing se centraban en las calificaciones y las puntuaciones de las pruebas de auditorías. Ahora que existe un marco común para medir la velocidad de todos los sitios, las lagunas de estas herramientas pueden crear problemas con las puntuaciones de Core Web Vitals.

En este artículo repasamos algunas de estas herramientas y en la mejor manera de aprovecharlas.

Las alternativas a Nitro Pack incluyen

• WP Rocket
• Cloudflare APO
• Litespeed
• Pegasaas
• Edgemesh
• Kit de velocidad
• QuicCloud

Por lo general trabajo en un servidor optimizado Linux con Apache y Litespeed, la cache de objetos de Redis, y en varios servidores virtuales con la cahe de Nginx y el APO de Cloudflare. Una configuración típica que suelo aplicar es WPRocket + Cloudflare APO + cache de Redis. He optimizado decenas de sitios WordPress en los últimos 5 años, si estás está buscando ayuda con una optimización, primero te invito a hacer una auditoría de velocidad del sitio gratis aquí, y si tienes dudas con el informe puedes sentirte libre de contactarme por WhatsApp para alguna recomendación sin compromiso.

Primero vamos a entender cómo funcionan las herramientas de optimización de velocidad basadas en la nube

NitroPack es una de las herramientas de velocidad en la nube más conocidas, pero hay un montón de plugins y herramientas alternativas. Hay una controversia en la comunidad de SEO y de marketing online que es algo justificada en torno a las herramientas de prueba de velocidad que engañan a NitroPack

Nitropack es probablemente las herramientas de optimización de velocidad basadas en la nube más conocidas en la comunidad de afiliados/SEO pero hay varios competidores incluyendo Pegasaas, Speedkit, Edgemesh y Cloudflare con su servicio APO para Wordpress.

Todos estos servicios son grandes herramientas y van a acelerar las cosas, sobre todo la entrega de recursos estáticos, de hecho hasta puedes servir imágenes autoconvertidas a formatos de nueva generación con algun componente extra de estos servicios. Pero hay que entender una cosa aquí y es que si partimos de un sitio web medianamente optimizado, con sus imágenes al tamño que requiere la pantalla y bien comprimidas, la reducción que puede hacer un servicio de éstos, comparado con una codificación limpia del tema, con plugins eficientes, es bastante menor. Quiero decir que está muy bien ahoraarse 500ms contratando un servicio de éstos cuando tu tema o configuración de wordpress no da más, pero siempre es mejor ahorrar 2 segundos en el renderizado haciendo las cosas bien desde un comienzo.

Con herramientas como Nitropack sentirás que todo el tiempo que pasaste configurando wp rocket no sirvió de nada...de hecho parece que hay algún secreto mágico para conseguir una puntuación de 100 en Pagespeed Insights..

No hay magia aquí, Nitropack precarga muchos activos lejos del hilo principal, utilizando su arquitectura multinúcleo de la CPU Esto hace que las herramientas de prueba de velocidad no registren estos recursos en sus gráficos de cascada.

Además utilizan las siguientes características:

• Gestión de caché
• Optimización de Imagen (Escala y compresión)
• Carga de recursos y ejecución de JavaScript aplazada
• CDN incorporado
• CSS crítico
• Carga diferida de imágenes, videos e iFrames

Resumiendo... un todo en uno potente, pero caro.

Sin embargo hay que decir que WPRocket junto con la caché de objetos de Redis y Cloudflare APO es una fantástica alternativa a NitroPack y a menudo significativamente más rápida fuera de Ligthouse y mejor para pasar la prueba de Google Core Web Vitals.

La velocidad del sitio es realmente una serie de buenas prácticas utilizadas en conjunto. Todo lo que estas herramientas hacen es marcar las casillas para una serie de optimizaciones, muchas de las cuales se pueden hacer manualmente, como por ejemplo enrutar scrips o desenturar para ciertas páginas, como:

add_action( 'wp_enqueue_scripts', 'mi_deregister_javascript', 100 );

function mi_deregister_javascript() {
   if ( !is_page('mi-pagina') ) {
    wp_deregister_script( 'aquitepillo.css' );
    wp_deregister_script( 'aquitemato.js' );
    wp_deregister_script( 'elementor' );
    wp_deregister_script( 'retina' );
    wp_deregister_script( 'menutronco' );
    wp_deregister_script( 'imagesloaded' );
    wp_deregister_script( 'misfunciones' );

     }
}

Para no cargar, muchas veces, contenido estático no necesario en algunas páginas de nuestro sitio. Obviamente esto no es para alguien que quiere hacer una optimización de una sola vez o que cree que ya se la proporcionan con su alojamiento ...

Duplicar algunos tipos de optimizaciones puede hacer que la velocidad general de su sitio disminuya, por lo que es importante que entiendas que no va a correr más rápido tu sitio por más plugins de optimización que instales. De hecho he encontrado que muchas veces...

Sólamente con el plugin de caché de cloudflare conectado al APO y un script para carga diferida, sin más plugins, puedes consegur un resultado excelente siempre que controles el peso de las imágenes (Webp). .

Bueno, y con una codificación limpia... que nos evite luego hacer una tediosa auditoría de cobertura.

La mayoría de las herramientas de velocidad que deberías tener disponibles para optimizar wordpress pueden ser:

• CDN
• Edge Caching o Page Caching en los nodos de la CDN (el servicio APO de Cloudflare hace esto, "Cloud" de WPX también)
• Utiliza una compresión de imagen eficiente, Sube tus imágenes en Webp.
• Minificación y Concatenación. (Ojo si usas http2 con los archivos muy grandes de css o js. Es mejor varios pequeños.)
• Compresión Gzip y Brotli (Tu servidor debería tener esto también)
• http2
• Cache de Objetos
• Retraso de js
• Optimización de css
• Debug de consultas de WP

Estos son algunos de los elementos que más se ganan cuando se trata de la velocidad. Hay algunas capaces de ahorrarte decenas de ms y otras segundos. en particular, es una optimización importante para Core Web Vitals PERO, una vez más, no se debe duplicar, ya que por lo general terminará retrocediendo. También es importante entender que todavía hay un montón de optimizaciones que estas herramientas no pueden cubrir.

Es importante tener en cuenta que hay algunas optimizaciones importantes que estas herramientas no pueden hacer o problemas que no pueden arreglar:

• Compensar un hosting barato o poco fiable (vea esta página sobre los alojamientos rápidos de WordPress)
• Corregir errores 404 y otros códigos rotos
• Corregir problemas de indexación
• Hacer que un sitio saturado de plugins corra magníficamente bien en una CPU pequeña
• Arreglar problemas con javascript lento de terceros
• Solucionar problemas relacionados con lla visualización de elementos de la página