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....

20

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....

22

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....

23

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ũ....

25

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)....

19

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....

21

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)....

19

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....

18

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....

27

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....

20

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ầ...

28

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....

29

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...

21

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…)....

20

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....

16

HTTP/2

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

22

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....

20

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....

31

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....

21

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 độ ...

21

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....

35

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....

29

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 ...

26

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....

26

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....

19

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…)....

21

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ý....

20

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....

24

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....

22

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ủ....

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