Web Performance

Core Web Vitals, PageSpeed, LCP, FID, CLS, CDN, caching và tối ưu hiệu suất web.

Above-the-Fold Content

Nội dung nằm trong vùng hiển thị ban đầu mà người dùng thấy ngay khi tải trang....

4

Adaptive Serving

Cung cấp nội dung hoặc tài nguyên khác nhau (ví dụ: hình ảnh nhẹ hơn, JS thu gọn) dựa trên đặc điểm thiết bị hoặc mạng....

3

Browser Caching

Việc trình duyệt lưu bản sao tài nguyên cục bộ để tránh tải lại khi quay lại trang....

4

Cache Busting

Kỹ thuật thay đổi tên hoặc query string của tài nguyên để buộc trình duyệt tải phiên bản mới thay vì dùng cache cũ....

5

Cache-Control Header

Header HTTP định nghĩa cách và thời gian tài nguyên được lưu tạm (client, CDN, proxy)....

3

CDN (Content Delivery Network)

Mạng lưới máy chủ phân tán giúp phục vụ tài nguyên từ vị trí gần người dùng nhất....

4

Code Splitting

Phân chia bundle JavaScript thành các phần nhỏ hơn, tải chỉ khi cần (ví dụ: dynamic import)....

3

Compression (Gzip/Brotli)

Thuật toán nén dữ liệu trên máy chủ để giảm kích thước phản hồi HTTP trước khi gửi đến trình duyệt....

4

Connection Reuse

Việc tái sử dụng kết nối TCP/TLS thay vì mở mới cho mỗi yêu cầu, giảm overhead và tăng tốc độ tải....

5

DOMContentLoaded (DCL)

Sự kiện xảy ra khi cây DOM đã được phân tích xong và sẵn sàng thao tác, không chờ CSS, hình ảnh hoặc script bên ngoài....

2

Edge Server

Máy chủ nằm gần người dùng hơn origin, thường thuộc mạng CDN, dùng để phục vụ nội dung nhanh hơn qua caching và xử lý gầ...

7

ETag

Mã định danh duy nhất cho phiên bản tài nguyên, dùng để xác minh tính mới khi kiểm tra cache....

4

First Meaningful Paint (FMP)

Thời điểm phần nội dung chính của trang (theo đánh giá của trình duyệt) được hiển thị — đã bị loại bỏ khỏi các công cụ h...

4

Font Display

Thuộc tính CSS font-display kiểm soát hành vi hiển thị phông chữ trong quá trình tải (swap, optional, block…)....

5

HTTP Caching

Cơ chế lưu trữ phản hồi HTTP tạm thời tại client hoặc proxy dựa trên các header như Cache-Control, ETag, Expires....

2

HTTP/2

Giao thức truyền tải hỗ trợ multiplexing, server push, header compression nhằm cải thiện tốc độ....

4

HTTP/3

Phiên bản mới nhất của HTTP sử dụng giao thức QUIC trên UDP để giảm độ trễ và tăng độ tin cậy....

5

Last-Modified Header

Header HTTP chỉ thời điểm cuối cùng tài nguyên được chỉnh sửa, hỗ trợ kiểm tra cache điều kiện....

3

Long Tasks

Các tác vụ JavaScript chạy liên tục trên main thread hơn 50ms, gây trì hoãn phản hồi người dùng và ảnh hưởng FID/INP....

3

Main Thread Work

Khối lượng công việc (JS execution, layout, paint) diễn ra trên luồng chính của trình duyệt, ảnh hưởng trực tiếp đến độ ...

3

Network Throttling

Giới hạn băng thông và độ trễ mạng trong công cụ phát triển trình duyệt để mô phỏng hiệu suất trên mạng chậm....

4

Priority Hints

Thuộc tính fetchpriority trên thẻ <img> hoặc <iframe> để gợi ý mức độ ưu tiên tải cho trình duyệt....

5

QUIC

Giao thức vận chuyển mạng do Google phát triển, là nền tảng của HTTP/3, giảm độ trễ kết nối và cải thiện hiệu suất trên ...

4

Real User Monitoring (RUM)

Thu thập dữ liệu hiệu suất thực tế từ trình duyệt người dùng thật, khác với lab testing....

4

Server Push (HTTP/2)

Tính năng HTTP/2 cho phép máy chủ gửi tài nguyên trước khi client yêu cầu, nhưng đã bị loại bỏ trong HTTP/3....

2

Server Timing Header

Header HTTP cung cấp thông tin chi tiết về thời gian xử lý phía máy chủ cho từng giai đoạn (DB, cache, render…)....

4

Server-Side Caching

Lưu trữ phản hồi từ máy chủ (thông qua Varnish, Redis, OPcache…) để giảm tải và thời gian xử lý....

3

Speed Index

Đo tốc độ hiển thị nội dung thị giác trên màn hình, tính bằng mili giây....

5

Stale-If-Error

Chỉ thị Cache-Control cho phép sử dụng phiên bản cũ nếu yêu cầu mới gặp lỗi mạng hoặc máy chủ không phản hồi....

2

Stale-While-Revalidate

Chỉ thị Cache-Control cho phép sử dụng phiên bản cũ (stale) trong khi đồng thời cập nhật lại từ máy chủ....

4
Đang tải thêm...