Optimize Frontend for Beginner (Vietnamese)

Tối ưu hiệu năng Frontend, Web Performance, Frontend Performance

4.7

(712 đánh giá)

2,848 học viên

Giảng viên

Thiện Phạm Đình

Đánh giá cao

79.000đ 399.000đ -80%

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

Mua trực tiếp qua Zalo Học thử bài 1

4.0 giờ video

1 bài viết

Truy cập vĩnh viễn

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

Cập nhật: 28/04/2026

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

Hiểu rõ các khái niệm cơ bản về tối ưu hóa Frontend

Xây dựng tư duy tối ưu

Biết cách sử dụng các kỹ thuật tối ưu phổ biến

Biết cách sử dụng các công cụ trong việc tối ưu

Yêu cầu

Đã có kiến thức cơ bản về lập trình Frontend

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

Lập trình viên Frontend mong muốn nâng cấp kỹ năng tối ưu

Nội dung khóa học

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

1 Tổng quan khóa học

2 Tài liệu và Source Code

1 Critical Rendering Path

2 Blocking Resource - Render Blocking

3 Blocking Resource - Parser Blocking

4 Blocking Resource - Preload Scanner

5 Blocking Resource - Giải đáp lời khuyên

6 Liên kết việc Tối ưu

1 Giới thiệu

2 Code Split

3 Tree Shaking

4 Minify và Compress

1 Lazy Loading

2 Async và Defer

3 Preload và Prefetch

4 Preconnect và DNS-Prefetch

5 Critical và Non-Critical

1 Event Loop

2 Tối ưu Long Task

1 Network Tab

2 Network Tab (Bổ sung)

3 LightHouse Tab

4 Coverage Tab

5 Performance Tab

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

Khóa học "Optimize Frontend for Beginner" được thiết kế dành cho những lập trình viên Frontend đang muốn củng cố kiến thức nền tảng về tối ưu hiệu suất web. Khóa học hướng dẫn từng bước các kỹ thuật và tư duy giúp trang web tải nhanh hơn, mượt hơn, và thân thiện với người dùng cũng như các công cụ hỗ trợ trong việc tối ưu hiệu năng web.

Thông qua 5 chương học từ cơ bản đến nâng cao, bạn sẽ nắm được:

Cách trình duyệt xử lý hiển thị giao diện (Critical Rendering Path)
Các chiến lược Tối ưu dung lượng Resource hiệu quả như code-splitting, tree-shaking, minify và compress
Kỹ thuật tối ưu quá trình tải tài nguyên như lazy loading, preload, prefetch, async và defer
Hiểu về event loop để phân tích, phát hiện và xử lý các vấn đề về tác vụ nặng (long task)
Nắm được cách sử dụng các công cụ phân tích hiệu suất: Chrome DevTools (Network, Performance, Coverage), Lighthouse,...

Khóa học không chỉ cung cấp lý thuyết, mà còn có các ví dụ thực tế, dễ hiểu, giúp bạn dễ dàng áp dụng vào dự án thật. Sau khi hoàn thành, bạn sẽ hiểu rõ cách cải thiện thời gian tải, giảm chi phí tài nguyên và nâng cao trải nghiệm người dùng.