跳到主要內容
COM1 創碼學院
選單
← 懶人提示詞

上線之前・速度優化・免費

讓網站變快

30 秒懂

網站慢,最常見的原因是圖片太大、一打開就把整頁的東西全部載入,還有放了用不到的程式和字型。手機上等太久,很多人就直接離開了,先把這三件事處理好,通常就能快很多。

直接用

填好欄位,提示詞會自動組好,按「複製提示詞」貼給你的 AI 工具。

組好的提示詞

我的網站是烘焙教室的官網,首頁有很多作品照片,我覺得作品集頁打開特別慢,尤其是用手機的時候。請幫我做這三件事,讓網站變快: 1. 圖片:壓縮太大的圖片,改用 WebP 或 AVIF 等比較小的格式;依實際顯示的大小準備合適的尺寸,手機不要下載電腦版的大圖。每張圖都要寫好寬高,避免載入時版面跳動。 2. 延後載入:要往下捲才看得到的圖片和影片,等快捲到時再載入;第一眼就看得到的主圖不要延後。 3. 拿掉沒用到的東西:沒用到的套件、字型、CSS 和 JavaScript,以及重複載入的外部程式。 動手前先告訴我你打算改哪些地方。外觀和功能都不要變,不確定能不能刪的先問我。完成後列出改了哪些檔案,以及我要怎麼確認真的有變快。

這是預覽版,正式上架前會用主流 AI 工具實際測試。提示詞裡不要放密碼或金鑰;需要金鑰的地方,請 AI 改用環境變數。AI 做出來的結果,請照下面的清單自己確認。

怎麼確認 AI 做對了

  • 改之前和改之後各用 PageSpeed Insights 測一次手機版,比較分數和最大內容繪製(LCP)的秒數。
  • 關掉 Wi-Fi,用手機的行動網路打開網站,感受一下有沒有比較快。
  • 每一頁都點開看,確認圖片沒有變模糊、版面沒有跑掉。
  • 每一頁都往下捲到底,確認後面的圖片都有正常出現。

常見陷阱

  • 把第一眼就看到的主圖也設成延後載入,反而變慢。
  • 圖片壓過頭,變得模糊或出現色塊。
  • 刪掉看起來沒用的程式,結果某個按鈕或頁面壞掉。
  • 只在電腦上測,沒有用手機測。

同一個主題的其他提示詞

想懂更多

這個主題在從玩具到產品有完整的說明和練習。

加入候補名單

提示詞區開放時,第一個通知你。

加入候補名單