Web Performance

Collections

• Web Almanac Part II Chapter 12 - Performance
• Making a fast website is SUPER EASY 😏
• Web Performance Metrics Cheatsheet
• Speeding up the JavaScript ecosystem
• Using inline JavaScript modules to prevent CSS blockage

  <script async type="module" />
  

• 2022 In Review: What’s New In Web Performance?
• Web Performance APIs Appreciation Post
• HTTP/3 Prioritization Demystified
  • https://news.ycombinator.com/item?id=34231934
• What does the image decoding attribute actually do?

  So does this make a difference as an HTML attribute? probably not that much.

• [Browser] Critical Rendering Path 최적화
• preload vs prefetch
• The Three Cs: 🤝 Concatenate, 🗜️ Compress, 🗳️ Cache
• WebPerf Snippets
• Latency numbers every frontend developer should know
• Improvements to the Speculation Rules API which allows websites to prefetch or prerender future navigations to improve performance.
• How to make your web page faster before it even loads

---

Children

1. CDN caching isn't the performance boost it used to be
2. Cache your CORS, for performance & profit
3. Correctly Configure (Pre) Connections
4. Critical rendering Path
5. Don't fight the browser preload scanner
6. Get All That Network Activity Under Control with Priority Hints
7. How Does Dan Abramov Optimize beta.reactjs.org After Be Complained about Website Speed?
8. Making the Web Faster with Service Workers and Performance Research
9. Optimizing images for mobile browsers with a UX mindset
10. Populating the page: how browsers work
11. Prevent unnecessary network requests with the HTTP Cache
12. Web performance tools
13. WebAssembly: TinyGo vs Rust vs AssemblyScript
14. Why Your Website Should Be under 14kb in Size
15. 리소스 우선순위 - preload, preconnect, prefetch