
內容簡介
透過減少圖像的 payload 並將它們的加載處理延遲,Picafto 可立即且自動地有效地提升您的網站速度。
功能
Picafto 可透過在其他內容加載後再載入圖像來加快您的網站速度。對於使用者而言,不會有明顯的差異,但對於搜尋引擎(例如 Google、Bing、Yahoo 等)而言,則有所改善。
總結而言,Picafto 可提供您以下功能:
-針對純素 WordPress 編輯器進行自動圖像加載優化。(每當您在頁面/文章上傳圖像時,Picafto 將自動處理並在合適時刻優化加載,以提高頁面速度表現)
-同上,針對 ACF 欄位進行自動圖像加載優化。(ACF 是 WordPress 主題開發人員構建網站時使用的主要工具,這意味著若您的網站是由開發人員建立,則此功能適用於您)
-此外,您也可以使用下面的語法來新增 Picafto 延遲加載圖像。
為何要使用
網頁速度是主要排名因素之一。換言之,如果您的網站速度緩慢,則排名將無法如同輕快網頁一樣高。
如果有人告訴您,有一個免費且可以使您的網站快上兩倍(若有使用圖像,這是該外掛的主要前提),只需點擊一下即可,您會使用嗎?
開發人員友善且相容於 ACF
Picafto 可在純素編輯器和 ACF WYSIWYG 編輯器中為您進行所有懶加載圖像的基礎工作;但是,若您希望某些圖像採用 Picafto 的方式懶加載,那麼數秒內即可實現!只需將圖像中的 src 更換為 data-picafto-load, Picafto 就會處理其餘部份:
修改前:
<img src="https//google.com/image.png" alt="image" />
修改後:
<img data-picafto-load="https//google.com/image.png" alt="image" />
若需要停用懶加載功能,只需在圖像中加入 data-picafto-off 即可:
外掛標籤
開發者團隊
② 後台搜尋「Picafto – One-click Lazy load images (ACF compatible)」→ 直接安裝(推薦)
原文外掛簡介
Instantly, automatically and painlessly make your website faster by reducing image payload and lazy loading them.
What
Picafto makes your website faster by loading images after the rest of the content has been loaded. For the user it won’t make a noticeable difference but for Search engines (Google, bing, yahoo etc.), it will.
In resume Picafto offers you:
-Automatic image load optimisation for vanilla WordPress editor. (whenever you upload an image in your page/post picafto will take care of it and automatically enqueue the loading when is appropiate to improve your page speed performance)
-Same as above but for ACF fields (ACF being the main tool used by WordPress theme developers when it comes to building your website, meaning that if you had a website built by a dev this applies to you)
-In addition you can add your own Picafto lazy loaded images with the sintax down below.
Why
One of the main ranking factors, is page speed. Meaning: if your website is slow you won’t rank as you would if it was lightin fast.
If they told you that there’s a something that makes your website twice as fast (if images are being used, that’s the main premise of the plugin) for free, in one click, instantly…would you use it?
Developer Friendly & ACF compatibile
Picafto does all the groundwork for you when it comes to lazy loading your images in both the vanilla editor and the ACF WYSIWYG editor but say you want some images to be lazy loaded the Picafto way? Well said? Done! Just swap the src with data-picafto-load in your images and Picafto is going to take care of the rest:
Before:

After:
If needed you can opt-out of the lazy loading by simply placing data-picafto-off as follows:
