延續上一篇,當純靜態網站的內容越來越多時,載入的時間也會變長。尤其是目前我的每篇貼文都沒有獨立頁面(畢竟內容還很少,而且基本上都是廢文),因此必須考慮加入分頁功能。
關於分頁,如果想保持簡單的設計,可以將每一季的內容分成不同的 Tab,例如用 "2025-Q1" 這種形式。這樣不僅能有效避免頁面膨脹過快,也不需要依賴靜態網頁產生器或後端伺服器來運行。
最後我選擇將圖片的載入方式改為 lazyload ( lazysizes ),只有當用戶快滑到圖片時才會進行載入。這樣雖然能提升效能,不過禁用 JS 的朋友就看不到圖片了,總要有點取捨吧?
(2025-08-14)更新:改用瀏覽器內建的 loading="lazy" 屬性了。主要原因是大多數瀏覽器已經原生支援這項功能,即使瀏覽器不支援或禁用了 JavaScript,也能透過傳統的方式載入。