该插件尚未通过WordPress的最新3个主要版本进行测试。 当与较新版本的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 月 25 日 1 回复
Hello, @melmacaluso Amazing Work, Sir and Great plugin to improve website speed. Can you develop lazy load for iframe or background-image for custom style. thanks
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.