Title: Picafto – One-click Lazy load images (ACF compatible) Author: melmacaluso Published: 2019 年 6 月 16 日 Last modified: 2019 年 6 月 20 日 --- 搜索插件 ![](https://ps.w.org/picafto/assets/banner-772x250.png?rev=2107075) **该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起 使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://ps.w.org/picafto/assets/icon-256x256.png?rev=2107075) # Picafto – One-click Lazy load images (ACF compatible) 作者：[melmacaluso](https://profiles.wordpress.org/melmacaluso/) [下载](https://downloads.wordpress.org/plugin/picafto.1.1.zip) * [详情](https://cn.wordpress.org/plugins/picafto/#description) * [评价](https://cn.wordpress.org/plugins/picafto/#reviews) * [安装](https://cn.wordpress.org/plugins/picafto/#installation) * [开发进展](https://cn.wordpress.org/plugins/picafto/#developers) [支持](https://wordpress.org/support/plugin/picafto/) ## 描述 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: `image` After: `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 Google's pagespeed insights.⌉[ Instant performance increase tested with Google’s pagespeed insights. [⌊Instant performance increase tested with GTMetrix.⌉⌊Instant performance increase tested with GTMetrix.⌉[ Instant performance increase tested with GTMetrix. [⌊Instant performance increase tested with Pingdom.⌉⌊Instant performance increase tested with Pingdom.⌉[ 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. ## 评价 ![](https://secure.gravatar.com/avatar/10251a7b992aad7159c5cf54e9f05e29f84803019f8fbc18ef599ed98908e881? s=60&d=retro&r=g) ### 󠀁[Great plugin to improve website speed](https://wordpress.org/support/topic/great-plugin-to-improve-your-user-experience-2/)󠁿 [Amit bhalani](https://profiles.wordpress.org/amit648/) 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 ![](https://secure.gravatar.com/avatar/25eeb84138e3be1eac6eb0e3a3bea1592ed007c095b1880c64a4e70880225215? s=60&d=retro&r=g) ### 󠀁[does it’s job](https://wordpress.org/support/topic/does-its-job-69/)󠁿 [exades](https://profiles.wordpress.org/exades/) 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. ![](https://secure.gravatar.com/avatar/29e4fc11ec4fbba7c3967ed3d5cb7c70df1558a151b7fe232d207f2fab4bf9ff? s=60&d=retro&r=g) ### 󠀁[Review plug](https://wordpress.org/support/topic/review-plug/)󠁿 [ashjadar91](https://profiles.wordpress.org/ashjadar91/) 2019 年 6 月 16 日 Is a good plug. Good Work. ![](https://secure.gravatar.com/avatar/eb1ca8e584fe3cea0c0c4eacc6158351cc8afbedf3e32f748b49fce4bba127f7? s=60&d=retro&r=g) ### 󠀁[increase of at least 30% in terms of page load](https://wordpress.org/support/topic/increase-of-at-least-30-in-terms-of-page-load/)󠁿 [sanchiel](https://profiles.wordpress.org/sanchiel/) 2019 年 6 月 16 日 Beta tested the release on our network and the claim was true (kind of), we achieved a rough increase of at least 30% in terms of page load with a single click installation. [ 阅读所有4条评价 ](https://wordpress.org/support/plugin/picafto/reviews/) ## 贡献者及开发者 「Picafto – One-click Lazy load images (ACF compatible)」是开源软件。 以下人员对 此插件做出了贡献。 贡献者 * [ melmacaluso ](https://profiles.wordpress.org/melmacaluso/) [帮助将「Picafto – One-click Lazy load images (ACF compatible)」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/picafto) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/picafto/)，查看[SVN仓库](https://plugins.svn.wordpress.org/picafto/)， 或通过[RSS](https://plugins.trac.wordpress.org/log/picafto/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/picafto/)。 ## 更新日志 #### 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 `` tags. * Added `data-picafto-off` as an option to optout to lazy loading. ## 额外信息 * 版本 **1.1** * 最后更新：**7 年前** * 活跃安装数量 **10+** * WordPress 版本 ** 3.9 或更高版本 ** * 已测试的最高版本为 **5.2.29** * PHP 版本 ** 5.2.4 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/picafto/) * 标签 * [lazy load](https://cn.wordpress.org/plugins/tags/lazy-load/)[lazy load images](https://cn.wordpress.org/plugins/tags/lazy-load-images/) [Optimize](https://cn.wordpress.org/plugins/tags/optimize/)[Page Speed](https://cn.wordpress.org/plugins/tags/page-speed/) [performance](https://cn.wordpress.org/plugins/tags/performance/) * [高级视图](https://cn.wordpress.org/plugins/picafto/advanced/) ## 评级 5 星（最高 5 星）。 * [ 4 条 5 星评价 ](https://wordpress.org/support/plugin/picafto/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/picafto/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/picafto/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/picafto/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/picafto/reviews/?filter=1) [您的评价](https://wordpress.org/support/plugin/picafto/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/picafto/reviews/) ## 贡献者 * [ melmacaluso ](https://profiles.wordpress.org/melmacaluso/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/picafto/)