proto.lib

Speculation Rules: prefetch/prerender trước khi click

Trang khai báo Speculation Rules API chỉ ra những link có khả năng được bấm tiếp; browser sẽ prefetch hoặc prerender toàn bộ trang đó trước, miễn phí về cảm giác độ trễ, nhưng trang được prerender không được phép chạy analytics hay side effect cho tới khi thực sự được activate.

ApplicationNâng cao2026-08-25
Speculation Rules: prefetch/prerender trước khi click

Tags

#speculation-rules#prerender#prefetch#navigation#performance

Tài liệu tham khảo

Mở rộng

Animation gốc là một file HTML tự chứa, có thể nhúng lại ở bất kỳ trang nào khác. Mở file gốc

Liên quan

ApplicationTrung bình

Scroll-Driven Animations: hoạt ảnh gắn theo tiến trình cuộn bằng CSS

scroll-timeline và view-timeline cho phép animation-timeline gắn tiến trình animation trực tiếp vào vị trí cuộn thay vì nghe sự kiện scroll bằng JS; vì tính toán nằm trên compositor thread nên không bị jank do main thread bận, có progress bar đọc sách và reveal-on-scroll là ví dụ điển hình.

#css#scroll-timeline#view-timeline#animation
ApplicationTrung bình

App Shell + Route Code Splitting

Bundle được chia theo route: chỉ shell và route đầu tiên tải ngay, các route khác được split thành chunk riêng và chỉ fetch khi người dùng điều hướng tới (hoặc prefetch khi có ý định), giúp giảm chi phí parse/execute JS lúc tải trang lần đầu.

#code-splitting#bundling#lazy-loading#prefetch
ApplicationTrung bình

WebSocket permessage-deflate

Extension permessage-deflate nén từng message WebSocket để giảm băng thông, đánh đổi với chi phí CPU và rủi ro tấn công nén.

#websocket#compression#permessage-deflate#extension