Khi bạn có cho mình một trang web thì thứ cần bạn băn khoăn và để tâm tới là rất nhiều. Từ nội dung, hình ảnh, SEO hay đối thủ của mình. Tăng tốc trải nghiệm người dùng cũng nằm trong số đó, có rất nhiều cách để bạn tăng tốc trang web của mình. Ở đây bạn lại phải tìm hiểu để rút gọn những data mình có, tối ưu những dòng code hay giảm kích cỡ ảnh bạn tải lên trang. Sau đây bạn sẽ biết thêm một thứ nữa đó là công cụ hỗ trợ bạn tăng tốc tải trang web của mình lên đó là công cụ Instant.page
Instant.page là gì? Instant.page là một công cụ được phát triển để tăng tốc độ tải trang của bạn bằng cách tải trước một phần HTML khi một ai đó lướt con trỏ chuột đến liên kết (link) nào đó có trên trang web của bạn, nó sẽ ngay lập tức tải trước một phần code "thô" HTML trước, khi có hành động lướt qua hoặc đặt chạm vào link. Bạn có cảm giác gần như bạn đưa con trỏ chuột vào link nào đó và click luôn?
Thực ra bạn có nhanh tới đâu cũng đã trễ mất hàng trăm ms (mili giây) có khi vài giây sau đó bạn mới click. Và Instant.page sẽ sử dụng số thời gian bạn không cảm nhận được kia, dùng nó để tải trước. Nó chỉ vài kb nên sẽ chẳng ảnh hưởng gì tới lưu lượng data người dùng. Chính trang web toihieubiet.xyz này cũng đang sử dụng nó để tăng tốc tải trang. Nó sẽ rút ngắn đi thời gian tải trang đáng kể và nếu trang web của bạn được tối ưu tốt và nhẹ thì gần như ngay lập tức, công cụ này sẽ đưa trang web của bạn hiển thị ngay tới người dùng mà thời gian chờ hầu như bị rút ngắn tới cực điểm tới mức không tưởng.
Để triển khai Instant.page giúp tăng tốc trang web của bạn chỉ cần thao tác copy dòng mã dưới dây và dán nó ở trên thẻ </body> trong phần code trang web:
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>
Sau khi được triển khai vào trang web, code sẽ bắt đầu hoạt động và bạn chẳng cần phải làm gì cả bởi tất cả đã được làm sẵn. Công cụ này cũng được phát triển công khai trên github nên bạn có thể yên tâm khi sử dụng nó. nếu không thích hoặc không còn nhu cầu sử dụng nữa, bạn chỉ cần xóa nó đi là xong.
---------
nguồn: toihieubiet.xyz
DIY - Delam DIY - Kênh DIY - Mẹo vặt, hướng dẫn tự làm nhanh và dễ dàng nhất.
Tags:
Thuthuatit
