2020 Lazy Load 延遲載入圖片原理及實作分析研究

前陣子接到一個需求,客戶網站做完「PageSpeed Insights」檢測後分數很低,於是尋求協助。對客戶網站進行健檢後提供一份報告與建議,客戶詢問「延遲載入畫面外圖片」的部分如何改善。 這個項目「PageSpeed Insights」本身提供了不少參考資料,不過研究後才發...

繼續閱讀全文

前端使用 JS 裁切圖片並壓縮再存到後端﹍Croppie 實作範例

最近接到一個需求,希望使用者上傳圖片時,可先在前端進行裁切,以免存到後端的圖片尺寸比例不對,也可避免檔案過大。 之前寫過一篇「 前端如何使用 JS 先壓縮圖片尺寸大小再進行上傳 」,其實也能處理前述大部分需求,但稍有不足之處: 只能對上傳的圖片等比例縮小 不能防止 使用...

繼續閱讀全文

自然輸入法購買使用心得及許氏鍵盤替代方案

最近買了新的 Win10 筆電,將原本 Win10 筆電的自然輸入法解安裝後,在新筆電重新安裝(我買的是單機版、非多機版)。沒想到使用原版光碟、序號安裝後,卻變成只有試用版的功效,設定畫面許多選項都是反白、無法變更的狀態,我最需要的「許氏鍵盤」被封鎖了。 習慣許氏鍵盤後,一般...

繼續閱讀全文
TOP