• 關於林人青
  • 聯絡林人青
林人青 ReOpen
生活分享 / 隨心經營 [email protected]
  • 首頁
  • 小日常
    • 瘋吃喝
    • 愛漂亮
    • 顧健康
  • 求新知
    • 數位學習
    • 冷熱知識
  • 假文青
    • 正經話
    • 隨意聊
  • 視聽室
    • 電影戀
    • 小電台
  • 女子遊
    • 閒晃誌
    • 旅行誌
數位學習求新知

WP架站新手歷程分享∣速度優化:選擇付費快取WP Rocket/ShortPixel圖片壓縮/圖片轉WebP格式

by 林人青 2021-12-16
written by 林人青 2021-12-16
2.8K

文章最後更新於 2023 年 7 月 5 日

林人青 ReOpen > 求新知 > 數位學習 > WP架站新手歷程分享∣速度優化:選擇付費快取WP Rocket/ShortPixel圖片壓縮/圖片轉WebP格式
%E5%9C%961%E6%83%85%E5%A2%83%E4%B8%BB%E5%9C%96
(網站速度慢真的很讓人苦惱/(圖片取自freepik)

網站速度慢真的是一大痛點,不光是考驗耐心還會被認為是網站有問題,擁有再好的內容都枉然,但新手懂的事情真的不多,太專業的調整只能放棄(因為不懂),只能就可以理解的快取、圖片壓縮做優化,同時取捨外掛大小和數量,留下必要的功能。參考許多網路教學和口碑,WP Rocket快取、ShortPixel圖片壓縮、圖片轉WebP格式比較是立即見效的方式。(更新 : 最終還是換好一點Cloudways的主機服務,速度才有穩定顯著提升)

學習WordPress架站推薦購入網站帶路姬所著「用WordPress打造賺錢副業」

博客來 ︱ 金石堂︱ momo ︱ 誠品線上 ︱ 誠品蝦皮

∣ 購買soledad佈景主題 ∣

∣ 更多WordPress佈景主題 ∣

➡ 我從Bluehost搬家到Cloudways

➡ 購買最多人推薦的Cloudways主機服務

最多人推薦的主機服務商Cloudways

內容目錄
  1. 速度有多慢?
  2. 使用快取WP Rocket
  3. 使用ShortPixel
  4. 圖片轉WebP格式
  5. 佈景主題速度優化
  6. 結語
  7. 延伸推薦

速度有多慢?

有蠻多可以測試網站速度的工具,大部分會以Google PageSpeed Insights為主,而且以現在行動優先的世代,會以行動版的速度為準,但有時候我又覺得很懸疑,有時候分數很高、有時候有很低,改善前最低的時候大就是不及格30幾分,開啟要超過10秒(真的太久啦!)改善後比較好的時候大概有60幾分、偶爾會有90分,網路輿論是說以實際使用體驗的速度感來評斷,如果感覺載入速度OK,分數就當作參考(自我安慰?)

WP架站新手歷程分享∣速度優化:選擇付費快取WP Rocket/ShortPixel圖片壓縮/圖片轉WebP格式
常態分數

WP架站新手歷程分享∣速度優化:選擇付費快取WP Rocket/ShortPixel圖片壓縮/圖片轉WebP格式
偶有佳作這樣

沒辦法,速度對網站來說就是起跑點,不能一開始就投降吧,所以不改善不行。透過以下文章瞭解影響層面和可能的改善方向。

網頁速度變慢會有什麽問題?測試網頁速度的5個工具

變慢問題還蠻多的,只能盡力改善

WordPress網站速度很慢怎麼辦? 10種方法提高網站速度

先挑簡單易懂的開始

最後找到這篇文章,不論說明和做法都蠻詳盡的,也才認知關於WebP 圖片格式的知識,很值得參考。

如何提升 WordPress 網站速度?使用 WebP 圖片格式縮短網站載入時間 100%

說明簡單明瞭好懂

∣ 購買soledad佈景主題 ∣

∣ 更多WordPress佈景主題 ∣

➡ 我從Bluehost搬家到Cloudways

➡ 購買最多人推薦的Cloudways主機服務

最多人推薦的主機服務商Cloudways

使用快取WP Rocket

WP架站新手歷程分享∣速度優化:選擇付費快取WP Rocket/ShortPixel圖片壓縮/圖片轉WebP格式

一開始我知道要使用快取,也是先從免費、口碑好的快取安裝試試,像是Cache Enabler、Breeze,尤其Breeze 是來自知名的 WordPress 主機商「Cloudways」開發的,(我現在也換到這個主機),覺得應該很夠力才對,但不知道為何我裝了還是無感。

但這個很看個人狀況,大多數都很推Breeze,以下是我參考的教學文章

Breeze 免費 WordPress 快取外掛推薦,功能完整卻輕量快速

真的很多人推薦

找資料當中不斷被提起的就是一定要付費的WP Rocket快取軟體,感覺就是速度提升的保證,有青才敢大聲!於是再爬文教學文章,以下兩篇也有附帶觀念說明,看完就決定跟著購買照做了~

WP Rocket 外掛教學:WordPress 網站速度優化(最棒的快取軟體)

都說最棒了,真的很振奮

WP Rocket 外掛教學,提升 100% WordPress 網頁載入速度

提升100%,買了!

WP Rocket不同於一般WP的外掛到後台搜尋即可,要先到官網購買、安裝、啟用,就是多了一些過程,文章中也有教學,不算太困難,裝完之後真的有從龜速立即有感提升!雖然是付費,但覺得嚴格說來個人網站沒有到太貴,是值得的。

➡ 前往WP Rocket

WP架站新手歷程分享∣速度優化:選擇付費快取WP Rocket/ShortPixel圖片壓縮/圖片轉WebP格式

使用ShortPixel

WP架站新手歷程分享∣速度優化:選擇付費快取WP Rocket/ShortPixel圖片壓縮/圖片轉WebP格式

延續圖片議題,圖片要壓小這個是知道的,但對於已經上傳的既有圖片總不能一張一張調整吧,看到這個ShortPixel的推薦和教學也是覺得如獲至寶!而且可以協助轉檔為WebP圖片格式。

ShortPixel Image Optimizer 外掛教學【5分鐘設定】,WordPress 自動優化上傳圖片!

但我動作慢花了超過5分鐘很多…

如何提升 WordPress 網站速度?使用 WebP 圖片格式縮短網站載入時間 100%

再貼一次,這篇教學包含WP Rocket

ShortPixel每個月有100張的免費方案,但教學文章中有提到,計算方式不太一,在WordPress中,一張圖片會被切成不同尺寸,表面上是一張圖,但實際上被切成10張圖片計算(好,不是很懂,總之意思是100張免費很快會用完所以想再用要轉成付費方案)

另外看到這篇教學文有提到,2021年5月開始,轉成WebP圖片格式也要計算為每月的免費扣達(一下就用光了)

ShortPixel|免費圖片壓縮外掛,90%高度壓縮且不失真,有感提升網站速度及降低儲存空間使用率的ShortPixel Image Optimizer

教學和說明也都很清楚~

  • 已經上傳的圖片解法:可以單購需要的圖片張數,最低9.99美金可買10,000張
  • 之後上傳的圖片解法:先自行轉為WebP圖片格式

WP架站新手歷程分享∣速度優化:選擇付費快取WP Rocket/ShortPixel圖片壓縮/圖片轉WebP格式

之前不知道原來自己網站圖有這麼多(到底是怎麼算的?),總之我個人買了2次9.9元的ONE-TIME IMAGES,其實差不多的錢可以買30,000張(默…)

可以斟酌個人狀況單次購買或是直接訂閱,登入官網也可以看到目前使用的扣達狀況。

WP架站新手歷程分享∣速度優化:選擇付費快取WP Rocket/ShortPixel圖片壓縮/圖片轉WebP格式
再怎麼自以為節省使用免費扣達還是一樣很快花光,真的不知道怎麼算的?

∣ 購買soledad佈景主題 ∣

∣ 更多WordPress佈景主題 ∣

➡ 我從Bluehost搬家到Cloudways

➡ 購買最多人推薦的Cloudways主機服務

最多人推薦的主機服務商Cloudways

圖片轉WebP格式

為了節省空間以及提升速度,後來我就都將圖片轉成WebP 格式,轉圖也是一個耗時的工作,爬文看到重灌達人推薦的webp2jpg線上轉檔工具,覺得實在很好用啊~推薦!

webp2jpg 免上傳、可批次處理的圖片轉檔網站,支援 svg、webp、ico、bmp……

真的很好用啊~推~

主要是只要打開瀏覽器就可以轉檔,不用上傳圖片,直接線上就可以完成作業,速度非常快,我大概一次丟20多張圖,大概是3~5秒左右就完成,有時甚至覺得大概2秒吧~。

介面長的和文章中長得不太一樣,網址一樣,可能改版吧(?),針對個人需求可以做更多不同的細部設定,非常方便。

➡ 推薦webp2jpg

WP架站新手歷程分享∣速度優化:選擇付費快取WP Rocket/ShortPixel圖片壓縮/圖片轉WebP格式

佈景主題速度優化

另外看佈景主題的內容,我使用soledad的佈景主題,在外觀自訂器當中,也有優化的頁面選項Speed Optimization,依照官方建議的設定,更改優化後發布,再使用Google PageSpeed Insights測試後,速度分數又提升了不少,所以合理判斷佈景主題很吃速度…(但已經懶得換了),如果有使用 soledad的佈景主題記得也調整一下吧~!

➡ Speed Optimization 官方建議指南

2021 12 30 171102

不過我後續還是有從Bluehost搬家到Coudways,之後再測試,分數上行動版有85分、電腦版有99分,覺得很可以了~

2021 12 30 171815
行動版來到85分覺得可喜可賀

2021 12 30 171827
電腦版來到99分(但這個時代都以行動為主)

結語

提升網站速度要做的事情不少,新手盡力優化就是快取和圖片了,也覺得在速度優化後流量有開始更進步提升(真是安慰),雖然每次看到Google建議的改善項目還是覺得礙眼想調整,但無奈知識技術不夠,有機會查到解決方式再來試試,精力還是花在充實內容的部分覺得比較實在啊!

∣延伸閱讀∣對架站分享文有興趣的話

➡ WP架站新手歷程分享

∣ 購買soledad佈景主題 ∣

∣ 更多WordPress佈景主題 ∣

➡ 我從Bluehost搬家到Cloudways

➡ 購買最多人推薦的Cloudways主機服務

最多人推薦的主機服務商Cloudways

延伸推薦

我架站是跟著網站帶路姬學習的,零學費超佛心!非常適合新手

➡ WordPress 跟著帶路姬,架站簡單的像個奇蹟!

學習WordPress架站推薦購入網站帶路姬所著「用WordPress打造賺錢副業」

博客來 ︱ 金石堂︱ momo ︱ 誠品線上 ︱ 誠品蝦皮

不過還是看個人習慣,想要進階或是多參考,幾個線上課程平台也都有推出類似課程,參考如下

∣ Hahow 好學校 / 網站架設 ∣

∣ PressPlay Academy / 程式設計 ∣

∣ Udemy / WordPress課程 ∣

∣ YOTTA / 網頁設計課程 ∣ (包含梅干桑的WordPress課程)

∣ 窩課360 / 網頁設計 ∣ (較專業進階)

∣ 六角學院 / 網頁設計 ∣ (較專業進階)

感謝閱覽!若您願意額外點讚鼓勵(至多5讚),那就真的太圓滿了~ 😉

∣ Google ∣ FB ∣ Twitter ∣ APPLE ID ∣ 皆可登入/註冊

相關文章

ShortPixelWebP格式WP RocketWP架站新手WP架站新手歷程分享快取外掛
林人青

中年女子,媒體工作者。 對於世界依舊充滿好奇心,將每一日生活當作奇蹟! 感謝茫茫網海中,前來閱讀的你/妳,祝福日日美好。 ✉[email protected]

其他人也看

韓文自學∣推薦台灣媳婦趙叡珍老師教材「韓...

2022-03-27

隨手拍照上傳EyeEm賺錢!作品輕鬆上G...

2021-03-14

關於Line備份需知的3件事和1個解決方...

2021-09-22

開箱評價∣手機穩定器「大疆 DJI OM...

2022-04-09

讀書心得∣經營自媒體必買!推薦網站帶路姬...

2023-07-04

裝了外掛LikeCoin button讚...

2022-04-10

行動支付比較∣哪一種pay最好用?超商/...

2022-03-07

虛擬貨幣購買∣投資新手超淺白的Max交易...

2021-10-27

線上工具推薦∣安裝chrome的「4cU...

2022-09-04

線上剪輯工具推薦|FlexClip提供海...

2021-12-25

Let's talk about ...取消回覆

關於我

關於我

林人青

Blogger∣中年女子∣媒體工作者
對世界依舊充滿好奇
將每日生活當作奇蹟
✉邀約聯繫:[email protected]

最新文章

  • 開箱評價∣Check2Check超微電雙波冷熱逆光機,類醫美居家美容儀再進化!

    2023-09-24
  • 人生百態︱閒聊幹話你當真,莫怪職場無法優雅轉身

    2023-09-11
  • 弦外之音∣楊德昌回顧展:北美館再見經典一一重構(A One and A Two: Edward Yang Retrospective)

    2023-09-03

熱門文章

  • 1

    大阪景點推薦∣女孩們尖叫吧!淡路島Hello Kitty Smile給妳滿滿的哈囉凱蒂!

    2022-05-20
  • 2

    開箱評價∣許維恩代言/check2check星紗機到底好不好用?防疫期間居家SPA!

    2021-09-21
  • 3

    【牙齒隱形矯正分享】使用3年EBA透明牙套優缺點與心得

    2021-03-30

我的FB

我的FB

我的IG

linrenching

閒晃/觀影/假文青 購物/推坑/聊3C

錯與對,是與非,去面對。
愛是付出,珍惜是幸福。
#julia #王力宏演唱會 #王力宏2023小巨蛋演唱會 #王力宏20230909
四面環海之島妳說缺海鮮?🤔 We don’ 四面環海之島妳說缺海鮮?🤔
We don’t sail boats, we land on them
#by網友吐槽精選 #圖文不符 #還是其實圖文相符
捍衛戰士9/16起全台戲院1+2連映,首集4K數位修復版眾多盛世美顏還不看爆?
➡4DX體驗心得
https://linrenching.net/9129
➡IMAX觀感1+2集細節感想
https://linrenching.net/9129
➡TOP GUN 續集心得
https://linrenching.net/8870
➡TOP GUN 首集回顧
https://linrenching.net/8272
北美館再見楊德昌。 #一一重構楊德昌 北美館再見楊德昌。
#一一重構楊德昌回顧展
#活得好好的想這麼多幹嘛
#矛盾與悲哀但還是一部喜劇電影
弦外之音感想文
https://linrenching.net/10885
看了一個寂寞 🍷😑
#寂寞博物館
#寂寞博物館音樂劇 
#企業客製化包場橋段演出30萬專案價😎
載入更多... 在 Instagram 上追蹤




文章分類

參觀人氣

今日瀏覽次數:_
總瀏覽次數:_

LinRenChing

公益|線上捐款助自閉症




箱根泡湯推薦「季之湯雪月花」溫泉旅館

去日旅遊JR Pass鐵路通票買起來超方便!

喜歡的隱眼美曈就在imeime一次購足

  • Facebook
  • Instagram
  • Youtube
  • Email
  • 隱私權政策
  • 免責聲明

@2023 - All Right Reserved. Designed and Developed by 林人青


回到頁首
林人青 ReOpen
  • 首頁
  • 小日常
    • 瘋吃喝
    • 愛漂亮
    • 顧健康
  • 求新知
    • 數位學習
    • 冷熱知識
  • 假文青
    • 正經話
    • 隨意聊
  • 視聽室
    • 電影戀
    • 小電台
  • 女子遊
    • 閒晃誌
    • 旅行誌
Scroll Up
  • →
  • 林人青@IG
  • 林人青@FB