Perfume.js - Web performance library for measuring all User-centric performance metrics

  •        180

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. Page Speed is a feature, and to deliver it we need to understand the many factors and fundamental limitations that are at play. If we can measure it, we can improve it.

http://zizzamia.github.io/perfume/
https://github.com/Zizzamia/perfume.js

Tags
Implementation
License
Platform

   




Related Projects

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.

ruby_server_timing - Bring Rails server-side performance metrics 📈 to Chrome's Developer Tools via the Server Timing API

  •    Ruby

Bring Ruby on Rails server-side performance metrics 📈 to Chrome's Developer Tools (and other browsers that support the Server Timing API) via the server_timing gem. Production Safe™. Metrics are collected from the scout_apm gem. A Scout account is not required.

browser-perf - Performance Metrics for Web Browsers

  •    Javascript

Read more on why browser-perf here. Please see the wiki pages for more information. You can find information about supported browsers, getting started, command line usage, reference for the Node API etc.

speedline - Calculate the speed index and visual performance metrics from chrome dev tool timeline (recently: pmdartus -> paulirish)

  •    Javascript

The Navigation Timing API provides useful data that can be used to measure the performance of a website. Unfortunately this API has never been good at capturing the actual user experience. The Speed Index, introduced by WebpageTest.org, aims to solve this issue. It measures how fast the page content is visually displayed. The current implementation is based on the Visual Progress from Video Capture calculation method described on the Speed Index page. The visual progress is calculated by comparing the distance between the histogram of the current frame and the final frame.

perfmap - Front-end performance heatmap bookmarklet.

  •    Javascript

A bookmarklet and Chrome extension to create a front-end performance heatmap of resources loaded in the browser using the Resource Timing API. A browser with support for the Resource Timing API is required. Just add the bookmarklet below to your bookmarks bar.


netdata - Get control of your servers. Simple. Effective. Awesome! https://my-netdata.io/

  •    C

netdata is a system for distributed real-time performance and health monitoring. It provides unparalleled insights, in real-time, of everything happening on the system it runs (including applications such as web and database servers), using modern interactive web dashboards.netdata is fast and efficient, designed to permanently run on all systems (physical & virtual servers, containers, IoT devices), without disrupting their core function.

stackimpact-python - StackImpact Python Profiler - Production-Grade Performance Profiler: CPU, memory allocations, blocking calls, exceptions, metrics, and more

  •    Python

StackImpact is a production-grade performance profiler built for both production and development environments. It gives developers continuous and historical code-level view of application performance that is essential for locating CPU, memory allocation and I/O hot spots as well as latency bottlenecks. Included runtime metrics and error monitoring complement profiles for extensive performance analysis. Learn more at stackimpact.com. Learn more on the features page (with screenshots).

goappmonitor - Golang application performance data monitoring.

  •    Go

Golang application performance data monitoring.GoAppMonitor is a library which provides a monitor on your golang applications. It contains system level based monitoring and business level monitoring(custom monitoring).Just add the repository into your apps and register what you want to monitoring.

Vector - Performance Monitoring Framework

  •    Javascript

Vector is an open source on-host performance monitoring framework which exposes hand picked high resolution system and application metrics to every engineer’s browser. Having the right metrics available on-demand and at a high resolution is key to understand how a system behaves and correctly troubleshoot performance issues.

Stagemonitor - Application performance monitoring for java server applications

  •    Java

Stagemonitor is a Java monitoring agent that tightly integrates with time series databases like Elasticsearch, Graphite and InfluxDB to analyze graphed metrics and Kibana to analyze requests and call stacks. It includes preconfigured Grafana and Kibana dashboards that can be customized. It supports Real Time Metrics, Call tree of the current request including SQL statements to identify the bottlenecks of a request, Execution time and count of database interactions, Analyze the HTTP headers and lot more.

Apache Skywalking - A distributed tracing system, and APM ( Application Performance Monitoring )

  •    Java

SkyWalking is an APM(application performance monitor) system, especially designed for microservices, cloud native and container-based (Docker, Kubernetes, Mesos) architectures. It provides distributed tracing, service mesh telemetry analysis, metric aggregation and visualization all-in-one solution.

phantomas - PhantomJS-based web performance metrics collector and monitoring tool

  •    Javascript

You may need to install libfontconfig and libjpeg8 by running sudo apt-get install libfontconfig1 libjpeg8. phantomas comes as both command line tool and CommonJS module (see API docs) that you can use in your nodejs projects.

icinga2 - The heart of our monitoring platform with a powerful configuration language and REST API.

  •    C++

Icinga 2 is an open source monitoring system which checks the availability of your network resources, notifies users of outages, and generates performance data for reporting. Scalable and extensible, Icinga 2 can monitor large, complex environments across multiple locations.

Front-End-Performance-Checklist - 🎮 The only Front-End Performance Checklist that runs faster than the others

  •    

Performance is a huge subject, but it's not always a "back-end" or an "admin" subject: it's a Front-End responsibility too. The Front-End Performance Checklist is an exhaustive list of elements you should check or at least be aware of, as a Front-End developer and apply to your project (personal and professional). For each rule, you will have a paragraph explaining why this rule is important and how you can fix it. For more deep information, you should find links that will point to 🛠 tools, 📖 articles or 📹 medias that can complete the checklist.

Kong - The Microservice API Gateway

  •    Lua

Kong is a cloud-native, fast, scalable, and distributed Microservice Abstraction Layer (also known as an API Gateway, API Middleware or in some cases Service Mesh). Backed by the battle-tested NGINX with a focus on high performance, Kong was made available as an open-source platform in 2015. Under active development, Kong is used in production at thousands of organizations from startups, Global 5000 and Government organizations.

MoSKito - Monitoring for Java applications. Complete ecosystem for DevOps

  •    Java

MoSKito is an open source system for monitoring performance and behavior of Java web applications. It collects performance data like Threads. Memory. Caches. Storages. Services. Registrations. Payments. Conversion. Partner Performance etc. It is interval based, works simultaneously with short (from 1min) & long (up to 24h) time intervals, allowing instant comparison. It supports all major application servers. It supports live profiling, displays accumulated performance data in charts.

lighthouse - Auditing, performance metrics, and best practices for Progressive Web Apps

  •    Javascript

Lighthouse analyzes web apps and web pages, collecting modern performance metrics and insights on developer best practices. Lighthouse is integrated directly into the Chrome Developer Tools, under the "Audits" panel.

Performance - Client side performance tool

  •    Javascript

In short about: This is an npm package to display statistics about your web pages, information such as CSS resources count, Google PageSpeed Insights score, information on how to fix performance issues, HTML errors and more in one custom web page. Tech details: This package mainly uses three plugins w3cjs (HTML test errors, warnings etc), Google PageSpeed Insights (a lot information, for example: how to fix main load/performance issues, load times...) and dev-perf (number of 404 errors, number of images without dimensions etc), The information collected is then displayed in an AngularJS based webpage.

cadvisor - Analyzes resource usage and performance characteristics of running containers.

  •    Go

cAdvisor (Container Advisor) provides container users an understanding of the resource usage and performance characteristics of their running containers. It is a running daemon that collects, aggregates, processes, and exports information about running containers. Specifically, for each container it keeps resource isolation parameters, historical resource usage, histograms of complete historical resource usage and network statistics. This data is exported by container and machine-wide.cAdvisor has native support for Docker containers and should support just about any other container type out of the box. We strive for support across the board so feel free to open an issue if that is not the case. cAdvisor's container abstraction is based on lmctfy's so containers are inherently nested hierarchically.