標籤:HTML

網頁圖片延遲載入方法 (Lazy loading) - 封面圖

網頁圖片延遲載入方法 (Lazy loading)

網頁載入時耗費最多流量的資源,大概就是圖片了。為了節省流量的浪費,除了將圖片在可接受畫質的狀況下,盡可能的將檔案大小縮小之外,另一個實用技巧就是圖片延遲載入 (Lazy loading)。我認為延遲載入最明顯的好處有節省流量、降低使用者因等待而跳出及提升 SEO 成效。
HTML 5 常用元素 - 封面圖

HTML 5 常用元素

HTML 5 自發表以來受到很大的歡迎,各家瀏覽器也積極朝 HTML 5 的規範前進,儘管如此,舊版本的瀏覽器還是充斥在市面上,因此開發上還是得照顧到舊版本瀏覽器的支援,幸好 HTML 5 是發展性的產品,並非革命性產本,很多新增的元素都相容於舊版瀏覽器,但有些 HTML 5 封裝的功能,在舊版瀏覽器就不見得有效了。HTML 5 有很大一部分功能都與 Javascript API 有關,其中包含本機儲存、通訊 API、檔案處理 API......等等,內容涵蓋甚廣,值得大家買本書好好研讀一下,本文只針對常用元素做整理。