Init HTML

Tải về

Công nghệ này giúp website có thể tiết kiệm tài nguyên nhờ vào việc tải nhanh hơn khi liên kết được rê chuột sẽ tải trước vào bộ nhớ tạm của trình duyệt, thông qua cơ chế prefetch hoặc prerendering.

Plugin này có thể hoạt động cùng với bất kỳ plugin tối ưu và tăng tốc nào mà không lo ngại về vấn đề xung đột. Các bạn chỉ cần cài vào, kích hoạt là xong.

Khi kích hoạt mặc định nó sẽ chọn cơ chế Prerender và để xem website hoạt động chưa, thì trong nội dung HTML sẽ có đoạn như sau:

<script type="speculationrules">
{ "prerender": [{ "source": "document", "where": { "and": [{ "href_matches": "\/*" }, { "not": { "href_matches": ["\/wp-login.php", "\/wp-admin\/*", "\/*\\?*(^|&)_wpnonce=*", "\/wp-content\/uploads\/*", "\/wp-content\/*", "\/wp-content\/plugins\/*", "\/wp-content\/themes\/init-html-theme\/*"] } }, { "not": { "selector_matches": "a[rel~=\"nofollow\"]" } }, { "not": { "selector_matches": ".no-prerender" } }] }, "eagerness": "moderate" }] }
</script>

Cơ chế hoạt động

Speculation Rules API sẽ hoạt động ở 2 kiểu bao gồm:

• Prefetch: Tải trước nội dung của trang được rê chuột, nhưng không bao gồm các tài nguyên khác trên trang như các mã JavaScript,… Việc này sẽ giúp speculation hoạt động nhanh hơn, nhưng người dùng sẽ tốn nhiều thời gian hơn khi truy cập vào trang đích do cần phải tải các tài nguyên bên trong.
• Prerender: Tải trước toàn bộ nội dung của trang được rê chuột ở một tab ẩn của trình duyệt, nó cũng sẽ tải hết các tài nguyên bên trong trang và thực thi toàn bộ mã JavaScript (nếu có) như khi ta truy cập vào một trang hoàn chỉnh. Điều này sẽ có ích cho các website sử dụng JavaScript nhiều để xử lý ở trình duyệt, tuy nhiên sẽ tốn nhiều bộ nhớ và băng thông của người dùng hơn.

Như vậy có thể hiểu rằng, chọn Prerender thì speculation hoạt động nhanh hơn, người dùng gần như truy tải trang ngay lập tức khi nó đã hoạt động xong, nhưng sẽ cần nhiều tài nguyên và băng thông hơn. Vì vậy chế độ Prerender được khuyên dùng hơn ở các website WordPress thông thường, nhưng nếu website có nhiều nội dung cần người dùng thao tác với JavaScript thì nên chọn chế độ Prefetch.

Chúc các bạn thành công!