Tengo este sitio web, que creo que se carga muy rápido y está muy bien optimizado, pero cada vez que lo ejecuto a través de PageSpeed, ¿recibe una puntuación horrible solo en dispositivos móviles?
Con "Minimizar el trabajo del hilo principal" siendo el principal, ¿pasando supuestamente 124 segundos en Rendering?
Intenté depurarlo en DevTools, con la pestaña Rendimiento, pero incluso con la ralentización de la CPU y 3G lento, no puedo hacer que muestre ningún problema. Las tareas largas en la captura de pantalla están todas relacionadas con las extensiones que he instalado en Chrome.
El JavaScript se ejecuta a través de Babel con el ajuste preestablecido "@babel/preset-env" y luego se minimiza.
Desde Colombia tienes una versión móvil con un rendimiento de 82 en PageSpeed
Primera pintura con contenido 1,7 s Tiempo para interactuar 3,1 s Índice de velocidad 3,3 s Tiempo total de bloqueo 30 ms Renderizado del mayor elemento con contenido 4,5 s Cambio de diseño acumulativo 0,017
el resultado es muy bueno
Para cualquiera que se pregunte, esto es lo que arruinó a PageSpeed:
.hero-image.animated { animation: animatedBackground var(--hero-animated-duration) linear; background-position: bottom right; }Al eliminar la animación, se solucionó el problema con las páginas móviles con una puntuación muy baja.