getzola/zola

Feature request : Add support for lazy loading images

Open

#2,055 建立於 2022年12月15日

在 GitHub 查看
 (2 留言) (3 反應) (0 負責人)Rust (15,349 star) (1,046 fork)batch import
enhancementhelp wanted

描述

To make our pages load faster and minimize the use of bandwidth/memory when a user does not scroll a whole page ; we can use the following attribute to make the image load only when needed (lazy loading):

<img src="image.jpg" loading="lazy" />

references :

貢獻者指南

技術棧
rusthtml
領域
frontendperformance
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
active
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
Familiarity with Zola's shortcode systemBasic HTML knowledge
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
90
研究方向
Examine Zola's shortcode system, particularly the `img` shortcode in the templates directory. The implementation likely requires modifying the HTML output to include the `loading="lazy"` attribute. Check if there are any existing discussions or PRs mentioned in the issue comments. Also consider adding support for `loading` attribute in markdown image rendering. Test with various browsers as per caniuse link.