上線之前・速度優化・免費
讓網站變快
30 秒懂
網站慢,最常見的原因是圖片太大、一打開就把整頁的東西全部載入,還有放了用不到的程式和字型。手機上等太久,很多人就直接離開了,先把這三件事處理好,通常就能快很多。
直接用
填好欄位,提示詞會自動組好,按「複製提示詞」貼給你的 AI 工具。
組好的提示詞
我的網站是烘焙教室的官網,首頁有很多作品照片,我覺得作品集頁打開特別慢,尤其是用手機的時候。請幫我做這三件事,讓網站變快: 1. 圖片:壓縮太大的圖片,改用 WebP 或 AVIF 等比較小的格式;依實際顯示的大小準備合適的尺寸,手機不要下載電腦版的大圖。每張圖都要寫好寬高,避免載入時版面跳動。 2. 延後載入:要往下捲才看得到的圖片和影片,等快捲到時再載入;第一眼就看得到的主圖不要延後。 3. 拿掉沒用到的東西:沒用到的套件、字型、CSS 和 JavaScript,以及重複載入的外部程式。 動手前先告訴我你打算改哪些地方。外觀和功能都不要變,不確定能不能刪的先問我。完成後列出改了哪些檔案,以及我要怎麼確認真的有變快。
這是預覽版,正式上架前會用主流 AI 工具實際測試。提示詞裡不要放密碼或金鑰;需要金鑰的地方,請 AI 改用環境變數。AI 做出來的結果,請照下面的清單自己確認。
怎麼確認 AI 做對了
- 改之前和改之後各用 PageSpeed Insights 測一次手機版,比較分數和最大內容繪製(LCP)的秒數。
- 關掉 Wi-Fi,用手機的行動網路打開網站,感受一下有沒有比較快。
- 每一頁都點開看,確認圖片沒有變模糊、版面沒有跑掉。
- 每一頁都往下捲到底,確認後面的圖片都有正常出現。
常見陷阱
- 把第一眼就看到的主圖也設成延後載入,反而變慢。
- 圖片壓過頭,變得模糊或出現色塊。
- 刪掉看起來沒用的程式,結果某個按鈕或頁面壞掉。
- 只在電腦上測,沒有用手機測。
同一個主題的其他提示詞
想懂更多
這個主題在從玩具到產品有完整的說明和練習。