10 dépôts
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.
Ce projet est un guide d'ingénierie de croissance et un cursus de développement full-stack. Il sert de manuel pour appliquer l'ingénierie lean et les flux de travail pilotés par les données pour accélérer la croissance des produits, tout en fournissant un chemin d'apprentissage structuré pour construire, mettre à l'échelle et maintenir des applications web. La ressource fonctionne comme un framework de développement logiciel lean et un manuel d'architecture évolutive. Elle fournit des directives pour concevoir des systèmes découplés utilisant des microservices et la mise en cache pour assurer la stabilité, ainsi qu'un guide d'optimisation des performances web pour augmenter la vitesse du site et la visibilité sur les moteurs de recherche. Le cursus couvre le développement professionnel en ingénierie de croissance et la formation technique full-stack. Il inclut des stratégies pour le développement de produits lean, l'assurance qualité logicielle via le développement piloté par les tests (TDD), et l'implémentation de pipelines de livraison continue.
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 is a comprehensive set of frontend coding standard specifications and project architecture guides. It provides a framework for organizing directory structures, module dependencies, and package layouts to create scalable and predictable codebases. The project defines rigorous governance standards for React components, including specific naming conventions and structural patterns for props. It also establishes a JSON API data specification to ensure predictable communication between system components through standardized exchange formats and HTTP response structures. The specification cov
Provides a holistic strategy for optimizing DOM manipulation, CSS animations, and resource loading.
Ce projet est un blog de développement frontend et un générateur de site statique Markdown. Il fonctionne comme une base de connaissances technique et une ressource de performance web, convertissant les fichiers Markdown en pages HTML statiques. Le site sert de jardin numérique personnel pour documenter la croissance professionnelle et l'apprentissage du frontend. Il se concentre sur la curation des connaissances techniques, agrégeant spécifiquement des articles et des présentations concernant l'optimisation de la performance web et le rendu par navigateur. Le système utilise un processus de build impliquant une génération statique basée sur Markdown, un routage basé sur le système de fichiers et des métadonnées pilotées par frontmatter. Les capacités techniques incluent la régénération statique incrémentale, l'hydratation côté client et le stylage CSS-in-JS.
Provides educational content focused on optimizing browser rendering and JavaScript execution.
Ce projet est un guide complet d'ingénierie front-end et un cursus de développement web. Il sert de référence pour les langages, les outils et les modèles architecturaux utilisés pour construire des applications web, incluant un manuel dédié à la sécurité et aux performances web. Le dépôt fournit un catalogue d'outils curés pour l'édition de code, le contrôle de version et les flux de travail de déploiement. Il inclut également des parcours d'apprentissage structurés couvrant la conception d'interfaces utilisateur, la gestion d'état et l'optimisation des performances du navigateur. Le contenu couvre un large éventail de domaines d'ingénierie, incluant l'analyse des risques de sécurité, les méthodologies de test d'applications web et les principes de conception d'interfaces utilisateur. Il détaille en outre les références technologiques web fondamentales et les stratégies pour l'optimisation du chargement des pages et la synchronisation des données. Le manuel est rédigé en markdown et généré sous forme de site statique.
Provides educational content on optimizing JavaScript execution, memory management, and browser rendering efficiency.