10 Repos
Educational content on optimizing JavaScript execution, memory management, and the event loop.
Distinct from Web Performance Optimization Tools: Focuses on the conceptual study of performance rather than specific tooling or framework-specific optimizers.
Explore 10 awesome GitHub repositories matching web development · Web Performance Optimizations. Refine with filters or upvote what's useful.
MDN Web Docs is the official source for comprehensive documentation about HTML, CSS, JavaScript, HTTP, and Web APIs for web developers. It serves as both a complete reference for web browser technologies and a structured learning platform that guides users from beginner to advanced levels through tutorials covering core web standards. The project distinguishes itself by providing a complete reference documentation for standard browser APIs alongside guidance for building accessible websites that work with assistive technologies. It offers documented security techniques and best practices for
Provides comprehensive documentation on web performance optimization strategies and best practices.
This project is a technical interview preparation resource focused on JavaScript. It provides a collection of common technical questions, detailed answers, and conceptual quizzes designed to help users master core language fundamentals and browser APIs. The resource utilizes an interactive infrastructure that includes a coding workspace with in-browser runtime execution and an automated test suite to validate code correctness. It organizes content through curated learning paths and modular concept mapping to decompose complex language fundamentals into searchable study modules. The curriculu
Teaches techniques for memory management, event loop coordination, and execution scheduling to prevent UI freezing.
This project is a comprehensive collection of frontend development best practices and standards. It provides guides for writing semantic HTML, efficient CSS, and functional JavaScript to improve overall web performance and accessibility. The repository establishes frameworks for modern CSS architecture, focusing on specificity management and the use of Flexbox and Grid for predictable layouts. It outlines patterns for functional JavaScript programming, emphasizing the use of pure functions and composition to reduce execution time and dependency bloat. The guidelines cover several core capabi
Offers a detailed manual for accelerating page loads through script deferral, asset compression, and reducing render-blocking resources.
Dieses Projekt ist ein Leitfaden für Growth-Engineering und ein Full-Stack-Entwicklungslehrplan. Es dient als Handbuch für die Anwendung von Lean-Engineering- und datengesteuerten Workflows zur Beschleunigung des Produktwachstums und bietet gleichzeitig einen strukturierten Lernpfad für das Erstellen, Skalieren und Warten von Webanwendungen. Die Ressource fungiert als Lean-Softwareentwicklungs-Framework und Handbuch für skalierbare Architektur. Sie bietet Richtlinien für das Entwerfen entkoppelter Systeme unter Verwendung von Microservices und Caching zur Gewährleistung der Stabilität, neben einem Leitfaden zur Web-Performance-Optimierung zur Steigerung der Seitengeschwindigkeit und Sichtbarkeit in Suchmaschinen. Der Lehrplan deckt die berufliche Entwicklung im Bereich Growth-Engineering und technische Full-Stack-Schulungen ab. Er enthält Strategien für die Lean-Produktentwicklung, Qualitätssicherung durch testgetriebene Entwicklung und die Implementierung von Continuous-Delivery-Pipelines.
Offers strategies for optimizing web performance to improve site speed and search engine visibility.
This project is a front-end interview study guide and a collection of structured notes designed for technical job preparation. It serves as a comprehensive reference for web technologies, common technical interview questions, and JavaScript algorithm implementation. The notebook distinguishes itself by integrating specialized guides for web performance optimization, browser API documentation, and JavaScript algorithm references. It provides a structured approach to solving coding challenges involving data structures like binary trees, linked lists, and array manipulation. The content covers
Covers conceptual study of web performance optimizations including multiplexing and header compression.
This project is a comprehensive frontend interview preparation resource built around a question bank of over 1000 curated questions. It covers HTML, CSS, JavaScript, Vue, React, Node, TypeScript, Webpack, algorithms, and network security, with each question accompanied by a detailed answer explanation. The content is organized into a hierarchical category tree for browsable exploration, and a daily question rotation algorithm presents one question per day for systematic review. A client-side search index enables instant filtering of questions by title or tag, and the entire question bank is p
Explains practical techniques like code splitting, lazy loading, caching, and preventing unnecessary re-renders.
Daily-Question is a frontend interview preparation platform and technical knowledge base. It provides a structured engineering curriculum consisting of high-frequency interview questions and core technical topics organized by increasing difficulty. The platform includes an interview experience archive that collects real-world reports from technology companies to help users analyze hiring patterns and salary benchmarks. It also serves as a library for web engineering concepts and network protocols, utilizing interactive code examples and diagrams. The project covers broad capability areas inc
Provides educational content on improving web application loading speeds through bundle and dependency optimization.
Spec ist ein umfassendes Set an Frontend-Coding-Standards und Architekturleitfäden für Projekte. Es bietet ein Framework zur Organisation von Verzeichnisstrukturen, Modulabhängigkeiten und Paket-Layouts, um skalierbare und vorhersehbare Codebasen zu erstellen. Das Projekt definiert strenge Governance-Standards für React-Komponenten, einschließlich spezifischer Namenskonventionen und struktureller Muster für Props. Zudem etabliert es eine JSON-API-Datenspezifikation, um eine vorhersehbare Kommunikation zwischen Systemkomponenten durch standardisierte Austauschformate und HTTP-Antwortstrukturen zu gewährleisten. Die Spezifikation deckt ein breites Spektrum an Funktionen ab, einschließlich Web-Accessibility-Compliance durch semantisches HTML und barrierefreie Formularsteuerelemente sowie Strategien zur Web-Performance-Optimierung für DOM-Manipulation und Ressourcen-Laden. Sie detailliert zudem Standards für JavaScript-, HTML- und CSS-Coding-Styles, um Konsistenz über Entwicklungsteams hinweg zu wahren.
Provides a holistic strategy for optimizing DOM manipulation, CSS animations, and resource loading.
This project is a frontend development blog and markdown static site generator. It functions as a technical knowledge base and a web performance resource, converting markdown files into static HTML pages. The site serves as a personal digital garden for documenting professional growth and frontend learning. It focuses on the curation of technical knowledge, specifically aggregating articles and presentations regarding web performance optimization and browser rendering. The system utilizes a build process involving markdown-based static generation, file-system based routing, and frontmatter-d
Provides educational content focused on optimizing browser rendering and JavaScript execution.
Dieses Projekt ist ein umfassender Leitfaden für Front-End-Engineering und ein Lehrplan für Webentwicklung. Es dient als Referenz für die Sprachen, Tools und Architekturmuster, die zum Aufbau von Webanwendungen verwendet werden, einschließlich eines dedizierten Handbuchs für Websicherheit und Performance. Das Repository bietet einen kuratierten Tool-Katalog für Code-Editierung, Versionskontrolle und Deployment-Workflows. Es enthält zudem strukturierte Lernpfade zu Benutzeroberflächendesign, Zustandsverwaltung und Browser-Performance-Optimierung. Der Inhalt deckt ein breites Spektrum an Engineering-Bereichen ab, einschließlich Sicherheitsrisikoanalyse, Testmethoden für Webanwendungen und Prinzipien des UI-Designs. Er erläutert zudem Kerntechnologien des Webs sowie Strategien zur Optimierung des Seitenladens und der Datensynchronisation. Das Handbuch ist in Markdown verfasst und wird als statische Website generiert.
Provides educational content on optimizing JavaScript execution, memory management, and browser rendering efficiency.