Chia Sẻ Khóa Học Web App Performance [Khóa 7082 A]
06 tháng 9 2023
/
No Comments
Tìm hiểu cách xác định và giải quyết các vấn đề về hiệu suất trong các ứng dụng web của bạn! Bạn sẽ có cái nhìn tổng quan về Web Vitals cũng như cách xác định và giám sát hiệu suất kém. Tối ưu hóa loading CSS, JavaScript và hình ảnh với lazy loading và đi sâu vào cơ bản về HTTP, browser cache, và service workers. Tìm hiểu các kỹ thuật nâng cao như preloading, fetch priority, HTTP Early Hint và browser performance API như Performance & Navigation Timing API và PerformanceObserver API.
Mục lục:
1. Giới thiệu:
- ✓ Giới thiệu.
- ✓ Các vấn đề về hiệu suất.
- ✓ State of Mobile Web.
2. Metrics & Tools:
- ✓ Metrics.
- ✓ Core Web Vitals.
- ✓ Audit Real-World Performance với PageSpeed Insights.
- ✓ Waterfall Chart trong Chrome Dev Tools.
- ✓ WebPageTest Performance Audit.
- ✓ Most Performance is Front-End.
- ✓ Project Setup & Lighthouse Report.
3. Optimization cơ bản:
- ✓ Duyệt web.
- ✓ Evolution of HTTP.
- ✓ Browser Cache.
- ✓ bfcache.
- ✓ Service Workers & Cache Storage.
- ✓ Resource Loading, Frames, & Interactivity.
- ✓ GZIP, Cookies, & Redirects.
- ✓ Tối ưu hóa CSS, JavaScript và hình ảnh.
4. Optimization nâng cao:
- ✓ Optimizing First Load.
- ✓ Preloading.
- ✓ Fetch Priority.
- ✓ HTTP Early Hints.
- ✓ Optimizing Data Transfer.
- ✓ Sử dụng Modern Image Formats.
- ✓ Cache Control, dns-prefetch, & preconnect.
- ✓ Lazy Loading Images & Fonts.
- ✓ HTTP Client Hints.
- ✓ Optimizing Interactions.
- ✓ Reviewing Lighthouse Test.
5. Performance API:
- ✓ Performance & Navigation Timing API.
- ✓ Performance Observers.
- ✓ Device Memory & Save Data Flag.
- ✓ Animation Frames & Input Pending.
- ✓ Request Idle Callback & Script Yielding.
6. Kết thúc.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU
Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.
Tuyên bố miễn trừ bản quyền:
Trang web này không lưu trữ bất kỳ tệp nào trên máy chủ của nó. Chúng tôi chỉ lập chỉ mục và liên kết đến nội dung được cung cấp bởi các trang web khác. Vui lòng liên hệ với các nhà cung cấp nội dung để xóa nội dung bản quyền nếu có và gửi email cho chúng tôi, chúng tôi sẽ xóa các liên kết hoặc nội dung có liên quan ngay lập tức.