我們在瀏覽網頁的時候，HTML、CSS、圖片都會佔據不少空間，當檔案越大，傳輸所耗的頻寬與時間就越久，所以我們就需要透過壓縮的方式，提升傳輸效率。

執行以下指令安裝套件

npm install astro-compress

修改 `astro.config.mjs` 檔案

import compress from "astro-compress";

export default defineConfig({
	site: 'https://rojerchen.github.io',
	base: '/',
	integrations: [
		compress(),
	]
  },
});

執行編譯

npm run build

編譯後，我們可以發現到壓縮後的效果