Cómo mejorar rápidamente la puntuación de Google PageSpeed ​​Insights de su tienda Magento sin ser un desarrollador

Última actualización - 8 de julio de 2021

Una puntuación alta en Google PageSpeed ​​Insights se ha convertido en una especie de marca de calidad para las tiendas de Magento. Y aunque tanto Google como los principales equipos de optimización de Magento subrayan que no es una buena herramienta para medir la optimización del rendimiento, los minoristas en línea aún confían en ella para monitorear el rendimiento de su tienda en términos de velocidad y confiabilidad.

Es por eso que hemos creado una pequeña guía sobre cómo corregir rápidamente su puntaje de Google PageSpeed, incluso si no tiene experiencia como desarrollador. Todas nuestras correcciones son fáciles de implementar, tienen un gran impacto con el mínimo esfuerzo y se pueden implementar en un día.

Arreglo #1. Obtenga un buen CDN

Una red de entrega de contenido no es una panacea para las tiendas de Magento, pero es lo más cercano que puede obtener. Además de los beneficios obvios de una entrega de activos más rápida y una latencia reducida, una CDN ofrece un conjunto de funciones que pueden hacer que su tienda Magento sea más rápida:

• optimización de medios (una CDN sabe cómo reducir el tamaño total de la imagen sin comprometer la calidad),
• minificación y compresión de activos estáticos como archivos CSS, JS y HTML (la creación de activos más pequeños definitivamente puede ayudar a servirlos más rápido incluso en redes más lentas),
• intercambiar archivos JPEG antiguos por el formato WebP moderno para navegadores que lo admitan (las imágenes se cargan más rápido y ocupan menos espacio),
• convertir imágenes a formato progresivo (las imágenes progresivas se cargan de forma diferente a las convencionales, ofreciendo a los usuarios una sensación de mayor rendimiento aunque técnicamente la tienda carga a la misma velocidad),
• aplazar la carga de activos (Magento principalmente necesita aplazar el análisis de JavaScript ) para acelerar la entrega de activos críticos,
• priorice los protocolos HTTP/2 y QUIC para cargar archivos más rápido y sin sincronización,
• ajustar la antigüedad de la memoria caché a valores óptimos,
• servir diferentes versiones de imagen a diferentes usuarios (la multiversión es útil cuando el navegador necesita una imagen de menor tamaño, por ejemplo).

La instalación y configuración de una CDN no requiere mucha experiencia técnica. La mayor parte del tiempo podrá hacer frente a la tarea sin demasiada dificultad. Un CDN es una de las mejores soluciones para el rendimiento de la interfaz de Magento. Su integración puede mejorar significativamente su puntaje de Google PageSpeed ​​debido a la gran cantidad de correcciones útiles que ofrece.

Si bien una CDN es la mejor herramienta en nuestra caja de herramientas, nos gustaría mostrarle dos opciones más para acelerar su tienda y, con suerte, hacer que su puntaje de PageSpeed ​​sea aún más alto.

Arreglo #2. Elija un alojamiento Magento capaz

Magento es una plataforma exigente y con un uso intensivo de recursos que requiere un equipo de soporte enfocado para ayudarlo a exprimir hasta el último bit de rendimiento del servidor.

Desafortunadamente, la mayoría de las veces, los propietarios de tiendas Magento no ven a un buen proveedor de alojamiento como una inversión que valga la pena. En lugar de hacer coincidir los requisitos de su tienda con un entorno de servidor capaz, están buscando cómo optimizar Magento para meterlo en los límites restrictivos de una solución de alojamiento compartido o un servidor privado virtual barebones.

Por eso es tan importante que elija cuidadosamente su entorno de alojamiento de Magento y, aún más meticulosamente, el equipo de soporte técnico de su proveedor. Esas serán las personas que lo ayudarán a configurar el entorno y lidiar con las posibles dificultades técnicas que pueda encontrar.

Un buen hoster y un servidor potente se traducirán en una mejora visible en la puntuación de Google PageSpeed. Cuanto más fuerte sea el servidor, más problemas mitigará relacionados con los cuellos de botella de la CPU, y la CPU es el punto estrecho más común en las tiendas web de Magento. Así que no dude si necesita un servidor más potente; lo más probable es que simplemente deba actualizarlo.

