2 Repos
Awesome GitHub RepositoriesResource Timing Analysis
Measuring the duration of network requests for individual assets to identify loading bottlenecks.
Distinct from External Resource Loading: Existing candidates cover asset management, external loading mechanisms, or database ingestion timing rather than runtime asset fetch duration.
Explore 2 awesome GitHub repositories matching web development · Resource Timing Analysis. Refine with filters or upvote what's useful.
Awesome Resource Timing Analysis GitHub Repositories
Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
- samdutton/simpl
samdutton/simpl
5,191Auf GitHub ansehenSimpl ist eine HTML-, CSS- und JavaScript-Beispielbibliothek, die eine Sammlung minimaler funktionaler Demonstrationen von Kern-Webtechnologien und nativen Browser-APIs bereitstellt. Sie dient als Referenzimplementierung und Mustergalerie für die Frontend-Entwicklung und bietet praktische Beispiele für die Implementierung gängiger Webfunktionen. Das Projekt präsentiert eine breite Palette an Browser-Funktionen, einschließlich Echtzeit-Webkommunikation via WebSockets und WebRTC, Techniken für responsives Webdesign für adaptive Layouts sowie die Implementierung von Offline-Workflows mittels Service Workern. Es bietet zudem Demonstrationen für clientseitige Speicherung mittels IndexedDB und Browser-basierten Key-Value-Stores. Die Bibliothek deckt eine breite Oberfläche an Web-Funktionen ab, einschließlich Hardware-Integration mit Gerätesensoren und Geolokalisierung, fortschrittlicher Medienerfassung und -wiedergabe für Audio und Video sowie die Verwendung von Canvas für zwei- und dreidimensionales Grafik-Rendering. Weitere Bereiche umfassen Datenmanipulation, asynchrone Programmierung und die Verwendung von Browser-APIs zur Überwachung von Leistung und Netzwerkkonnektivität.
Calculate the time taken to fetch individual assets in milliseconds to identify loading bottlenecks.
HTMLcsshtmljavascript - zeman/perfmap
zeman/perfmap
3,768Auf GitHub ansehenPerfmap is a web performance visualization tool and frontend resource loading analyzer. It functions as a diagnostic tool that identifies slow-loading assets by highlighting their completion time and download duration directly in the browser. The project is delivered as a bookmarklet that overlays color-coded heatmaps on page elements. It translates Resource Timing API data into a visual spectrum to represent the chronology of how images and background assets load. The tool maps resource download metrics and loading timelines directly onto the document object model using a dynamic CSS overla
Implements resource timing analysis by visualizing network request durations via a color-coded heatmap overlay.
JavaScript
