Web-performance practical tools

on YouTube ↗21m

" summary

Covers web performance metrics and how to measure them using available tools, then demonstrates concrete techniques and tools for diagnosing and fixing performance issues in frontend applications (practical examples of measuring and improving web performance).

AI-written summary · about

" chapters (14)

1. 0:00Start
2. 1:32Main causes
3. 2:16How to find out what is the issue?
4. 5:47Image compression
5. 6:08Use the right format
6. 8:12Image CDN content delivery network
7. 8:54Images lazy loading
8. 12:14Serve images in next-gen formats - WebP
9. 12:27webP format - fallback
10. 13:25Serving images on mobile
11. 14:36Webpack bundle analyzer
12. 15:48node modules
13. 16:08Production VS Development build
14. 18:23Code Coverage

" related talks

• 47mPractical Performance AnalysisSimone Bordet · Voxxed Days Ticino 2024
• 47mEvery Millisecond CountsMarco Casario · Codemotion Rome 2015
• 30mMeasuring Web Performance - Metrics & ToolsMichael Geers · JSUnconf 2017
• 39mMonitoring web project performanceVladimir Buyanov · РИТ++ 2017
• 31mDetecting Web Performance Problems with Chrome DevToolsJoan León · Nerdearla Chile 2026
• 46mWeb perf: squeezing maximum performance from enterprise projectsPavel Uvarov · HolyJS 2025 Autumn
• 18mWebsite performance from user perspectiveJacek Okrojek · QA Fest 2016
• 33mDemystifying Web Performance ToolingAnna Migas · revo.js 2023