[WordPress] 外掛分享: Crazy Lazy

WordPress 外掛 Crazy Lazy 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Crazy Lazy」是 2013-08-28 上架。
  • 目前有 700 個安裝啟用數。
  • 上一次更新是 2021-01-28,距離現在已有 1555 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 3.6 以上版本才可以安裝。
  • 有 14 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

pluginkollektiv |

外掛標籤

lazy | load | images | loading | performance |

內容簡介

警告:Crazy Lazy 已經到達生命週期的終點。WordPress 5.5+ 支援使用本地 HTML loading 屬性的核心延遲加載圖像,請使用替代外掛 Lazy Loader。

Crazy Lazy 通過高效地顯示圖像,幫助提高您的博客或網站的性能。當一個頁面通常顯示一些圖像時,Crazy Lazy 將阻止那些圖像加載,只有當用戶滾動到頁面並到達實際應該顯示圖像的位置時,該特定圖像才會從服務器加載。

通過僅在需要時加載圖像,Crazy Lazy 可以減少頁面加載時間和(可能昂貴的)流量。

這個延遲加載外掛程序非常精簡,不需要任何設置:啟用即可使用。根據主題或 jQuery 使用 Crazy Lazy 可以選擇使用修改版的 jQuery 外掛 Unveil.js 或本地 JavaScript 库 lazyload.js。

風格

圖像的占位符可以進行樣式設置,例如:

img[src*='data:image/gif;base64'] {
border: 1px dashed #dbdbdb;
}

img.crazy_lazy {
background: url(/wp-includes/images/wpspin-2x.gif) no-repeat center center;
background-size: 16px 16px;
}

排除圖像

可以通過向不應由插件延遲加載的圖像添加數據屬性 data-crazy-lazy="exclude" 或 data-skip-lazy 來排除某些圖像。
另外,您可以添加 CSS 類 crazy_lazy 或 skip-lazy。這些 CSS 類也可以添加到圖像塊。

支援

通過 WordPress.org 上的 支援論壇 獲得社群支援
我們不處理電子郵件、Twitter、GitHub 問題等支援。

貢獻

此外掛模組的積極開發在 GitHub 上進行。
非常感謝記錄的錯誤提交請求。
如果您認為您發現了錯誤(例如,您遇到了意外的行為),請先在支援論壇 上發帖。
如果您想幫助我們翻譯此外掛程序,請在 WordPress 翻譯上進行翻譯。

創作者

作者:Sergej Müller
維護者:pluginkollektiv

原文外掛簡介

Warning: Crazy Lazy has reached end of life. WordPress 5.5+ supports lazy-loading of images in Core based on the native HTML loading attribute. If you look for an alternative plugin, we recommend to use Lazy Loader instead.
Crazy Lazy helps increasing the performance of your blog or website by displaying images efficiently. When a page would usually display some images, Crazy Lazy will prevent those images to load. Only when a user scrolls down the page and reaches the position where an image actually should be displayed, that particular image will be loaded from the server.
By loading images only when needed, Crazy Lazy will reducing page loading times and (potentially costly) traffic.
This Lazy Load plugin is structured very lean and does not require any settings: activate, done. Depending on the theme or the usage of jQuery Crazy Lazy optionally will utilze a modified version of the jQuery plugin Unveil.js, or the native JavaScript library lazyload.js.
Styling
Placeholders for images can be styled, i.e. like this:
img[src*='data:image/gif;base64'] {
border: 1px dashed #dbdbdb;
}

img.crazy_lazy {
background: url(/wp-includes/images/wpspin-2x.gif) no-repeat center center;
background-size: 16px 16px;
}

Excluding images
It’s possible to exclude some images from the lazy loading. This can be achieved by adding a data attribute data-crazy-lazy="exclude" or data-skip-lazy to the images that should not lazy loaded by the plugin.
Alternatively you can add a CSS class crazy_lazy or skip-lazy. These CSS classes can also be added to the image block.
Support

Community support via the support forums on wordpress.org
We don’t handle support via e-mail, Twitter, GitHub issues etc.

Contribute

Active development of this plugin is handled on GitHub.
Pull requests for documented bugs are highly appreciated.
If you think you’ve found a bug (e.g. you’re experiencing unexpected behavior), please post at the support forums first.
If you want to help us translate this plugin you can do so on WordPress Translate.

