12 Repos
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.
Dieses Projekt dient als zentrales, Community-gesteuertes Repository für technisches Wissen und administrative Ressourcen. Es bietet eine strukturierte Taxonomie, die disparate Informationen in einem durchsuchbaren Framework aggregiert und kontinuierliches Lernen sowie schnelle Problemlösungen für Systemadministratoren und Cybersicherheitspraktiker unterstützt. Durch die Abbildung von Ressourcen über offensive Sicherheit, Infrastrukturmanagement und Softwareentwicklung hinweg bietet es einen einheitlichen Pfad für den Kompetenzerwerb und die berufliche Referenz. Das Projekt ist durch eine Befehlszeilen-orientierte Designphilosophie definiert, die terminalbasierte Dienstprogramme und skriptfähige Schnittstellen priorisiert, um eine effiziente Systemadministration und wiederholbare Sicherheits-Workflows zu erleichtern. Es zeichnet sich durch einen plattformunabhängigen Ansatz aus und pflegt Dokumentationen und Betriebsanleitungen, die über verschiedene Unix-ähnliche und Cloud-basierte Umgebungen hinweg anwendbar bleiben. Diese modulare Toolchain-Integration ermöglicht es Nutzern, benutzerdefinierte Umgebungen zusammenzustellen, die auf spezifische administrative oder sicherheitsrelevante Aufgaben zugeschnitten sind. Das Repository deckt ein breites Spektrum an Fähigkeiten ab, einschließlich umfassender Toolkits für System-Auditing, Netzwerkmanagement und Infrastruktur-Härtung. Es bietet strukturierte Lernpfade für die Entwicklung von Cybersicherheitskompetenzen, von ethischen Hacking-Labs und Penetration-Testing-Standards bis hin zu Schwachstellenbewertung und bewährten Verfahren für die Systemkonfiguration. Die Sammlung umfasst zudem eine breite Palette an Produktivitätstools, Diagnosedienstprogrammen und Lehrmaterialien, die darauf ausgelegt sind, die routinemäßige Wartung zu rationalisieren und die allgemeine Sicherheitslage zu verbessern.
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 ist eine Methodik für responsives Webdesign und eine Sass-basierte CSS-Architektur. Es bietet ein System für den Aufbau von Mobile-First-Benutzeroberflächen unter Verwendung von fluiden Grids und Progressive-Enhancement-Techniken, um eine konsistente Erfahrung über verschiedene Browser-Fähigkeiten und Bildschirmgrößen hinweg zu gewährleisten. Das Projekt bietet ein standardisiertes CSS-Namenssystem, das Sass-Mixins verwendet, um Klassennamen programmatisch zu generieren und zwischen Komponenten, Layouts und Zuständen zu unterscheiden. Es fungiert zudem als Frontend-Projekt-Scaffolding-Tool und bietet einen Generator, um neue Umgebungen mit vorkonfigurierten Stylesheets und Task-Runnern aufzusetzen. Über das Styling hinaus deckt das Framework ein breites Spektrum an Webentwicklungsstandards ab, einschließlich semantischer HTML-Implementierung mit RDFa-Metadaten und Auditing für Web-Barrierefreiheit. Es integriert eine Content-First-Designstrategie und einen agilen Frontend-Workflow, um den Übergang von Informationsarchitektur und User Personas zu produktionsreifen Komponenten zu koordinieren. Das System enthält Tools zur Automatisierung der CSS-Benennung und zum Scaffolding von Projekt-Templates, um das initiale Setup zu beschleunigen.
Offers processes for analyzing web pages to identify performance bottlenecks and improve load times.
Dieses Projekt ist ein umfassender Leitfaden und eine Roadmap für die Frontend-Entwicklung, die Ingenieuren dabei helfen soll, die Fähigkeiten und professionellen Standards für die moderne Webentwicklung zu meistern. Es dient als technische Referenz für die Beherrschung von HTML, CSS und JavaScript und bietet strukturierte Lernpfade sowie eine Übersicht der beruflichen Kompetenzen, die für den Übergang vom Anfänger zum professionellen Web-Engineer erforderlich sind. Die Ressource fungiert als kategorisiertes Verzeichnis und Ökosystem-Übersicht der JavaScript-Landschaft. Sie katalogisiert branchenübliche Frameworks, Bibliotheken und Dienstprogramme und bietet spezifische Empfehlungen für State Management, CSS-Frameworks und Static Site Generators. Der Leitfaden deckt ein breites Spektrum an technischen Fähigkeiten ab, einschließlich UI-Architektur, Web-Performance-Optimierung und Accessibility-Auditing. Zudem bietet er Orientierungshilfen für Build-Automatisierung, Deployment-Strategien und die Auswahl von Entwickler-Tools für professionelle Workflows.
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.