1. 程式人生 > 其它 >為什麼別人的 WordPress 網站那麼快?

為什麼別人的 WordPress 網站那麼快?

越來越多的人使用 WordPress 來搭建網站了,W3techs 最新資料統計顯示[1],截止到2021年11月3日,全網有43.0%的網站都是基於WordPress 搭建的。那麼問題來了,為什麼別人用 WordPress 搭建的網站,又快、又穩定、又好用呢?下面兩招教你輕鬆優化網站速度~

推薦一個提速減負的寶藏外掛:WordPress COS 外掛,前往連結(https://wordpress.org/plugins/tencentcloud-cos/) 點選直接下載安裝,免費使用,兩招優化你的網站速度。

第一招:動靜分離

網站中的資料資源一般分為兩種:動態資料和靜態資料。動態資料一般是 php 實時生成的資料,在網頁內容上主要是 HTML 程式碼;靜態資料是指圖片、css、js、視訊等真實存在的靜態檔案。

網站初建時流量小、業務簡單,將兩種資料放到一臺伺服器上問題不大。隨著網站複雜度和訪問量的提升,網站訪問速度和響應速度越來越慢,甚至出現伺服器頻寬不足、磁碟 IO 太高等問題。此時動靜分離的網站架構就十分必要了,架構示意圖如下:

WordPress COS 外掛基於騰訊雲物件儲存 COS,將網站靜態資源與後臺應用分離,使用者訪問網頁的請求由應用後臺響應,並直接返回動態 html內容,減輕 WordPress 雲伺服器頻寬和儲存壓力;靜態資源存放在 COS 上,和雲伺服器內網高速互通,不僅訪問速度快,相較磁碟儲存成本更低。並且,可配合內容分發網路 CDN 進一步提升使用者訪問靜態資源的速度,讓你的網站速度更快一步

1.1 使用第一招

第一步:建立 COS 儲存桶
建立一個公有讀私有寫的儲存桶,儲存桶的地域建議與執行 WordPress 部落格平臺的 CVM 的地域相同。

建立好的儲存桶會預設分配一個請求域名,可以直接使用該域名,或者為儲存桶配置一個 CDN 加速域名。

第二步:安裝並配置WordPress COS外掛;
在 WordPress 後臺,單擊【外掛】>【安裝外掛】,搜尋tencentcloud-cos 即可找到外掛,
外掛地址為 https://wordpress.org/plugins/tencentcloud-cos/

配置好金鑰、儲存桶名稱和訪問域名,就可以自動將 WordPress 靜態檔案無縫同步騰訊雲物件儲存 COS。COS 面向新用提供了有效期6個月,儲存容量50GB+的免費額度,讓我們來插入一個媒體檔案試試吧~

上傳一個圖片到媒體庫,點選編輯圖片,發現圖片URL確實來自COS:

第二招:圖片壓縮

一般第一招用上,網站提速的效果就已經很明顯。如果要追求更快更好的訪問效果,我們還有第二招:圖片壓縮。據 HTTP Archive 統計[2],截至2021年10月1日,WordPress 網頁中影象平均佔網頁總體積的25%,影象請求數佔網頁總請求數的30%。因此,在優化 WordPress 網站時,圖片優化是效果明顯且容易實現的切入點。

圖片壓縮,我們追求的是同樣的圖片質量下,更小的體積,更快的載入速度。WordPress COS 外掛基於資料永珍圖片處理能力,提供了多種圖片壓縮方案,以下是不同壓縮方案的對比情況,各位站長可以根據自己網站的使用場景選擇合適的壓縮方案。例如:PC端網站推薦使用相容性好效果也不差的Webp轉碼;客戶端網站則推薦適配IOS和安卓系統,且效果更強的HEIF轉碼。

2.1 使用第二招

僅需一步,輕鬆開啟圖片壓縮,開啟 WordPress COS 外掛的配置:

先開啟資料永珍,以便對圖片進行壓縮處理;其次根據自己網站的使用場景,定製合適的壓縮規則。體驗壓縮效果可以前往連結自行體驗:(https://cloud.tencent.com/act/pro/ciExhibition)

以 wepb 轉碼為例,自定義規則為:

imageMogr2/format/webp

儲存配置就可以生效了,發篇文章看看效果吧:

如上圖所示,網站中訪問的圖片原圖大小是927.55kb,網站實際展示的圖片大小為597kb,圖片大小壓縮了35.64%。

更多功能:圖片處理

作為一個寶藏外掛,WordPress COS 外掛還集成了資料永珍圖片處理能力,擁有更多豐富的圖片處理功能,例如你想要的保護版權防止盜圖的圖片水印功能;剪裁縮放質量調整;限制圖片大小;圖片漸進顯示等各種圖片處理功能,這些功能還能疊加使用,讓你的網站不僅更快,還要更美更安全!

1. 壓縮+水印功能:

imageMogr2/format/webp|watermark/2/text/56aB5q2i55uX5Zu-/fill/IzNEM0QzRA/fontsize/40/dissolve/50/gravity/northeast/dx/100/dy/100/batch/1/degree/45

2. 壓縮+縮略顯示:

imageMogr2/format/webp|imageView2/1/w/800/h/400

探索更多圖片處理功能,定製你需要的處理規則請前往:(https://cloud.tencent.com/document/product/436/44879)

開源應用中心:你想要的應用外掛都有!

本次推薦的 WordPress COS 外掛來自 開源應用中心,作為一個聚集開發者以及中小企業使用的開源應用的平臺,開源應用中心提供了豐富的開源應用供廣大使用者使用。這些應用已經與騰訊雲完成深度的整合整合,使用者可以簡單點選一下滑鼠就能在雲上快速的部署體驗,使用它們的最新特性。

針對 WordPress,開源應用中心就提供了已經整合 WordPress COS 外掛的 WordPress 應用版本,一鍵安裝,無縫對接騰訊雲能力,可謂是懶人必備神器。

除此之外,開源應用中心還提供了各種常見的一鍵部署式的應用和外掛,例如知識付費新秀 Discuz! Q,中文社群論壇領導者 Discuz! X,敏捷快速的前端開發平臺uni-app,輕便好用的個人雲盤Nextcloud,功能強大的軟路由系 OpenWRT 等。
各位點此連結前往(https://app.cloud.tencent.com/),按需自取~

總結

本文為 WordPress 站長們介紹了一個好用的外掛:WordPress COS外掛,並傳授了兩招使用 WordPress COS 外掛加速網站的方法:動靜分離和圖片壓縮。此外,WordPress COS外掛還集成了資料永珍圖片處理功能,如圖片水印、剪裁、縮放、質量調整等,各位站長們可以根據業務場景靈活地組合功能。

同時,也給大家帶來了一個開源應用/外掛合集——開源應用中心,在這裡除了有 WordPress COS 外掛以外,還有其他好用的應用和外掛,可以按需自取。

作為一個寶藏外掛,WordPress COS 外掛可不止這麼簡單,其它功能我們下期安排~

參考批註:
[1] Usage statistics of content management systems https://w3techs.com/technologies/overview/content_management

[2] Page Weight
https://httparchive.org/reports/page-weight?lens=wordpress&start=2017_04_15&end=latest&view=grid

— END —