Nuestras recomendaciones aquí: haga su investigación. Lea reseñas, pregunte, hable con expertos de la comunidad, compare las ofertas de diferentes proveedores, haga preguntas específicas a estos anfitriones.

Arreglo #3. Optimizar la configuración de administración de Magento

La sección de administración de Magento a menudo se pasa por alto, pero es un vector efectivo de optimización de Magento. Una de las ventajas de la optimización del panel de administración de Magento es que realmente no necesita hacer cosas extremadamente técnicas. Simplemente siga las instrucciones simples sobre cómo cambiar configuraciones específicas dentro de Magento.

Habilitar catálogos planos. Esta es una solución efectiva cuando tienes miles de productos únicos en la tienda. Los catálogos planos y los productos cambian la forma en que Magento guarda los atributos de los productos en la tienda. En lugar de mantenerlos en tablas de bases de datos separadas, crea una estructura plana que ayuda al servidor a obtener valores de atributos mucho más rápido que antes. Vaya a Tiendas > Configuración > Configuración > Catálogo > Tienda y cambie estas dos opciones a Sí .

Cambiar la configuración de JS. Por alguna razón, la configuración predeterminada de Magento JS no es óptima. Pero si se toma en serio el rendimiento de Magento, le recomendamos que vaya a Tiendas > Ajustes > Configuración > Avanzado > Desarrollador > Ajustes de JavaScript y los cambie como se muestra a continuación.

Cambiar la configuración de CSS. El CSS no optimizado puede afectar seriamente el rendimiento, por lo que es una buena idea reducir este impacto lo más posible. Vaya a Tiendas > Configuración > Avanzado > Desarrollador y cambie a SÍ la configuración de Minify and Merge CSS.

Cambiar la configuración de HTML. La configuración de HTML se encuentra en Tiendas > Configuración > Avanzado > Desarrollador > Configuración de plantilla . Active la minificación de HTML para guardar datos y acelerar la carga de la página web. El código minificado es menos legible pero mucho más compacto, lo que es una gran característica cuando le preocupa el rendimiento de la entrega.

Arreglo de bonificación. ¡Habilite Elasticsearch!

La búsqueda en la tienda realmente no afecta la puntuación de Google PageSpeed ​​Insights, pero es algo que debe implementar. Elasticsearch es una gran mejora en la experiencia del usuario y ofrece enormes beneficios de calidad de vida a sus clientes.

La cuestión es que, la mayoría de las veces, la búsqueda en la tienda es uno de los elementos más frustrantes de toda la experiencia de compra si es lenta o imprecisa. Para los usuarios que tienen prisa, la calidad de su búsqueda puede ser la diferencia entre una compra completa y un cliente perdido.

Elasticsearch ofrece escalado horizontal sencillo, resultados rápidos, capacidades de búsqueda inteligente, uso de sinónimos y palabras vacías, y compatibilidad con varios idiomas.

Vaya a Tiendas > Configuración > Configuración > Catálogo > Catálogo > Búsqueda de catálogo para habilitar Elasticsearch. El proceso de configuración es más complicado que las 3 correcciones anteriores, pero le brinda suficientes beneficios para que valga la pena. Una vez que habilite la versión deseada de Elasticsearch, debe seguir esta guía para instalar completamente este nuevo motor de búsqueda.

Nota: Los proveedores de hospedaje centrados en Magento estarán muy familiarizados con Elasticsearch y, a menudo, tendrán soluciones de integración de Elasticsearch listas para usar para que las use. ¿Ves cómo se une todo? Un buen proveedor de hosting de Magento te hará la vida mucho más fácil en muchos aspectos.

Conseguir la puntuación perfecta. ¿Incluso lo necesitas?

La puntuación de Google PageSpeed ​​se basa en docenas de auditorías independientes que evalúan la velocidad de su tienda de tantas maneras que es difícil enumerarlas aquí. Lo que debe comprender es que el puntaje no tiene sentido si lo persigue solo, sin mirar primero la experiencia del usuario y la participación del usuario. Esas son las métricas reales que desea aumentar.

La forma en que sus clientes navegan, cómo se comportan en el Pago, en el Carrito de compras o en la Cuadrícula de productos. Vea dónde aumentan o disminuyen las conversiones y cómo puede mejorar. Después de todo, las personas reales generan ventas reales. Los robots no son tan importantes para su tienda.