timing.js - Navigation Timing API measurement helpers

•    Javascript

---

Timing.js is a small set of helpers for working with the Navigation Timing API to identify where your application is spending its time. Useful as a standalone script, DevTools Snippet or bookmarklet. Download the latest version or just git clone https://github.com/addyosmani/timing.js.git.

user-timing user timing

marky - High-resolution JavaScript timer based on performance.mark/measure (461 bytes min+gz)

•    Javascript

---

JavaScript timer based on performance.mark() and performance.measure(), providing high-resolution timings as well as nice Dev Tools visualizations. For browsers that don't support performance.mark(), it falls back to performance.now() or Date.now(). In Node, it uses process.hrtime().

mark measure performance user-timing timing polyfill stopwatch timer

appmetrics

•    Javascript

---

A small (803 bytes gzipped) library for measuring things in your web app, annotating the DevTools timeline, and reporting the results to Google Analytics. If you chose to send metrics to Google Analytics, values will show up its UI. See below.

metrics appmetrics google-analytics user-timing lib analytics reporting measure measurement instrument

performance-bookmarklet - Performance-Bookmarklet helps to analyze the current page through the Resource Timing API, Navigation Timing API and User-Timing - requests by type, domain, load times, marks and more

•    Javascript

---

Bookmarklet, Chrome Extension and Firefox add-on to analyze the current page through the Resource Timing API, Navigation Timing API and User-Timing - requests by type, domain, load times, marks and more - sort of a light live WebPageTest. You can use the Performance-Bookmarklet (renamed as Performance-Analyser since it's not a Bookmarklet) as Chrome Extension or Firefox add-on.

webperf bookmarklet navigation-timing resource-timing analyzer performance waterfall requests performance-metrics user-timing browser-extension ressource timing analyser

perfume

•    TypeScript

---

Perfume is a JavaScript library for measuring Short and Long Script, First Contentful Paint (FCP), Time to Interactive (TTI), Component First Paint (CFM), annotating them to the DevTools timeline and reporting the results to Google Analytics.When a user navigates to a web page, they're typically looking for visual feedback to reassure them that everything is going to work as expected.

performance-metrics google-analytics paint perfume metrics javascript-library timeline time-to-interactive first-contentful-paint devtools tti fcp user-timing web-performance web-performance-reports webperf

performance-node - Performance for Node.js

•    Javascript

---

Uses process.hrtime to capture marks + measures to gain deeper visibility into the timings that you define in your application. By default, the startTime of each mark is calculated by subracting the construction time from process.hrtime. If you would rather the startTime map as closely as possible to process.hrtime values, set offset: 0. You can also supply any number as a custom offset.

nodejs performance-analysis performance performance-metrics usertiming user-timing hrtime metrics

Surf-N-Perf - Micro-library for gathering web page performance data

•    Javascript

---

Micro-library for gathering frontend web page performance data. Surf-N-Perf provides a simple to use API to gather User Timing and other important performance data in any browser.

navigation-timing web-performance user-timing performance