Instant Page - Tăng tốc trang web, cải thiện trải nghiệm người dùng trên website

Instant Page - Trang tức thì cho phép bạn tự động tìm nạp trước các URL trong nền sau khi người dùng di chuột qua một liên kết. Điều này dẫn đến thời gian tải gần như tức thời và cải thiện cả trải nghiệm người dùng và hiệu suất cảm nhận (cảm giác của một trang web nhanh như thế nào). Điều đó có thể thực hiện nếu sử dụng instant.page thư viện phát triển bởi Alexandre Dieulot.

Cách Instant Page hoạt động

  • Trên máy tính để bàn , người dùng di chuột qua một liên kết. Sau 65 mili giây, nó sẽ tự động bắt đầu tải trước URL trong nền. Đây có thể là một bài đăng trên blog, một trang, một hình ảnh, v.v. Ví dụ: nếu logo của bạn có liên kết đến trang chủ của bạn, nó sẽ tải trước trang chủ của bạn nếu chúng ta di chuột qua logo.

  • Trên thiết bị di động , một URL được tải trước sau khi người dùng bắt đầu chạm vào liên kết trên màn hình của họ, trước khi thả tay ra.

Trên đây là sự kết hợp tốt nhất về hiệu suất tăng và hiệu suất sử dụng thấp trên máy chủ và thiết bị di động của bạn. Tính năng này cũng có chế độ tiết kiệm dữ liệu trên di động. Nếu điều đó được bật, không có gì sẽ được tải trước.

Vì tính năng này hoạt động khi di chuột nên nó sẽ không hiển thị trên các công cụ kiểm tra tốc độ. Bạn nhấp vào xung quanh trang web của mình sau khi bạn bật nó. Bạn sẽ có thể cảm thấy sự khác biệt!

Cài đặt instant Page

Đi vào vấn đề chính, là cài đặt instant Page hết sức đơn giản. Có thể nói Instant Page có thể hoạt động trên hầu hết các trang web. Chỉ cần thêm đoạn mã sau ngay trước thẻ </body>.

<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>

Bạn có thể đọc thêm thông tin chi tiết trên trang instant.page.
Instant Page cũng có plugin nếu bạn sử dụng #wordpress . Bạn có thể tải Plugin tại đây. Tuy nhiên nếu muốn thêm các tùy chọn, bạn sẽ phải thêm nó thủ công vào tệp header.php của chủ đề.