My studies on web performance
| Type | Name | Status |
|---|---|---|
| Article | Front-End Performance Checklist 2021 | 📑 |
| Article | Chrome’s Paint Flashing Tool | 📑 |
| Video | Improving Page Performance in Modern Web Apps | 📑 |
| Video | Speed Essentials: Key Techniques for Fast Websites | 🎥 |
| Video | Improving Page Performance in Modern Web Apps | 📑 |
| Article | Building the DOM faster: speculative parsing, async, defer and preload | 📑 |
| Article | Improving React Runtime Performance | 📑 |
| Article | Building the DOM faster | 📑 |
| Article | Maybe you don't need Rust and WASM to speed up your JS | 📑 |
| Article | Fast load times | 📑 |
| Video | Demystifying Speed Tooling | 🎥 |
| Type | Name | Status |
|---|---|---|
| Article | Chrome’s Paint Flashing Tool | 📑 |
| Article | Start Performance Budgeting | 📑 |
| Article | Performance budgets 101 | 📑 |
| Article | Optimizing startup performance | 📑 |
| Article | Setting a performance budget | 📑 |
| Article | Responsive Design on a Budget | 📑 |
| Article | Web Performance Budgets are more than mere thresholds | 📑 |
| Article | User-centric performance metrics | 📑 |
| Article | Operationalizing Performance with Performance Budgets | 📑 |
| Type | Name | Status |
|---|---|---|
| Video | Love your cache: Optimize for the second load | 🎥 |
| Type | Name | Status |
|---|---|---|
| Article | <link rel=”prefetch/preload”> in webpack |
📑 |
| Article | preload-webpack-plugin | 📑 |
| Article | Webpack Prefetching/Preloading modules | 📑 |
| Article | Speed up next-page navigations with prefetching | 📑 |
| Type | Name | Status |
|---|---|---|
| Video | Image compression deep-dive | 🎥 |
| Type | Name | Status |
|---|---|---|
| Article | Adaptive Serving using JavaScript and the Network Information API | 📑 |
| Type | Name | Status |
|---|---|---|
| Article | How I removed website layout shift using a predeploy script | 📑 |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent