Nếu như bạn đang cần một thủ thuật bí quyết nào thật sự đơn giản mà có thể năng cao khả năng load tốc độ website WordPress thì Instant page là một lựa chọn rất tuyệt vời.
Mục lục
Instant page là gì, nó làm được gì
Instant page là một đoạn mã javascript nặng chỉ có 0,8kb (khi đã áp dụng công nghệ nén gzip), và cũng là một plugin của WordPress. Instant page giúp người dùng chỉ cần hover di con chuột qua một liên kết đường link nào đó thì Instant page sẽ gọi Prefetct trình duyệt sẽ tải trước html cho khách hàng, dù khách hàng không click vào chỉ hover di chuột qua thì nó vẫn load html trước.
Instant page sử dụng tính năng tải trước chỉ trong thời gian — nó tải trước một trang ngay trước khi người dùng nhấp vào nó. Trước khi người dùng nhấp vào một liên kết, họ di chuột qua liên kết đó, gần giống tính năng la lá quicklink nhưng quicklink tải trước những liên kết có trên trong màn hình hiển thị.
Instant page là sự thay thế hoàn hảo của quicklink.
Prefetct là gì?
Hiểu một cách đơn giản là khai báo cho trình duyệt là khi nào trình duyệt rảnh rỗi thì load giúp tôi trang này trước để tôi lưu vào bộ nhớ cache trình duyệt của khách hàng, khàng hàng chỉ cần click vào đường dẫn đó tốc độ sẽ vượt trội hơn rất nhiều.
Nếu bạn muốn hiểu chi tiết hơn về Prefetct bạn có thể tham khảo tại đây.
Lợi ích Trên máy tính để bàn PC khi sử dụng instant.page
Trước khi người dùng nhấp vào một liên kết, họ di chuột hover qua liên kết nào đó. Khi một người dùng đã bay lượn cho 65 MS có một cơ hội ra khỏi hai rằng họ sẽ bấm vào liên kết
Ngay lúc vừa di chuột qua thì lúc đó website của bạn sẽ bắt đầu tải trước tại thời điểm đó , để lại trung bình hơn 300 MS cho trang để tải trước.
Nghĩa là khi trung bình khi một người click vào được dẫn thường mất 300ms (0,3 giây) để click truy cập vào đó.
Nếu bạn sử dụng instant.page thì có thể tăng tốc được 300ms cho website của bạn.
Lợi ích trên di động smartphone instant.page
Một người sử dụng bắt đầu chạm vào màn hình của họ trước khi phát hành nó, để lại trung bình 90 MS cho trang để preload.
Nếu bạn sử dụng instant.page thì có thể tăng tốc được 90ms cho website của bạn.
bạn có thể tự tay kiểm tra hiểu quả thời gian giữa hover di chuột đến với click của bạn là bao nhiêu MS: instant.page
Ưu điểm và nhược điểm khi sử dụng instant.page
Ưu điểm:
- PC cải thiện được 300ms, điện thoại smartphone cải thiện được 90ms, trong tối ưu website đây cũng là một số đáng kể.
- Tiêu tốn tài nguyên ít hơn rất nhiều so với kỹ thuật quicklink.
Nhược điểm:
- Tiêu tốn tài nguyên nếu khách hàng không click vào đường link đó.
- instant.page không được hỗ trợ trên trình duyêt safari của ios.
- Không dừng tải trước trên thiết bị mạng kém.
- Tốc độ không thần thánh bằng quicklink.
- Ăn nhiều tài nguyên máy chủ
- Hội những người thích điểm google page speed thì sẽ không hài lòng (nó có thể sẽ hạ điểm số của bạn)
Có nên sử dụng instant.page
Câu trả lời của tôi là có, nó rất tốt bạn chỉ cần một máy chủ mạnh mẽ không phải là những share hosting đối với tôi chỉ cần cải thiện được 100ms như thế là khá nhiều, cần phải trân trọng.
instant.page nó giúp khách hàng trải nghiệm tuyệt vời hơn với website của bạn chỉ cần cải thiện như thế là rất tuyệt vời rồi.
Những ai phù hợp để sử dụng instant.page
Theo mình là tất cả các doanh nghiệp đều cần cân nhắc sử dụng, chỉ đơn giản nhược điểm lớn nhất cũng là điểm yếu của nó là ăn hơi nhiều tài nguyên nhưng theo tôi doanh nghiệp có khách hàng là có tất cả, bạn đang dùng gói hosting là 300.000 VNĐ/ 1 tháng bạn hãy nâng nên thành 500.000 VNĐ/ 1 tháng để sử dụng tính năng này mình cảm thấy nó vẫn cực kỳ đáng đầu tư nếu như bạn có chiến lược kinh doanh lâu dài và vì khách hàng.
Nếu như bạn đang cần một thủ thuật bí quyết nào thật sự đơn giản mà có thể năng cao khả năng load tốc độ website WordPress thì Instant page là một lựa chọn rất tuyệt vời.
Làm như thế nào để tích hợp instant.page vào WordPress
instant.page là một đoạn mã javascript bạn chỉ cần nhúng vào website WordPress của bạn là như vậy là chạy được thôi: mã nguồn instant.page phiên bản 5.1.0
Với những lập trình viên thì đây là câu chuyện cực kì đơn giản.
nhưng với người không biết lập trình đây là câu chuyện khá khó khăn.
Cách đơn giản nhất là bạn có thể sử dụng các plugin tăng tốc độ WordPress hay một số theme WordPress được tích hợp sẵn trong đó luôn.
Đề cử ví dụ như:
- Plugin Litespeed cache
- Plugin perfmatters
- Plugin instant.page (hàng chính chủ luôn)
- Plugin Flying page (Plugin làm về lĩnh vực này mình khoái nhất)
- có rất nhiều plugin
đức đã bình luận:
Trong WP Tăng Tốc
a cho hỏi cái này có phải tương tự như chức năng “preload” của các plugin cache ko?
Gia Tuấn đã bình luận:
Trong WP Tăng Tốc
khác anh nhé.