Paquete de rendimiento
El paquete de performencias permite analizar los indicadores de rendimiento de su tienda PrestaShop y mejorarlos.
El curso de este servicio para navoti-shop.com consistió primero en realizar una auditoría de rendimiento con el fin de orientar las mejoras a realizar.
Al observar el back office, las señales web esenciales (Core web vitals) en la Google search console y las pruebas en línea con la herramienta GTMetrix, nuestros equipos pudieron enumerar las acciones más relevantes a implementar. Hemos validado con navoti-shop.com las acciones que podemos tomar para asegurar un trabajo eficiente.
La comparación de los resultados de las pruebas de GTMetrix es significativa: los indicadores han evolucionado positivamente.
|
Antes
Después
|
| Antes | después | |
| Perf.grade |
42/ 100
|
74/ 100
|
Acciones en los principales web vitals
Durante el análisis preliminar de la Google search console, detectamos cambios a realizar para obtener mejores resultados.
Como recordatorio, las señales web esenciales ("Core web vitals") tienen un impacto sobre el rendimiento y sobre el SEO.
MEJORA DEL LCP
- Nuevo tamaño de miniatura para lograr la igualdad entre el tamaño del archivo y el tamaño mostrado. Esta acción guarda el peso de transferencia y los cálculos de cambio de tamaño realizados por el navegador.
- Optimizaciones del blog: precarga de imágenes, eliminación de carga diferida para que la imagen principal se cargue más rápido.
MEJORA DEL CLS
- Estabilidad de visualización mejorada a través de varias técnicas, como reserva de espacio, congelación de posiciones de bloques, etc...
|
Impacto en las curvas de Google Search Console
Desde la fecha de las primeras acciones, la tendencia se ha invertido, pasando de una curva predominantemente roja a la estabilización de una curva mayoritariamente verde.
Version móvil
Versión para computadora |
| Antes | después | |
| LCP (página de blog) | 5.3s | 1.1 |
| CLS (página de producto) | 0.34 | 0.21 |
Acciones de rendimiento diversas
Más allá de las acciones anteriores, pudimos identificar acciones adicionales a tomar para continuar mejorando los indicadores de performencias:
- Se precargaron preconexiones a sistemas externos.
- Deshabilitar el forzado de la compilación
- Descargar y precargar las fuentes de caracteres
- Deshabilitar la optimización de Apache porque los servidores 7724 están configurados de acuerdo con las recomendaciones de Google (obtenemos una mejor configuración que PrestaShop nativamente)
- Implementación de carga diferida ("lazy loading")
- Configuración de un CDN
Estas acciones acumulativas han mejorado los resultados generales de performencias.
El tiempo de carga cae por debajo de los 2,7 segundos.
Otra ganancia de rendimiento significativa que se obtiene es el valor del tiempo total de bloqueo que pasa de 886 milisegundos a 395 milisegundos, es decir una reducción de más del 55% de este indicador*
* El Tiempo total de bloqueo mide el tiempo de espera del navegador durante la carga de la página.
| Antes | después | |
| Tiempo total de bloqueo | 886ms | 385ms |
| Archivos descargados | 96 | 63 |