[WordPress] 外掛分享: Minimum Configuration WordPress PWA

前言介紹

  • 這款 WordPress 外掛「Minimum Configuration WordPress PWA」是 2017-12-23 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2019-03-11,距離現在已有 2246 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 4.6 以上版本才可以安裝。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

tyohan | ivankristianto |

外掛標籤

pwa | Workbox | performance | Lazy Loading | minimum config |

內容簡介

這個外掛的目標是透過漸進式網路應用程式,提升你的 WordPress 網站體驗。目前,它會快取你的靜態資源,如腳本、樣式表、圖像和字型。特別是在第一次載入和擁有許多圖像的網站上,它會提升你的網站載入效能。主要的目標是確保你的網站不會因載入時間過長而失去用戶。此外,它也整合了AMP 頁面,可以讓你的網站在 AMP 頁面上快速啟動,並在原始網站上保持快速。

與 AMP 外掛完美整合

AMP 頁面的載入速度非常快。但如果用戶打開的是非 AMP 頁面,如何讓用戶保持快速的體驗?如果你的網站在 AMP 頁面上打開,這個外掛會自動快取靜態資源,如 JavaScript 和 CSS,在你訪問非 AMP 頁面時就已經準備好了。然後,當用戶點擊標誌或進入你的主要網站時,這些靜態資源將準備好不再向服務器發出請求。目前只與Automattic AMP For WordPress外掛兼容。

與所有效能外掛兼容

將所有靜態資源添加到預快取設置中,如標誌、CSS 文件、JavaScript 文件和字型,以生成外掛程序的快取清單,確保服務工作人員在載入時進行快取。

讓所有頁面都保持快速載入

當用戶第一次訪問你的網站時,它會快取所有靜態資源,如 JavaScript、CSS、字型和圖像,以便為網站中的所有頁面提供所需資源。隨後,當用戶進入其他頁面時,這些靜態資源將直接從瀏覽器快取中提供,加快載入速度。

建立自定義離線頁面

你可以設定用戶在離線狀態下訪問你的網站時顯示的頁面,而不是顯示預設的瀏覽器離線頁面。你可以為用戶提供更好的體驗或提供關於狀況的相關資訊,並請求他們稍後再回來。

僅載入顯示在螢幕上的圖像

圖像在網站上看起來很棒,但如果在一個頁面上有太多圖像,將會影響效能。在移動設備上,即使這些圖像在屏幕上未顯示,它們仍會載入,並使頁面載入變慢。這個外掛將檢測未顯示在螢幕上的圖像,並不會在第一次打開頁面時進行載入。隨後,當你滾動頁面,外掛會檢測是否靠近螢幕,並在它顯示在螢幕上時載入圖像以準備顯示。

特別鳴謝

我參考了一些外掛來開發此外掛。請查看他們驚人的作品:
* BJ Lazy Load
* Jetpack
* Accelerated Mobile Pages - AMP
* Workbox

原文外掛簡介

This plugin’s goal is to improve your WordPress website experiences with Progressive Web App enhancement. Right now it will cache your static assets like scripts, stylesheets, images, and fonts. It’s also boost your website loading performance especially on first time loading, and website with a lot of images. The main goal is to make sure your website not losing the user by make sure the website loading quickly. It’s integrated with AMP page and make your website start FAST with AMP but stay FAST after on your original website.
Well Integrated with AMP Plugin
AMP page is very fast to load. But how to keep the fast experience on your website when user open non AMP pages. If your website open in AMP Page, this plugin will automatically prepare to boost performance of your non AMP pages by caching the static assets like JavaScripts and CSS, so it’s will ready once you access your non AMP pages. Then when user click the logo or go to your main website without AMP, those static assets will ready to serve without request to server anymore. Currently only work with Automattic AMP For WordPress plugin only.
Work Well With All Performance Plugin
Add all static assets on precache settings like logo, CSS files, JavaScripts files, and fonts to precache list that your plugin generated to make sure it caches by service worker on loaded.
Keep The Website Fast In All Pages
On first time user open your website, it will cache all the static assets like JavaScripts, CSS, fonts, and images that needed by all pages in your website. Then later when user navigate to other pages, this static assets will serve directly from browser caches and boost the page loading.
Create Custom Offline Page
You can set what page that you want to show when user access your web but they can’t access it due on offline condition. The page will shows up instead default browser offline page. You can give better experience or information to your users about what happen and ask them to comeback later.
Only Load Images That Shows On Screen
Images are nice to see on your website but will hurt performance if you have too many images in one page. On mobile, even these images not shows up on screen, its load and will slowing down the page loading performance. This plugin will detect the images that not shows up on screen and will not load it on first time you open the page. Later when you scroll the page, the plugin will detect if it’s getting close to screen and load the image and ready to show once it appear on screen.
Credits
I use some plugins as my references to develop this plugin. Please check their amazing works
* BJ Lazy Load
* Jetpack
* Accelerated Mobile Pages – AMP
* Workbox

各版本下載點

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

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


0.1 | 0.1.1 | 0.1.7 | 0.1.8 | 0.1.9 | v0.2.1 | v0.2.2 | v0.2.3 |

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

暫無相關外掛推薦。

文章
Filter
Apply Filters
Mastodon