
內容簡介
完美的惰性加載:自動加載符合要求的圖片大小
不僅僅對 WordPress 輸出進行惰性加載。還允許您定義模板中哪些圖像尺寸可供 JavaScript 使用,以插入最適合所需寬度的圖像。
可在後台進行調整
在後台定義默認使用哪些圖像尺寸
為每個自定義文章類型定義不同的圖像尺寸
允許設置+/-百分比,以更早地切換到更大或更小的圖像,適用於使用瀏覽器縮放效果
為 WPBbakery 頁面生成器插件提供特殊設置區域
前端自動替換
應該與使用本機 WordPress 函数的每個模板一起工作
創建小型的 1×1 像素縮略圖,在惰性加載圖像之前使用作為占位符
通過在內容元素中計算所需的寬度,載入最佳大小的下一個圖像,以實現最佳带宽使用率
從 WordPress 內部
進入「插件 > 新增」
搜索「完美的惰性加載」
從您的插件頁面啟用 Perfect Lazy Loading。
請查看下文的「啟用後」。
手動
將 perfect-lazy-loading 文件夾上傳至 /wp-content/plugins/ 目錄中
通過 WordPress 中的「插件」選單啟用 Perfect Lazy Loading 插件
請查看下文的「啟用後」。
啟用後
您應該會在左下角找到 Perfect Lazy Loading 選單項目。
按照配置過程設定該插件以適應您的網站。
完成!
外掛標籤
開發者團隊
原文外掛簡介
Perfect Lazy Loading: Automatically loads the matching imagesize
Does not only lazy loading on your WordPress-Output. It also allows you to define which image-sizes from your template are useable by the javascript to insert that image that fits best to the needed width.
Adjustable in backend
Define in backend which image-sizes should be used by default
Define differend images-sizes for each custom-post-type
Allows to set +/- percent to switch earlier to bigger or smaller images for the depending width for using browser scaling effects
Has special settings area for WPBbakery page builder plugin
Automatic replacement in frontend
Should work with every template which is using the native WordPress functions
Creates small 1×1 pixel thumbnails to use as placeholder before lazyloading the images
By calculationg the needed width within the content-element it loads the next best fitting image in size for optimal bandwidth useage
From within WordPress
Visit ‘Plugins > Add New’
Search for ‘Perfect Lazy Loading’
Activate Perfect Lazy Loading from your Plugins page.
Go to “after activation” below.
Manually
Upload the perfect-lazy-loading folder to the /wp-content/plugins/ directory
Activate the Perfect Lazy Loading plugin through the ‘Plugins’ menu in WordPress
Go to “after activation” below.
After activation
You should find the Perfect Lazy Loading Menu-item on the bottom left.
Go through the configuration and set up the plugin for your site.
You’re done!
