https://github.com/rproenza86/web-performance-pptimization-apis
Measure the performance to create a faster and better experience for all your users on high-speed Wi-Fi or the mobile user with a weak signal
https://github.com/rproenza86/web-performance-pptimization-apis
es6 optimization-tools performance-analysis performance-metrics performance-monitoring zeit-now-integration
Last synced: 6 months ago
JSON representation
Measure the performance to create a faster and better experience for all your users on high-speed Wi-Fi or the mobile user with a weak signal
- Host: GitHub
- URL: https://github.com/rproenza86/web-performance-pptimization-apis
- Owner: rproenza86
- Created: 2019-08-15T11:53:02.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-08-15T12:04:18.000Z (over 6 years ago)
- Last Synced: 2025-07-19T04:31:30.097Z (9 months ago)
- Topics: es6, optimization-tools, performance-analysis, performance-metrics, performance-monitoring, zeit-now-integration
- Language: CSS
- Homepage: https://web-performance-pptimization-apis-hrtlbwyuxb.now.sh
- Size: 4.77 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# web-performance-optimization-apis
## Overview
With the Performance APIs built into modern browsers, you can measure the performance of your websites and applications and make "live" changes to the content, page navigation, and more.
This allows you to create a faster and better experience for all your users: for the desktop user on high-speed Wi-Fi or the mobile user with a weak signal.
This repository shows how to collect real metrics from real devices with the four most useful APIs:
Performance Timeline,
Navigation Timing,
User Timing, and
Resource Timing.
The implementation shows how to access and apply the APIs with vanilla JavaScript, and use reactive programming techniques—such as beacons and multithreading—to optimize code so it executes as efficiently as possible.
## Objectives
- Understanding the Performance APIs
- Navigation Timing
- Calculate milestones in the Performance Timeline
- Measuring the timing of navigation, resources, servers, and more
- Reading network and device information
- Optimizing code