2 repositorios
Awesome GitHub RepositoriesDOM Rendering Coordination
Managing the sequence of DOM reads and writes to optimize frame rates and rendering smoothness.
Distinct from DOM Mutation Rendering: Focuses on the coordination of the render workflow rather than specific element mutation or canvas rendering.
Explore 2 awesome GitHub repositories matching web development · DOM Rendering Coordination. Refine with filters or upvote what's useful.
Awesome DOM Rendering Coordination GitHub Repositories
Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
- wilsonpage/fastdom
wilsonpage/fastdom
6,920Ver en GitHubFastdom is a task scheduler and rendering optimizer designed to prevent layout thrashing by batching document reads and writes. It functions as a coordination system that separates document measurements and mutations into distinct queues, ensuring that asynchronous operations are executed in a way that minimizes browser reflows. The project provides a performance profiling capability that detects improper document API access. By enforcing strict execution phases, it identifies layout thrashing bottlenecks and flags unauthorized DOM access occurring outside of the coordinated batching cycles.
Manages the order of document measurements and mutations to ensure smooth animations and high frame rates.
JavaScript - swup/swup
swup/swup
5,191Ver en GitHubSwup es una librería de transición de página y cargador de páginas AJAX diseñado para crear transiciones animadas y fluidas entre páginas en sitios web renderizados por el servidor. Funciona como un orquestador de contenido DOM y gestor de historial del navegador, interceptando la navegación para reemplazar el contenido de la página dinámicamente y simular una experiencia de aplicación de una sola página. El proyecto se diferencia mediante un sistema de ciclo de vida basado en hooks y una arquitectura de plugins que permite la inyección de lógica personalizada y efectos de animación. Soporta métodos visuales avanzados incluyendo el morphing de contenido DOM, renderizado DOM paralelo para animaciones superpuestas e integración con la API nativa de View Transitions del navegador. La librería cubre una amplia gama de capacidades, incluyendo la gestión de navegación del lado del cliente, caché de páginas basada en memoria y precarga de páginas en segundo plano para optimizar el rendimiento. También proporciona una restauración completa de la posición de desplazamiento, optimizaciones de accesibilidad para lectores de pantalla y herramientas para sincronizar metadatos de cabecera de documento y ejecución de scripts a través de transiciones.
Maintains both the outgoing and incoming page containers in the DOM simultaneously to enable overlapping animations.
TypeScriptanimationjavascriptpage-transitions
