La velocidad de visualización del sitio web es un factor muy importante que está directamente relacionado con la tasa de abandono de usuarios y el SEO. Sin embargo, cuando se trata de optimización del rendimiento, la sabiduría común del pasado de que “simplemente hazlo de esta manera” puede en realidad tener el efecto opuesto en los entornos de navegadores modernos.
Aquí, desacreditaremos los mitos comunes sobre la mejora del rendimiento y exploraremos las mejores prácticas reales.
Mito 1: “Todas las imágenes deben cargarse de forma diferida”
Es fácil malinterpretar que si sus imágenes son pesadas, agregar loading="lazy" las hará todas más rápidas. Si bien es ciertamente efectivo para imágenes fuera de la pantalla, es un gran error aplicar Lazy Load a imágenes que están en la primera vista (la primera área que ve cuando abre una página). El navegador pospone esto, lo que da como resultado un LCP (Largest Contentful Paint) significativamente peor. La respuesta correcta es cargar imágenes de primera vista con prioridad (considere fetchpriority=“high”`).
Concepto erróneo 2: “Simplemente minimice CSS y JS y listo”.
Por supuesto, comprimir el código es necesario, pero no es suficiente. El problema es: “¿Estás cargando código que no estás usando actualmente?”. En un enfoque moderno, es importante la “división de código”, que divide y carga sólo el CSS/JS necesario para cada pantalla. Simplemente eliminar scripts de terceros innecesarios (como herramientas de chat no utilizadas y etiquetas de seguimiento) a menudo puede generar mejoras espectaculares.
Mito 3: “Una puntuación de 100 en Google Lighthouse es perfecta”.
La puntuación de Lighthouse es un gran indicador, pero es sólo un resultado de simulación para su PC y su entorno de red. Es posible que usuarios reales accedan a él desde teléfonos inteligentes antiguos o líneas de metro poco fiables. El verdadero propósito de Core Web Vitals es “medir la experiencia real del usuario” llamado RUM (Real User Monitoring). En lugar de confiar únicamente en su puntuación de Lighthouse, es importante comprobar periódicamente los datos reales del campo utilizando algo como Google Search Console.
Importancia del seguimiento continuo
La optimización del rendimiento no es una tarea de “configúrelo y olvídese”. A medida que agregue más funciones, su sitio se volverá un poco más pesado. La mejor práctica definitiva es incorporar pruebas de rendimiento en el proceso de CI/CD y crear un “sistema para evitar el deterioro” que detecte una caída en la puntuación al crear un RP.
Actualicemos conocimientos antiguos y brindemos una experiencia web verdaderamente cómoda para los usuarios.