wordpress litespeed cache 排除不執行lazy load 指定images

litespeed server針對wordpress速度大大提升

但是如果用戶在網絡連線不順時,會顯示個灰色的正方框 loading 圖片,因為wordpress Litespeed 插件預設了全站網站都用lazy load,但在某些位置以lazy load方式顯示不太友好(比如logo/top icon 等等),所以官方有內設了排除 lazy load 功能(即excludes)

後台左邊菜單 > LiteSpeed Cache > Page Optimization

選擇「Media Excludes」分頁,當中有很多排除方式,但最常用的是這2個

Lazy Load Image Class Name Excludes

指定的 <img class='top_logo' / >

你可輸入top_logo

Lazy Load Image Parent Class Name Excludes

指定的img 上級class

<div class="main_logo"> 
    <img src='logo.png'/> 
    <img src='logo_text.png'/> 
</div>

你可輸入main_logo, 2張圖片都被排除不做 lazy load

https://www.litespeedtech.com/support/wiki/doku.php/litespeed_wiki:cache:lscwp:lazyload-debug

https://docs.litespeedtech.com/lscache/lscwp/pageopt/#lazy_load_image_excludes