12 repositorios
Processes and checklists for analyzing web pages to identify performance bottlenecks and improve load times.
Explore 12 awesome GitHub repositories matching web development · Performance Auditing. Refine with filters or upvote what's useful.
Este proyecto sirve como un repositorio centralizado impulsado por la comunidad de conocimientos técnicos y recursos administrativos. Proporciona una taxonomía estructurada que agrega información dispar en un framework buscable, apoyando el aprendizaje continuo y la resolución rápida de problemas para administradores de sistemas y profesionales de ciberseguridad. Al mapear recursos a través de seguridad ofensiva, gestión de infraestructura y desarrollo de software, ofrece un camino unificado para la adquisición de habilidades y referencia profesional. El proyecto se define por una filosofía de diseño centrada en la línea de comandos, priorizando utilidades basadas en terminal e interfaces programables para facilitar una administración eficiente del sistema y flujos de trabajo de seguridad repetibles. Se distingue por un enfoque agnóstico a la plataforma, manteniendo documentación y guías operativas que siguen siendo aplicables a través de diversos entornos tipo Unix y basados en la nube. Esta integración modular de cadenas de herramientas permite a los usuarios componer entornos personalizados adaptados a tareas administrativas o de seguridad específicas. El repositorio cubre una amplia superficie de capacidades, incluyendo kits de herramientas integrales para auditoría de sistemas, gestión de redes y endurecimiento de infraestructura. Proporciona rutas de aprendizaje estructuradas para el desarrollo de habilidades en ciberseguridad, que van desde laboratorios de hacking ético y estándares de pruebas de penetración hasta evaluación de vulnerabilidades y mejores prácticas de configuración del sistema. La colección también abarca una amplia gama de herramientas de productividad, utilidades de diagnóstico y materiales educativos diseñados para agilizar el mantenimiento de rutina y mejorar la postura de seguridad general.
Audit web page performance to identify bottlenecks and improve overall load times.
Puppeteer is a browser automation library that provides a programmatic interface for controlling web browsers to execute tasks, simulate user interactions, and perform end-to-end testing. It functions as a headless browser controller, managing browser lifecycles, isolated session contexts, and remote connections to facilitate stable, automated web-based workflows. The library distinguishes itself through its deep integration with the Chrome DevTools Protocol, utilizing a bidirectional message bus to execute commands and receive real-time event notifications. It supports advanced automation pa
Document performance timelines to pinpoint rendering bottlenecks and improve site responsiveness through detailed diagnostic data.
This project provides a comprehensive web development checklist designed to verify the production readiness of websites before they are launched. It serves as a technical audit framework that guides developers through a systematic, manual validation process to ensure that all quality, performance, and accessibility standards are met. The checklist distinguishes itself through a hierarchical taxonomy that organizes complex technical requirements into logical domains, such as security, performance, and semantic structure. By utilizing a progressive enhancement methodology, it encourages develop
Audit web pages against specific performance criteria to identify bottlenecks and ensure adherence to load time targets.
Agent-skills is a collection of structured instructions and behavioral personas designed to standardize how AI coding agents perform engineering tasks. It functions as a workflow orchestrator that maps natural language intent to repeatable technical sequences and verification checklists. The project distinguishes itself through the use of specialized markdown-defined roles, such as security auditors or test engineers, to apply targeted domain expertise. It employs an evidence-based verification model that requires runtime data or passing tests as mandatory exit criteria to ensure AI-generated
Scans source code and performance artifacts to identify structural anti-patterns and bottlenecks.
This project is a comprehensive reference guide and checklist for configuring the HTML head element of a webpage. It provides instructions for managing metadata, scripts, and styles to ensure consistent document rendering and indexing. The resource focuses on search engine optimization through structured data and geographic tags, as well as social media integration using Open Graph and platform-specific tags. It includes guidance on mobile web optimization, specifically regarding viewport settings and web app manifests for home screen installation. The project also covers web performance opt
Provides best practices and checklists for organizing scripts and styles to reduce render-blocking and optimize load times.
webpack-bundle-analyzer is a bundle size analysis tool and Webpack build plugin that visualizes the composition of web application assets. It generates an interactive treemap to identify large dependencies and analyze the distribution of modules within the final payload. The tool functions as a bundle visualizer and a static report generator, exporting analysis data as standalone HTML and JSON files. It supports live bundle tracking via WebSockets during development and allows for the analysis of existing static stats files through a command line interface. The project provides capabilities
Measures compressed file sizes and identifies redundant code to improve page load times and network efficiency.
WebDriverIO is a Node.js test automation framework used for automating functional tests across web browsers and mobile applications. It acts as a WebDriver protocol client that manages remote browser sessions and executes commands against WebDriver and Appium servers to perform end-to-end testing. The framework is distinguished by its ability to control both native and hybrid mobile applications and its support for running automated suites across local machines, remote grids, and cloud device providers. It includes specialized capabilities for coordinating multi-browser interactions and estab
Measures accessibility and performance metrics using browser developer tools to identify web page bottlenecks.
This project is a browser automation toolset and Model Context Protocol server that connects large language models to live browser sessions. It provides a web debugging interface and a quality auditor to facilitate the analysis of document object model structures and browser logs. The system implements a bridge that streams diagnostics into AI-powered editors, allowing for the automated identification of web bugs. It features a data sanitization pipeline that removes cookies and sensitive headers to prevent private information leakage during the analysis process. The toolset covers a range o
Runs performance and code quality scans using industry-standard tools to optimize web application delivery.
Lighthouse CI is a continuous integration tool designed to automate web audits and detect performance, accessibility, and SEO regressions between code commits. It functions as a web performance regression suite that enforces resource budgets and runs automated quality checks during the software development lifecycle. The system distinguishes itself through the ability to block code merges if performance metrics fall below defined quality thresholds. It provides mechanisms for commit-to-commit comparison and cross-version site analysis to pinpoint specific resource improvements or regressions.
Automates the execution of web performance audits on every commit to detect regressions.
North es una metodología de diseño web responsivo y una arquitectura CSS basada en Sass. Proporciona un sistema para construir interfaces de usuario mobile-first utilizando rejillas fluidas y técnicas de mejora progresiva para garantizar una experiencia consistente en diferentes capacidades de navegador y tamaños de pantalla. El proyecto cuenta con un sistema de nomenclatura CSS estandarizado que utiliza mixins de Sass para generar nombres de clase programáticamente, distinguiendo entre componentes, diseños y estados. También funciona como una herramienta de andamiaje de proyectos frontend, proporcionando un generador para arrancar nuevos entornos con hojas de estilo y ejecutores de tareas preconfigurados. Más allá del estilo, el framework cubre una amplia superficie de estándares de desarrollo web, incluyendo la implementación de HTML semántico con metadatos RDFa y auditoría de accesibilidad web. Incorpora una estrategia de diseño centrada en el contenido y un flujo de trabajo frontend ágil para coordinar la transición desde la arquitectura de información y las personas de usuario hasta componentes listos para producción. El sistema incluye herramientas para automatizar la nomenclatura CSS y el andamiaje de plantillas de proyecto para acelerar la configuración inicial.
Offers processes for analyzing web pages to identify performance bottlenecks and improve load times.
Este proyecto es una guía completa de desarrollo front-end y hoja de ruta diseñada para ayudar a los ingenieros a dominar las habilidades y estándares profesionales requeridos para el desarrollo web moderno. Sirve como referencia técnica para dominar HTML, CSS y JavaScript, proporcionando rutas de aprendizaje estructuradas y un mapa de las competencias profesionales necesarias para pasar de principiante a ingeniero web profesional. El recurso funciona como un directorio categorizado y una visión general del ecosistema de JavaScript. Cataloga frameworks, bibliotecas y utilidades estándar de la industria, ofreciendo recomendaciones específicas para la gestión de estado, frameworks CSS y generadores de sitios estáticos. La guía cubre un amplio espectro de capacidades de ingeniería, incluyendo arquitectura de UI, optimización del rendimiento web y auditoría de accesibilidad. También proporciona orientación sobre automatización de compilación, estrategias de despliegue y la selección de herramientas de desarrollo para flujos de trabajo profesionales.
Provides structured checklists and auditing processes to ensure web applications meet professional speed requirements.
Hint is a web development linter and static analysis tool that audits HTML, CSS, and JavaScript. It provides a suite of specialized validators designed to ensure compliance with accessibility standards, web security header requirements, and general development best practices. The project distinguishes itself by analyzing a wide range of web quality metrics, including browser compatibility for CSS and JavaScript features and PWA configuration validation. It also includes an analyzer for measuring page load speeds, caching, and compression strategies to optimize web performance. The system is
Analyzes websites or local files to produce detailed reports on performance bottlenecks and best practice violations.