iT邦幫忙

2023 iThome 鐵人賽

DAY 24
0

提升網站速度 - Autoptimize

Autoptimize 是一個 WordPress 插件,它的主要功能是優化和加速您的 WordPress 網站。
https://ithelp.ithome.com.tw/upload/images/20231004/20072651PRDzQUwMwj.png

當您啟用 Autoptimize 插件時,它會進行以下操作:

  1. CSS 和 JavaScript 優化: Autoptimize 會將您網站的 CSS 和 JavaScript 文件合併成更少的文件,從而減少請求次數,提高頁面載入速度。
  2. HTML 壓縮: 這個插件可以壓縮 HTML 代碼,減少頁面的大小,從而加快頁面載入時間。
  3. 圖像優化: Autoptimize 可以自動壓縮和縮小圖像,以減少它們的文件大小,同時保持圖像質量。
  4. 字體優化: 如果您的網站使用自定義字體,Autoptimize 可以優化它們的載入,以提高性能。
  5. 非關鍵 CSS 和 JavaScript 排除: 插件允許您排除特定的 CSS 或 JavaScript 文件,以確保您的網站正常運行。
  6. 瀏覽器緩存: Autoptimize 可以設置瀏覽器緩存,以使已載入的資源在用戶瀏覽其他頁面時能夠重複使用,從而減少伺服器負載和提高速度。

安裝

https://ithelp.ithome.com.tw/upload/images/20231005/20072651CuyYMgklQ6.png

中文化

https://ithelp.ithome.com.tw/upload/images/20231005/20072651ovgjlTKqxz.png

JavaScript 優化設定

https://ithelp.ithome.com.tw/upload/images/20231005/20072651qAm32zVCSS.png

CSS 優化設定

https://ithelp.ithome.com.tw/upload/images/20231005/20072651w1itLGyA54.png

HTML 優化設定 與 快取設定

https://ithelp.ithome.com.tw/upload/images/20231005/20072651s8KWsEuL94.png

其他優化設定

https://ithelp.ithome.com.tw/upload/images/20231005/20072651tUNHDeAkkD.png

圖片優化定

https://ithelp.ithome.com.tw/upload/images/20231005/20072651jAkhJmTR5g.png

總結

綜合來說,Autoptimize 有助於改善 WordPress 網站的性能,提高頁面載入速度,減少資源請求,從而提供更好的用戶體驗。安裝並配置這個插件可能需要一些測試和調整,以確保它正確地優化您的網站並不會影響功能。

參考

網站速度有多重要?如何利用Autoptimize自動優化網站內容提升載入速度!

系列文章

Day01 在小小的花園裡挖呀挖呀挖,埋下一顆小小的種子,種出小小的花
Day02 在本機使用 MAMP 快速架設 WordPress 網站
Day03 來點 WordPress 基本功 - 檔案結構
Day04 WordPress 主題是怎麼回事 - Astra 主題介紹
Day05 WordPress 主題與外掛中文化怎麼做?
Day06 WordPress 網站主要頁面 - Starter Templates 讓你瞬間做出一個漂亮的網站
Day07 Astra主題 - 自訂外觀(1/2)
Day08 Astra主題 - 自訂外觀(2/2)
Day09 WordPress - 輕輕鬆鬆建立頁面
Day10 WordPress - 輕輕鬆鬆建立文章
Day11 網站設計工具 - Figma
Day12 分析網站架構與元素 - XMind
Day13 生成式AI王者 - ChatGPT 文案產生器
Day14 產圖神器 - Canva 快速產出一頁式網站與圖片
Day15 WooCommerce - 轉換你的網站為線上商店
Day16 Email 寄信服務 - Brevo(Sendinblue)
Day 18 Wordpress 一鍵變成線上學習系統 - Tutor LMS
Day19 生成式AI 簡報應用 - Gamma AI
Day20 跨平台螢幕錄製和直播軟體 - OBS
Day21 強大的影片編輯軟體 - 剪映
Day22 SEO基本觀念與工具 - Yoast SEO外掛介紹
Day23 WordPress 安全性、備份、速度和成長工具 - Jetpack
Day24 提升網站速度 - Autoptimize
Day25 如何進行網站分析? - 使用Google Analytics追蹤網站流量
Day 26 WordPress網站上使用Google Ads達到最大化盈利的方法解析
Day27 賺錢的第一步 - AdSense在WordPress中的整合與設置
Day28 GCP 部署 WordPress 主機
Day29 創建網站的最後一哩 - DNS 網域名稱設定
Day30 心得感想-工程師和網站經營者的不同思維

Facebook 粉絲頁 - TechMasters 工程師養成記
程式教育 - 工程師養成記

目前課程,歡迎有興趣的朋友可以來聽聽看

🎉Python金融分析與阿甘投資法:打造穩健投資策略🎉
透過本課程,學生不僅能掌握Python語法,還能學習到如何將其應用於實際金融領域中,提升自身的投資策略與技能。
報名官網:https://utrustcorp.com/product/python-investment-backtesting/

📊15小時打造專業銷售網站:從零到專業的旅程📈
課程旨在教授學生如何運用Wordpress搭建網站並進行線上數位品牌業務營銷。
本課程將提供學生全面的知識和實踐技能,以加強他們在線上市場中的競爭力。
報名官網:https://utrustcorp.com/product/start-wordpress/


上一篇
Day23 WordPress 安全性、備份、速度和成長工具 - Jetpack
下一篇
Day25 如何進行網站分析? - 使用Google Analytics追蹤網站流量
系列文
【輕鬆學習,輕鬆教學】跟著我的步驟,輕鬆架設屬於你的學習管理平台!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言