Credits

Author: Sergej Müller
Maintainers: pluginkollektiv

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Crazy Lazy」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


0.0.8 | 0.0.9 | 1.0.0 | 1.0.2 | 1.0.4 | 1.0.5 | 1.1.0 | 1.2.0 | trunk | 0.0.9.2 |

延伸相關外掛(你可能也想知道)

  • Preloader 》 頁面預載器 (Preloader), 輕鬆為您的網站添加預載器,與所有主要瀏覽器兼容。, 主要特點, , 高清規格支援 (根據圖片大小而定)。, 自定義背景顏色。, 10 種選...。
  • Disable Lazy Load 》, 這個外掛只有一個功能:關閉 WP 懶加載的功能。, , 啟用此外掛以關閉新的 WP 懶加載功能(添加在 WP 版本 5.5 中)。隨時可以停用此外掛以重新啟用懶加載功...。
  • Native Lazyload 》此外掛使用內建的瀏覽器功能來進行延遲加載媒體。如需了解更多關於新 loading 屬性的資訊,請參閱此處,或檢視 WordPress 核心票證中討論將類似的實作加入 Wo...。
  • Preloader Matrix 》這個外掛允許您新增自己的圖片、gif 或預先載入的 SVG 與文字動畫,並設定顯示這個載入動畫的位置。, 在 Github 上檢查外掛程式的開發。, , 功能特色, , 選擇...。
  • WP Page Loading 》WP Page Loading 外掛可以幫助您在網站加載前加上動畫,在頁面加載之前容易地添加動畫。您可以自定義動畫和背景顏色。, 10+ 佈局 - 簡單、輕量又好用!輕鬆為...。
  • Ajax loader + Cache 》- 一種名為Ajax Loader的WordPress插件可在現代和先進的外觀中以Ajax格式加載您網站的所有URL(鏈接)請求- 該插件具有專用的設置頁面,提供您高級設置,並具...。
  • Ipp Simple Loading 》總結:這個 WordPress 外掛可以幫助使用者在網站裡添加載入畫面,並提供多種動畫效果、大小、顏色的選擇,還可以自訂背景色、加入公司標誌、設定文字和退出按...。
  • Custom Preloader 》WP Preloader, 輕鬆為您的網站添加載入動畫,與所有主要瀏覽器兼容。, 設定, , 您可以在 WordPress 管理畫面中的「外掛」選單中找到 WP Preloader。, 進入 WP...。
  • Prerender and Prefetch 》Prerender 和 Prefetch 是什麼?好問題。這是一種新型的瀏覽器技術(好吧,我是在撒謊, Mozilla 自 2003 年就開始使用了!),它會在背景中載入您認為訪客接...。
  • WP Server 》這個外掛能在管理面板頂部顯示您的 Linux 伺服器的平均負載和正常運行時間。它包含三個數值,第一個是過去 15 分鐘的平均負載,第二個是過去 5 分鐘的平均負...。
  • Transiz Routes – Transport and Freight 》你是一家貨運/運輸公司或物流組織嗎?你需要為網上用戶提供最新的報價嗎?, Transiz Routes 是一個 WordPress 外掛,可以顯示一家公司在貨運交易網站 http://...。
  • Full Page Load 》在網站載入完成前,不要讓訪客看到未完成的內容。在實際載入完成前,顯示美觀的旋轉圖示。, 感謝斯洛伐克 WordPress 社群和webikon.sk的支持。您可以在Techfo...。
  • Faster with Stats 》該WordPress外掛的英文描述如下:, , 在Appthemes的Classipress、Clipper和Jobroller安裝中有一個表格,隨著時間的推移會變得非常龐大。這個表格為每個廣告存...。
  • AjaxPress | Transform Your Website into Single Page Application in Seconds 》AjaxPress 是一個簡單的工具,可以將您的網站轉換為單頁應用程序,並且不需要加載功能。, 功能, , Ajax 加載 – 在不加載瀏覽器的情況下載入整個網站內容, Aja...。
  • Rapidly load YouTube (YouTube高速ローダー) 》只需安裝此外掛,即可加速在文章中載入 YouTube 影片。, 透過將嵌入的 YouTube 影片轉換為縮圖影像,您可以縮短載入時間。, 外掛有設定可以有條件地停用:, *...。

文章
Filter
Apply Filters
Mastodon