Repolode
Enviar
thedaviddias

thedaviddias/Front-End-Performance-Checklist

Una lista exhaustiva de verificación del rendimiento front-end que abarca HTML, CSS, fuentes, imágenes, JavaScript y reglas del servidor, con explicaciones, soluciones y herramientas enlazadas.

Ver en GitHub
Estrellas
17,381
Forks
1,255
Issues abiertos
1
Último commit
hace 9 días

¿Qué es?

La lista de verificación del rendimiento front-end reúne numerosas reglas que los desarrolladores front-end pueden aplicar a sus sitios web y aplicaciones. Cada regla explica por qué es importante y cómo corregir el problema, y la mayoría incluye enlaces a herramientas o artículos para ampliar la información.

La lista está organizada por áreas: HTML, CSS, fuentes, imágenes, JavaScript y entrega desde el servidor, e incluye secciones sobre frameworks populares y WordPress. Cada elemento tiene una prioridad baja, media o alta para que los lectores decidan por dónde empezar. Entre los temas se encuentran la minificación, los recursos que bloquean el renderizado, el CSS crítico, los formatos de webfont, la carga diferida, las imágenes adaptables, los service workers, HTTPS, los encabezados de caché y la compresión.

El repositorio también recopila herramientas para probar y monitorizar el rendimiento, como WebPageTest, PageSpeed Insights, Lighthouse y Sitespeed.io, además de una lista de traducciones a otros idiomas.

Funciones clave

  • 01Reúne en una sola lista de verificación HTML, CSS, fuentes, imágenes, JavaScript y entrega desde el servidor.
  • 02Cada regla explica por qué es importante y cómo aplicar la solución.
  • 03Los elementos están marcados con prioridad baja, media o alta.
  • 04Incluye enlaces a herramientas de prueba como WebPageTest, Lighthouse y PageSpeed Insights.
  • 05Incluye secciones sobre el rendimiento de React, Angular, Vue y WordPress.

Casos de uso

  • Auditar un sitio web o una aplicación web antes de su lanzamiento para detectar problemas de rendimiento.
  • Incorporar a desarrolladores front-end a las prácticas habituales de rendimiento.
  • Añadir una etapa de revisión del rendimiento al proceso de desarrollo de un equipo.
  • Consultar qué herramientas usar para medir la velocidad de una página y monitorizarla a lo largo del tiempo.

Temas

#performance#web-performance#frontend#checklist#html#css#javascript#web-development#front-end-developer-tool#front-end-development

Preguntas frecuentes

¿Qué es Front-End-Performance-Checklist?
Una lista exhaustiva de verificación del rendimiento front-end que abarca HTML, CSS, fuentes, imágenes, JavaScript y reglas del servidor, con explicaciones, soluciones y herramientas enlazadas. La lista de verificación del rendimiento front-end reúne numerosas reglas que los desarrolladores front-end pueden aplicar a sus sitios web y aplicaciones. Cada regla explica por qué es importante y cómo corregir el problema, y la mayoría incluye enlaces a herramientas o artículos para ampliar la información.
¿Front-End-Performance-Checklist es gratuito? ¿Qué licencia tiene?
Front-End-Performance-Checklist es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿Front-End-Performance-Checklist sigue mantenido?
Mantenimiento activo. El último commit de Front-End-Performance-Checklist fue el 13 oct 2026.
¿Para qué puedo usar Front-End-Performance-Checklist?
Auditar un sitio web o una aplicación web antes de su lanzamiento para detectar problemas de rendimiento. Incorporar a desarrolladores front-end a las prácticas habituales de rendimiento. Añadir una etapa de revisión del rendimiento al proceso de desarrollo de un equipo. Consultar qué herramientas usar para medir la velocidad de una página y monitorizarla a lo largo del tiempo.
¿Dónde consigo Front-End-Performance-Checklist?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/thedaviddias/Front-End-Performance-Checklist

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados