網站優化相關的文章,目前共收錄 8 篇內容。
Squoosh 是 Google 推出的免費線上圖片壓縮工具,支援 JPEG、PNG、WebP、AVIF 等格式,提供即時預覽、離線使用與進階壓縮設定。適合開發者與設計師優化圖片,提升網站效能,同時確保畫質與隱私。
JPEG.io 是一款免費且無廣告的圖片壓縮與格式轉換工具,支援 PNG、GIF、WebP 等多種格式轉為高品質 JPEG。透過先進壓縮技術,可減少檔案大小、提升網站載入速度,並支援雲端上傳與多檔案處理,操作簡單且無需註冊,是設計師、開發者及一般用戶的理想選擇。
Microsoft Clarity 是微軟提供的免費 Heatmap 線上工具,只要安裝後就可以自動幫你偵測使用者在使用網站的 Heatmap 以及點擊各個元件的比例。
google 有提到如果希望自己的網頁能排在比較前面的位置,使用者體驗是一件很重要的事情,而 SpeedVitals 就是一個可以幫你檢測網站開啟速度的服務,只要輸入網址給他檢測,經過一段時間的處理後,就能看到分數以及一些優化上的建議了。
lazyload 是現在在做網站時常用的利用捲動到圖片位置時才讀取圖片的方法,如果想要在 php 從資料庫讀取內文時將圖片都轉成 lazyload 的話,只要替換原本的 img 標籤的 src 屬性轉成 lazyload 的格式就可以了。
PageSpeed Insights 是 google 提供的檢測網站開啟速度的工具,安裝好此 Chrome 擴充功能,只要一鍵就能檢視該網頁的開啟速度。
網站上線後都會需要檢查網站的速度或是 SEO... 等,Checkbot 這個 Chrome 擴充功能就是可以讓你輸入網址後,幫你檢查該網站的 SEO、速度及安全性,之後可以根據報表來調整網站的內容。