這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

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:
<img src="https//google.com/image.png" alt="image" />

After:
<img data-picafto-load="https//google.com/image.png" alt="image" />

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

螢幕截圖

  • Instant performance increase tested with Google's pagespeed insights.
  • Instant performance increase tested with GTMetrix.
  • Instant performance increase tested with Pingdom.

安裝

  1. Upload the plugin files to the /wp-content/plugins/picafto directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress

常見問題

How faster is my website going to be?

It depends on how image-heavy that specific page is. As you can see from the screenshots the increase is substantial when the page is image-heavy on either size-wise or number-wise, as in big images or many images (or incrementally if both).

What about search engines not being able to see the image before the page is loaded?

Guess what? They don’t “see” it and what really makes the difference is the alt attribute which will stay the same and untouched. Not to mention that if that claim was remotely true, the page speed increase outweights by far the former thesis.

評價

2019年6月17日
I tried it on my small blog, crosschecked the results in speed insights (from google) and it seems to do the job as decribed. Thanks.
閱讀全部4個評價

貢獻者及開發者

“Picafto – One-click Lazy load images (ACF compatible)” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

修改日誌

1.0

  • Initial Release.

1.1

  • Switched behaviour to “scroll” to fetch lazy loaded images instead of on ‘load’ event as google is not consistent in reports.
  • Widened the regex to catch also unclosed <img> tags.
  • Added data-picafto-off as an option to optout to lazy loading.