Web Performance Bootcamp: Mastering Speed Techniques

Web Performance Bootcamp: Thành thạo kỹ thuật tối ưu tốc độ

Hướng dẫn toàn diện để học cách cải thiện hiệu suất web, thông qua Javascript, Web Vitals, Chrome Dev Tools, CDN và hơn thế nữa!

4.7

(534 đánh giá)

10,565 học viên

Giảng viên

Vitor Fonseca

Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao

50.000đ 349.000đ -86%

✓ Xem giỏ hàng và thanh toán

Bao gồm phụ đề tiếng Việt, tiếng Anh

6.5 giờ video

45 bài giảng

4 bài quiz

Truy cập vĩnh viễn

Học trên mọi thiết bị

Cập nhật: 30/05/2026

#Frontend Optimization #Performance Optimization #Server Optimization #Web Development

Bạn sẽ học được gì

Cách tối ưu hiệu suất phần frontend (javascript, web vitals, bundling, css, lazy loading, PWA, chrome dev tools)

Cách tối ưu hiệu suất phần backend (profiling, độ phức tạp thuật toán, đánh chỉ mục cơ sở dữ liệu, nosql, caching)

Cách tối ưu hiệu suất phần hạ tầng (DNS, HTTP, Cache headers, TCP, CDN)

Cách giám sát hiệu suất web (grafana, prometheus, metrics, thông báo tự động)

Cách thuyết phục người phụ trách kinh doanh trong công ty bạn rằng hiệu suất web là quan trọng

Yêu cầu

Kiến thức cơ bản về javascript

Kiến thức cơ bản về bất kỳ ngôn ngữ backend nào

Kiến thức cơ bản về cơ sở dữ liệu (quan hệ hoặc phi quan hệ)

Đối tượng phù hợp

Dành cho nhà phát triển web muốn cải thiện hiệu suất dự án của họ

Nhà phát triển web

Nhà phát triển frontend

Nhà phát triển backend

Quản trị viên cơ sở dữ liệu

Nội dung khóa học

6 phần • 45 bài giảng

1 Cấu trúc khóa học

2 Hiệu suất web là gì?

3 Tại sao hiệu suất web lại quan trọng?

4 Các chỉ số chính để đo lường hiệu suất web

5 Ví dụ thực tế về các vấn đề hiệu suất web

1 Tìm hiểu sâu hơn về các chỉ số Chrome Core Web Vitals

2 Cách xác định giá trị chỉ số Chrome Core Web Vitals của bạn

3 Bàn về tài nguyên quan trọng (critical resources)

4 Tối ưu Javascript

5 Tối ưu CSS

6 Tối ưu hình ảnh

7 Tìm hiểu sâu về lazy loading

8 Những thay đổi nhỏ nhất bạn có thể làm để cải thiện hiệu suất frontend

9 PWA: Một cách khả thi để cải thiện hiệu suất

10 Cách giảm các chỉ số Chrome Core Web Vitals, trong trường hợp chúng quá cao

11 Cải thiện hiệu suất runtime với tab Performance của Chrome DevTools

1 Hiểu về các điểm nghẽn (bottleneck) phía máy chủ

2 Tối ưu cơ sở dữ liệu - Giới thiệu

3 Tối ưu cơ sở dữ liệu - Kỹ thuật

4 Tối ưu cơ sở dữ liệu - Kế hoạch thực thi truy vấn (Query Execution Plan)

5 Tối ưu cơ sở dữ liệu - NoSQL

6 Chiến lược giảm thiểu tác động của các dịch vụ bên thứ ba chậm

7 Caching để cải thiện hiệu suất

8 Tận dụng microservices để cải thiện khả năng mở rộng

9 Độ phức tạp thuật toán

10 Phân tích hiệu năng (Profiling)

11 Cải thiện code phía máy chủ

12 Và khi vấn đề là do tài nguyên phần cứng không đủ?

1 Hiểu về mạng lưới (network stack)

2 Đi sâu vào các giao thức mạng chính

3 HTTP hoạt động như thế nào

4 Mẹo cải thiện nhỏ cho HTTP

5 Cache headers

6 Cân bằng tải (Load balancing)

7 Tối ưu để giảm thiểu độ trễ DNS và TCP

8 Giảm độ trễ với CDN

1 Can thiệp cải thiện hiệu suất

2 Lấy chỉ số Chrome Core Web Vitals một cách tự động

3 Giám sát các chỉ số cơ sở dữ liệu

4 Công cụ giám sát và bảng điều khiển (dashboard)

5 Theo dõi hiệu suất thông qua thông báo

6 Tạo giải pháp giám sát với Prometheus và Grafana - phần 1

7 Tạo giải pháp giám sát với Prometheus và Grafana - phần 2

1 Cách thuyết phục quản lý của bạn rằng hiệu suất web là quan trọng

2 Các bước tiếp theo và lời cảm ơn chân thành

Giới thiệu khóa học

Web performance bootcamp: master web performance techniques

Unlock the Full Potential of Your Websites with Cutting-Edge Strategies!

Are you tired of slow-loading websites that frustrate users and hurt your business? Welcome to "Web Performance Optimization" the ultimate course designed to revolutionize your understanding of frontend, backend, and network optimization in website development.

[UPDATE] This course already considers the Interaction to Next Paint metric, a metric of Core Web Vitals created in 03/2024!

What You'll Learn:

-> Frontend Acceleration: Learn the latest techniques in optimizing JavaScript, CSS, and image assets to achieve seamless user experiences.

-> Backend Efficiency: Supercharge your server-side performance with advanced backend optimization strategies. Explore the power of database indexing, caching, and query optimization to ensure your applications respond at lightning speed.

-> Network Mastery: Unravel the complexities of the network layer. Discover how to reduce latency with DNS prefetching, leverage the magic of CDN for content distribution, and fine-tune TCP for optimal data transmission.

Why Enroll:

-> Comprehensive Approach: This course is not just about frontend tricks or backend tweaks; it's a holistic journey through the entire web performance ecosystem. You'll emerge with the skills to transform any website into a speed demon.

-> Expert Instruction: Learn from an industry expert with many years of hands-on experience in web development. Benefit from real-world insights and proven strategies used by top-performing websites.

-> Career Boost: Web performance optimization is a sought-after skill in the digital landscape. Impress employers and clients alike by showcasing your ability to create websites that load at warp speed, delivering unparalleled user satisfaction.

Who Is This For:

Website developers aiming to improve the overall performance of their platforms
Frontend Developers aiming to create silky-smooth user interfaces
Backend Engineers eager to enhance server-side performance
Network Enthusiasts looking to master the intricacies of data transmission

Get Ready to Transform:

Join us on this exhilarating journey to transform your web development skills. From optimizing frontend interactions to fine-tuning backend processes and conquering the complexities of the network, "Web Performance Optimization" is your key to crafting high-performance, user-centric websites.

Enroll now and let's redefine web performance together!