Mejorar rendimiento, accesibilidad, SEO y buenas prácticas según Lighthouse y PageSpeed

[MranDvX]

Necesitamos mejorar nuestro sitio web para pasar las pruebas de Lighthouse y PageSpeed, y resolver los errores de accesibilidad, rendimiento, SEO y buenas prácticas identificados en los informes.

Link del PageSpeed

Objetivo:

Optimizar el sitio web para mejorar los puntajes de Lighthouse y PageSpeed en las áreas de accesibilidad, rendimiento, SEO y buenas prácticas.

Tareas:

1. Análisis inicial:

   • Revisar el informe de PageSpeed para identificar los problemas actuales.
   • Documentar los errores y áreas de mejora en accesibilidad, rendimiento, SEO y buenas prácticas.

2. Accesibilidad:

   • Corregir errores de accesibilidad detectados por Lighthouse.
   • Asegurar que todos los elementos de la página cumplan con las directrices de accesibilidad (por ejemplo, etiquetas alt en imágenes, contraste de colores adecuado, navegación por teclado).

3. Rendimiento:

   • Optimizar el tamaño y la carga de recursos (imágenes, scripts, CSS).
   • Implementar técnicas de carga diferida (lazy loading) para imágenes y recursos no críticos.
   • Minimizar el tiempo de respuesta del servidor y mejorar el tiempo de carga de la página.
   • Utilizar el almacenamiento en caché del navegador y la compresión de archivos.

4. SEO:

   • Asegurar que todas las páginas tengan meta etiquetas adecuadas (title, description).
   • Mejorar la estructura del HTML para que sea semánticamente correcta.
   • Implementar enlaces internos y asegurarse de que todos los enlaces externos sean válidos.

5. Buenas prácticas:

   • Revisar y actualizar las dependencias del proyecto para evitar vulnerabilidades.
   • Asegurar el uso de HTTPS en todo el sitio.
   • Implementar políticas de seguridad recomendadas (CSP, XSS, etc.).

6. Pruebas y validación:

   • Ejecutar nuevamente las pruebas de Lighthouse y PageSpeed después de cada cambio significativo.
   • Documentar los cambios realizados y los impactos en los puntajes.
   • Asegurarse de que los puntajes en accesibilidad, rendimiento, SEO y buenas prácticas estén dentro de un rango aceptable.

Recursos:

• Lighthouse Documentation
• PageSpeed Insights

Evidencia:

Adjuntar capturas de pantalla de los informes de Lighthouse y PageSpeed antes y después de las mejoras.