[WordPress] 外掛分享: Prefetch visible links

前言介紹

  • 這款 WordPress 外掛「Prefetch visible links」是 2018-11-29 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2018-11-30,距離現在已有 2345 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 4.6 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.3.0 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

cawa-93 |

外掛標籤

prefetch | performance |

內容簡介

在頁面載入後,這個外掛會開始追蹤使用者的螢幕。一旦出現在你的網站內的連結,瀏覽器便會執行請求並下載它。當使用者點擊連結時,瀏覽器會立即顯示新快取頁面。這樣,使用者體驗便會顯示你的網站瞬間加載。

工作原理

這個外掛使用內建的瀏覽器功能,預測使用者的行為以預先加載圖片。詳細請參考這裡。

API

這個外掛還註冊了一個全域功能,您可以使用它預加載任何URL:

window.prefetch('https://example.com/custom/page')

原文外掛簡介

After loading the page, the plugin starts to follow the user’s screen. And as soon as a link appears on the screen within your site – the browser executes the request and downloads it. Now that the user clicks on the link, the browser will instantly display a new cache page. Thus, User Experience will indicate that your site is loading instantly.
How it work
The plugin uses the built-in browser features to predict user behavior for preloading the tourniquet. See this
API
The plugin also registers a global feature that you can use to preload any URL:
window.prefetch('https://example.com/custom/page')

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Prefetch visible links」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | trunk |

延伸相關外掛(你可能也想知道)

  • Speculative Loading 》- 這個 WordPress 外掛支援 Speculation Rules API,該 API 可以根據使用者互動,定義規則來動態預取或預渲染特定的 URL。, - 請參閱 Speculation Rules WICG...。
  • Flying Pages: Preload Pages for Faster Navigation & Improved User Experience 》Flying Pages 是一款 WordPress 外掛,可以在使用者點擊頁面前預先加載頁面,讓頁面瞬間載入。, , 它的運作方式是透過注入一小段(1KB gzipped)JavaScript ...。
  • Pre* Party Resource Hints 》這個外掛允許使用者自動且容易地插入資源提示來改善頁面載入時間。, 支援 DNS 預取、預渲染、預連線、預取和預載入等功能。, 安裝完成後,下次訪問網站時將會...。
  • Quicklink for WordPress 》Quicklink for WordPress 可嘗試加快導航到下一個頁面的加載速度。該插件嵌入了一個 JavaScript 库,用於檢測視口中的連結,等待瀏覽器閒置並預取這些連結的 ...。
  • Preload Featured Images 》此外掛可自動預載文章中的精選圖片以大幅提升頁面速度分數。, 對於使用主題自動在單篇文章頁面頂端顯示精選圖片的網站來說,此外掛是「必備品」。, 為何需要...。
  • Preload Images 》透過預載圖片的方式,為您提供更快速的網頁載入體驗。Preload Images 外掛支援無限制的圖片網址,特別適用於相片庫和圖片較重的網站,讓您能夠以最無縫的方式...。
  • HTTP/2 Server Push 》HTTP/2 是驅動網頁的傳統 HTTP 協定的新一代。其最強大的功能之一是伺服器推送,一種讓網頁伺服器在瀏覽器需要資源之前就將它們發送到瀏覽器的方式。這避免了...。
  • Simple DNS Prefetch 》DNS 解析時間可能會導致使用者感知到的延遲時間增加。DNS 解析所需時間的長短是高度變異的,延遲的時間從約 1 毫秒(本地緩存的結果)到報告的常見時間為幾秒...。
  • Oxyplug Prefetch & Prerender 》, 在文章/產品類別頁面上,使用者點擊前會先預載前 X 項。X 的預設值為 4 項,您可以透過外掛設定進行調整。, 如果使用者將滑鼠游標停留在某個連結上 X ...。
  • Better Resource Hints 》Better Resource Hints 可以讓你的 WordPress 網站或應用程式更快速,並透過 intelligently leveraging 資源提示(例如 prefetch、preload、preconnect 和 se...。
  • WP Instant Links 》此外掛程式無須設定即可馬上使用。啟用後,此外掛程式會在使用者點擊前預先提取下一個網頁,因此用戶可以體驗到即時的頁面載入。, 提供更好的使用者體驗,尤...。
  • WordPress Instant Articles 》使用 Instant Articles for WordPress,您可以配置 DNS 預取 URL,並在前頁預測最後兩篇文章,以及查看單篇文章時的下一篇和上一篇文章。您還可以選擇預測置...。
  • Image Preloading 》這個外掛可以預載入圖片,讓網頁載入速度更快。圖片預載入可以支援無限量的圖片 URL,適用於相片庫或其他需要加載大量圖片的網站,使得圖片載入的過程盡可能...。
  • DNS Prefetch 》這個外掛實現了 DNS 預取技術,遵循 Mozilla 對 Firefox 瀏覽器的規範。希望其他瀏覽器最終也能支持 DNS 預取。, 詳細內容請參閱 https://developer.mozilla....。
  • Preload Featured Image 》外掛簡介總結:這個外掛對於使用自動顯示精選圖像於單篇文章頁面頂部的主題的網站來說是一個「必備」的工具。, , 問題與答案:, , 問:這個外掛有什麼特點?,...。

文章
Filter
Apply Filters
Mastodon