Share Tăng tốc độ tải các trang liên kết với thư viện InstantClick

[filiallion]

Language

Tiếng Việt

Trên một trang của website gần như lúc nào cũng có khá nhiều các liên kết nội bộ và người dùng cũng thường sẽ truy cập các liên kết nội bộ đó. Yêu cầu đặt ra là website phải làm cách nào để tăng tốc độ tải trang khi người dùng nhấp chuột (Hoặc chạm trên di động) vào các trang được liên kết nội bộ đó. Việc này thật sự đơn giản với thư viện InstantClick. Nguyên tắc hoạt động của thư viện InstantClick là khi người dùng rê chuột (Hoặc chạm trên di động) lên một liên kết nào đó trong khoảng thời gian được chỉ định (Thường là khoảng 200ms đến 300ms) thì nội dung của liên kết đó sẽ được tải sẵn về trình duyệt nên khi người dùng nhấp vào liên kết đó thì tốc độ tải trang sẽ rất nhanh, cải thiện rõ rệt tốc độ tải trang.

Việc sử dụng thư viện InstantClick cũng rất đơn giản, các bạn tải thư viện tại địa chỉ http://instantclick.io/download và tích hợp thư viện vào cuối website với dòng mã lệnh như sau:

<script src="path/to/instantclick.min.js"></script>

Cuối cùng là cài đặt thư viện InstantClick với một dòng mã lệnh đơn giản như sau ở cuối website:

<script data-no-instant>InstantClick.init();</script>

Các bạn có thể tìm hiểu thêm về thư viện InstantClick tại địa chỉ http://instantclick.io/documentation.