准确的电话号码和 WhatsApp 号码提供商。 如果您想要电子邮件营销活动列表或短信营销活动,那么您可以联系我们的团队。电报: @xhie1

推測性加載如何提高 WordPress 網站的頁面速度

如今,網頁充滿了旨在增強使用者體驗的圖像、影片和互動元素。但是,這些元素可能會減慢頁面的載入時間。

隨著技術的進步,有一個目標始終不變:效能。每個人都希望他們的網頁能夠以閃電般的速度載入。

使網頁載入速度更快的一種方法是在使用者導航到網頁之前預先渲染或預取網頁。

目錄
預渲染簡史
推測規則 API 簡介
推測性加載 WordPress 插件
調試 WordPress 網站的推測規則
推測規則 API 對分析的影響
預渲染簡史
2011 年,Chromium 團隊 透過標籤向 Chrome 瀏覽器引入了早期的預渲染形式<link rel=”prerender” … >。

這使得開發人員可以向瀏覽器 提示 使用者接下來可能會造訪哪個頁面。然後,瀏覽器會在後台默默地取得並呈現  廣告資料  這些頁面,從而大大 減少使用者導航到這些頁面時的載入時間。

儘管有其好處,但這種早期的預渲染實作使用了大量的頻寬和 CPU 資源,如果使用者不訪問預渲染頁面,可能會導致隱私問題。此外,您必須手動選擇要預先渲染的鏈接,這並不總是有效或可行。

 

為了解決其中一些問題,Chrome 放棄了使用連結rel=prerender提示的預渲染,轉而使用NoState Prefetch 方法,該方 阿富汗電話號碼列表 法涉及在不執行 JavaScript 或其他潛在侵犯隱私的操作的情況下獲取頁面資源。

NoState Prefetch 方法改進了資源加載,但無法像完整預渲染那樣提供即時頁面加載。

Free Cheat Sheet
Speed Up Your WordPress Site in 5 Easy Steps
A slow site could be costing you clients. Download our cheat sheet for step-by-step instructions to enhance your page speed.

Download for free

推測規則 API 簡介
推測規則 API是 一個新的實驗性 JSON 定義的 API,它在導航到 URL 之前推測性地預先載入 URL,從而縮短渲染時間並改善使用者體驗。

該 API 使開發人員能夠使用 JSON 格式定義的結構來配置規則,script type=”speculationrules”瀏覽器可以使用該結構來決定應預先渲染哪些 URL。

<script type=”speculationrules”>

Leave a comment

Your email address will not be published. Required fields are marked *