Experience and Insights on Real User Measurements.
1. Web Performance Monitoring & Real User Monitoring (RUM) - Concepts & Strategy
- Measuring the Performance of Single Page Applications
- Measuring and Optimizing Performance of Single-Page Applications (SPA) Using RUM
- What Is Real User Monitoring? Definition, Examples, and Benefits
- Impact of slow page load time on website performance
- Beaconing In Practice
- Metrics, Logs, and Traces in JavaScript Tools
- detect browser close
- Tracking "blocking time"
- Limit variable lifetime by current beacon only
- Adding global data
- Merge boomerange and custom object and then fire beacon
- XHR time
- Limit variable lifetime by current beacon only
- How to improve TTFB?
- Snippet to track load abandonments (bounces)
- React Production Performance Monitoring
- Reliably Send an HTTP Request as a User Leaves a Page
2. Performance Metrics & Analysis
- User-centric performance metrics
- Web Vitals
- Defining the Core Web Vitals metrics thresholds
- Averages, medians & percentiles
- Why Percentiles Don’t Work the Way You Think
- Why averages suck and percentiles are great
- Understanding bounce rate in Google Analytics
- Bounce Rate vs. Exit Rate: What’s the Difference?
- Can You Afford It?: Real-world Web Performance Budgets
- Core Web Vitals: The Next Official Google Ranking Factor - Whiteboard Friday
- The New Generation of Performance Metrics for Better User Experience
- WPO Stats
- Find out how you stack up to new industry benchmarks for mobile page speed
- Against metrics: how measuring performance by numbers backfires
3. Monitoring Tools & Setups
- A Low Cost Performance Monitoring Setup with Boomerang, Boomcatch, and Datadog
- Open source backend RUM tool. Wait! What?
- Real User Monitoring using Boomerang, Boomcatch, StatsD, and Graphite — Setup guide
- Monitoring Applications with Elasticsearch and Elastic APM
- Monitor frontend performance with user-centric performance metrics in New Relic
- How to get the corresponding url in Boomcatch
- Installation Confusion...
- SpeedCurve: Monitor front-end performance
- An Introduction To Running Lighthouse Programmatically
- How mPulse works
4. Data Storage & Processing (for Monitoring)
- Comprehensive Guide to Elasticsearch Metrics Aggregations: Part I
- The Complete Guide to the ELK Stack
- The Top 5 Elasticsearch Mistakes & How to Avoid Them
- Clickhouse as an alternative to ElasticSearch and MySQL, for log storage and analysis, in 2021
- elasticsearch-js: Basic configuration
- Iterating over all data
- Get all documents from an index - elasticsearch
- Looping over all documents in an elasticsearch index
- Show all Elasticsearch aggregation results/buckets and not just 10
- Elasticsearch: Difference between "Term", "Match Phrase", and "Query String"
- Find strings within strings faster with the new wildcard field
- Running the Elastic Stack on Docker
- Terms query
- A Basic Guide To Elasticsearch Aggregations
- Pipeline Aggregations
- Get mapping API
- How to perform exact string match query in ES
- Match phrase query
- Comprehensive Guide to Bucket Aggregations in Elasticsearch: Part I
- Comprehensive Guide to Elasticsearch Pipeline Aggregations: Part II
- Searching Parent-Child Relationships in Elasticsearch
- Join field type
- Histogram Aggregation
- Bounce Rate Query Elasticsearch
- Resilience in small clusters
- Data node
- Load Balancing Across Multiple Elasticsearch Nodes
- Installing the ELK Stack on Docker
- Elasticsearch Queries: A Guide to Query DSL
- Creating an Elasticsearch Cluster: Getting Started
- Elasticsearch API 101
- A Useful Elasticsearch Cheat Sheet in Times of Trouble
5. Frontend Development & Optimization
- Measuring the Performance of JavaScript Functions
- Profiling React.js Performance
- Self-updating scripts
- PRPL Pattern
- The Cost of Javascript Frameworks
- Inlining critical CSS for better web performance
- Detect iOS version less than 5 with JavaScript
- How many bytes in a JavaScript string?
- Use the New Profiler in React Developer Tools to Generate Flame Charts and Interactions
- In chrome dev tools, what is the speed of each preset option for network throttling?
- Front-End Performance Checklist 2021 (PDF, Apple Pages, MS Word)
- Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS
- Critical-path (Above-the-fold) CSS Tools
- Practical Performance (Polymer Summit 2016)
- webpack bits: Getting the most out of the CommonsChunkPlugin()
- Lazy Loading in Vue using Webpack's Code Splitting
- JavaScript: Conditional JavaScript, only download when it is appropriate to do so
- Publish, ship, and install modern JavaScript for faster applications
- Generating UUIDs at scale on the Web
- Code Splitting in Create React App
- Rendering Performance
- Slow Code HATES him! Optimising a web app from 1 to 60fps
- 5 Recommended Tools for Optimizing Performance in ReactJS
- Effective Code Splitting in React: A Practical Guide
6. Backend Development & Infrastructure (including Node.js)
- Building Netflix’s Distributed Tracing Infrastructure
- Get chrome version from commandline in Mac
- lru-cache
- How do I determine the correct "max-old-space-size" for Node.js?
- What is the difference between concurrency, parallelism and asynchronous methods?
- Node.js multithreading: Worker threads and why they matter
- How to Remove Files Older than N days using tmpreaper in Linux
- Node.js Caching Strategies (Note: URL was slightly different in input, corrected based on likely intent)
- Understanding the NodeJS cluster module
- vercel/micro: How to use
- pino: About transports
- Express.js - app.listen vs server.listen
- Tao of Node - Design, Architecture & Best Practices
- TCP/IP Ports and Sockets Explained
- Increasing Node’s Memory
- Configuring HTTPS for Express and Nginx
- Node.js Guide for Frontend Developers
- Node.js Child Processes: Everything you need to know
- The First Few Milliseconds of an HTTPS Connection
- Accelerate your website with Nginx as a reverse proxy cache
- Round-trip delay
- Node.js Best Practices
- nginx as cache proxy not caching anything
- Node.js for Beginners
7. Deployment & Operations
- How to Deploy, Manage and Scale Node.js Apps with PM2
- Capistrano like deployments
- Zero downtime deployments with PM2
- Running PM2 & Node.js in Production Environments
- Running Your Node.js App With Systemd - Part 1
8. Browser APIs & Web Standards (Related to Performance/Monitoring)
- Resource Timing practical tips
- Can I use the browser Navigation Timing API for Ajax events in single page apps? If not, what's a good tool?
- How browsers work
- Introducing the Page Visibility API
- Rethinking Server-Timing As A Critical Monitoring Tool
- sendBeacon API not working temporarily due to security issue, any workaround?
- Tasks, microtasks, queues and schedules
- Navigation Timing API. What's going on between domContentLoadedEventStart and domContentLoadedEventEnd?
9. Error Handling & Debugging
- A mostly complete guide to error handling in JavaScript
- Node.js: How to attach to a running process and to debug the server with a console?
- Node.js: Debugger
- Handling Errors in Vue.js
- appsignal: plugin-window-events
- How can we listen for errors that do not trigger window.onerror?
- Why does an error result in a blank screen instead of a message?
- Tracking Image Error Events Using Event Delegation In JavaScript
- 7 Types of Native Errors in JavaScript You Should Know
- Fixing memory leaks in web applications
10. Web Analytics & Alternatives
- 60 Best Google Analytics alternatives: The Complete List
- Why you should look for an open source alternative to Google Analytics
11. [zh-Hans] Chinese Language Articles
- [zh-Hans] 7 Days to Build a Front-end Performance Monitoring System
- [zh-Hans] Alibaba Cloud ARMS launches heavy-duty monitoring for mini-programs, helping to ensure stable operation
- [zh-Hans] Application performance front-end monitoring, ByteDance's years of experience are all here
- [zh-Hans] Baidu Page Performance Monitoring and Optimization Practice
- [zh-Hans] Best Practices for CDN Service Quality Monitoring
- [zh-Hans] Best Practices for Front-end Monitoring in the GMTC Era of Front-end Development
- [zh-Hans] Build a front-end security production system, locate faults in as fast as 5 minutes
- [zh-Hans] Building a Front-end Error Monitoring Platform
- [zh-Hans] Building a Front-end Monitoring System from Scratch (Part 1) - Web Probe SDK
- [zh-Hans] Building a Front-end Monitoring System from Scratch (Part 2) - Implementing Selection (Non-intrusive)
- [zh-Hans] Building a Front-end Monitoring System from Scratch (Part 3) - Implementing Control of iFrame Forward and Backward Navigation
- [zh-Hans] Building a secure production system for the front-end, providing our front-end colleagues with stable happiness
- [zh-Hans] Building Front-end Monitoring from Scratch (Part 3)
- [zh-Hans] Building Your Own Front-end Monitoring Platform from Scratch
- [zh-Hans] Case study on the construction of Tencent NOW's front-end monitoring system
- [zh-Hans] Collecting Error Information and Stack Traces - Data Collection in Front-end Monitoring
- [zh-Hans] Concepts of Front-end Monitoring and Statistics
- [zh-Hans] Don't let your web pages run naked on the user's browser anymore
- [zh-Hans] Exclusive interview with Wu Qimin, author of CAT monitoring system: Talking about distributed system monitoring
- [zh-Hans] Exploration of Front-end Blank Screen Monitoring
- [zh-Hans] FDCon2019 - The Advanced Journey of Alibaba Cloud ARMS Mini Program Monitoring
- [zh-Hans] Front-end monitoring and front-end tracking
- [zh-Hans] Front-end Monitoring Trilogy: Exception Monitoring
- [zh-Hans] How a front-end monitoring system is developed
- [zh-Hans] How does Ant Financial achieve ultimate front-end performance monitoring?
- [zh-Hans] How to accurately analyze and make efficient decisions when the front-end frequently reports errors?
- [zh-Hans] How to build a front-end monitoring system?
- [zh-Hans] How to perform web performance monitoring?
- [zh-Hans] Let's talk about Front-end Monitoring (Part 1) - Scenarios and Types
- [zh-Hans] Let's talk about front-end monitoring (Part 4) -- Implementation of performance monitoring
- [zh-Hans] Let's talk about monitoring
- [zh-Hans] Meituan Open Sources Logan Web: Implementation of Front-end Logs on the Web
- [zh-Hans] Performance and methods for measuring performance
- [zh-Hans] Powerful Web Performance Monitoring Tool - Performance
- [zh-Hans] Practice of Front-end Monitoring Platform with Billions of PV on Alibaba's UC
- [zh-Hans] Proactively identify problems, anticipate faults and user experience
- [zh-Hans] Push front-end performance monitoring to the extreme
- [zh-Hans] Research on Front-end Exception Monitoring Solutions
- [zh-Hans] Statistical Indicator Description
- [zh-Hans] Step by step guide to building a front-end monitoring system: How to record user behavior?
- [zh-Hans] Summary of 2017 Front-end Monitoring System Exploration
- [zh-Hans] Tailor a set of real-time monitoring indicators for your front-end pages
- [zh-Hans] Take front-end monitoring to the extreme
- [zh-Hans] The front-end is getting wider and wider. How does Tencent Now Live achieve the ultimate monitoring system?
- [zh-Hans] The implementation of front-end exception monitoring system
- [zh-Hans] Understand Front-end Page Performance Monitoring Completely in 10 Minutes
- [zh-Hans] Volcano Engine launches a web-based performance monitoring solution based on a new perspective
- [zh-Hans] Usability Assurance Practices for Meituan-Dianping's Cashier Front-end
- [zh-Hans] Two or three things about burying points at the airline ticket counter
- [zh-Hans] 6 Buried Point Strategies That Product Managers Must Know
- [zh-Hans] What is the purpose of the spm parameter in the URL of Alibaba Cloud's official website?
- [zh-Hans] Alibaba's Log Collection Sharing (Part 1)
- [zh-Hans] What is a transaction?
- [zh-Hans] Opbeat is dead, please use Elastic APM
- [zh-Hans] Front-end black technology: Meituan's first frame optimization practice for web pages
- [zh-Hans] The magic of code splitting in Webpack
- [zh-Hans] Design and Implementation of Full-Chain Tracking System
- [zh-Hans] Exploration of Ultimate Front-end Performance Optimization
- [zh-Hans] Cloud + End Integration: Front-end Engineering Exploration of Meituan Financial Services