什么我們的WordPress網站比你的快？

我們光算科技官網是使用WordPress框架搭建的，有沒有發現我們的網站非常快，而你的WordPress網站比較慢呢？那是因為我們的網站經過了優化。

WordPress 很慢？

為什么很多人都會覺得 WordPress 很慢？

這里不得不吐槽一下，作為外貿圈獨立站建站最通用的建站系統 WordPress 來說，在設計上的確是有點問題的，除了經典的引用大量海外墻外資源，國內訪問極慢，甚至打不開的情況；還有就是數據庫結構也比較簡單，把所有文章數據都丟到一張表；wordpress有一套完善的插件生態系統，讓使用wordpress的人實現某些功能確實非常簡單，但是相對應的是，搞wordpress開發的人，不一定都有良好的編程代碼習慣，總是弄些臃腫不堪的插件出來，作為使用者又沒有能力去修改，只知道去添加，關鍵是wordpress框架是全動態的運行機制，而且每次都要加載全部的后臺插件，跑個很簡單的頁面都要全部遍歷一下。這樣搞法，顯然不是明智的，也難怪大多數 WordPress 網站都有有速度慢的問題。

導致WordPress網站訪問速度慢的原因有以下幾點：

• 服務器
• WordPress配置 – 如果你的WordPress站點沒有提供緩存頁面，服務器負載過大可能導致網站速度變慢甚至整個崩潰。
• 頁面大小 – 主要是沒有優化過的圖片
• 不良插件 – 如果你使用了代碼質量非常差的插件，就會非常明顯地拖慢你的網站速度。
• 外部腳本 – 像廣告、字體加載器等外部腳本，也會對你的網站性能產生巨大的影響。

所以我們要想提高 WordPress 的速度和性能，就要從這些方面入手。

網站速度很重要，這是你應該知道的

沒有人喜歡加載速度緩慢的網站，尤其是Google。

速度是PC端以及移動端谷歌SEO排名的重要因素之一。它影響著用戶體驗、對流量有直接的影響！

說直白的：如果你的網站打開速度慢，那么排名和流量與你無緣，謝謝

如何查看網站的訪問速度？

推薦使用谷歌官網推薦的測速工具PageSpeed Insights （谷歌對網站的速度評分也是以該工具的結果為準，直接集成到谷歌官方站長后臺）

測試結果大概如下圖

優秀的網站，測速分值應該在90分以上，好的網站，測速分值起碼也應該在80分以上

請注意：PC端和移動端的分數是分開的。按現在互聯網的情況來說，移動端分數更為重要。

下面給大家講講我們多年經驗總結出來的優化WordPress速度的實戰技巧：

1、選擇一臺好的服務器，并進行服務器調優

2、選擇一套速度快的模板主題，或者優化模板主題的js和css

3、去掉不必要的插件

4、圖片優化

5、做好緩存

6、掛CDN

1、選擇一臺好的服務器，并進行服務器調優

好的服務器很重要，首先是結合你的業務區域，選對地區，例如你是做美國市場，就上美國的服務器，配置性能方面，起步2核2G以上即可

【如果不知道去哪里買服務器好，推薦光算旗下的光算云服務器哦，但凡買光算云服務器的外貿客戶，我們免費做wordpress服務器調優^_^】

然后服務器軟件方案建議采用nginx+php7.4以上（千萬不要選擇老掉牙的php5.2之類的），同時還要進行以下操作：

• nginx調優
• php擴展調優
• redis調優
• memcache調優

這些就不展開細說了，展開講的話每一個主題都是長篇大論

2、選擇一套速度快的模板主題，或者優化模板主題的js和css

好的模板主題非常重要。我們做網站最重要的目的不是為了好看，其實是為了流量，有流量才有成交啊，對吧

說白了，就是要SEO做得好。

市面上很多模板其實只是單純設計好看，模板的作者為了自己省事，往往引入大量的js甚至外部js

這時候你能否選擇一套好的模板直接決定了你網站的打開速度基礎。

關于什么模板主題快，我建議搭建可以搜索 “速度最快的WordPress主題” 這個關鍵詞，網絡上大把推薦了。

我們內部建議和推薦的話是：Neve 3.3.0以下版本（有些主題越升級越卡哦，經過多年實踐，3.3.0到頭了，再升就呵呵了）

這套模板非常輕量級和簡約，js也非常少，框架功能也完全夠用，初始模板也簡單大氣上檔次

再配合elementor做單頁，妥妥地適合做外貿獨立站

當然，如果你不是全新做站，有歷史包袱。那么你唯一能做的就是找你們公司的it運維人員進行網站模板js優化，或者干脆換模板或者重新做站了。

3、去掉不必要的插件

wordpress這套程序的框架有個問題，就是他每次啟動入口，都會把所有插件都過一遍。這是大家抱怨他卡，性能慢的一個重要原因。

所以，如果你后臺安裝了很多插件，不管你有沒有用，只要你安裝并啟用了，你網站每次被人訪問，你的插件都要被重新加載一遍。

所以，為了速度，請你去掉不必要的插件，盡量精簡。

4、圖片優化

圖片優化是必須的！

因為你網頁的大小，其實主要取決于你的圖片大小

優化圖片有2個方向，一是格式，二是質量

格式上，選用先進的圖片格式，例如webp

質量上，主要是根據你的實際需要去上傳圖片或者使用插件優化圖片，因為你不可能為了展示一個很小的圖就上傳一張分辨率幾K的，完全沒必要，浪費空間，也大大降低了加載速度

圖片優化方面的插件我們推薦：Converter for Media

5、做好緩存

wordpress這套程序跟以前國內一套應用很廣泛的cms《dedecms》很不一樣，他是本質是純動態的，原生的wordpress從不生成真正的靜態html頁面。

就算你用了偽靜態使網站url看起來是靜態html，但是他本質的運行機制還是全動態的跑php。

wordpress的插件市場也沒有生成純靜態頁面的好用的插件，大多數只有緩存插件。

基于這樣的機制，想優化速度，安裝好的緩存插件非常重要。

我們推薦使用：Autoptimize+W3 Total Cache 這2組合拳

W3 Total Cache的低階應用的話，直接按軟件設置就可以了。但是想要更快，更爽的速度體驗的話，一定要配合服務器偽靜態配置，做到直接的服務器級別重定向到緩存文件。這樣可以避開wordpress天然的跑遍全站的php機制，極大幅度提升用戶體驗。

掛上這兩兄弟的組合拳，模板又沒什么大問題的話，網站谷歌速度評分基本上60分是沒跑的了（不掛的話你試試，最多就20-30分，滿分100分哦）

當然，wordpress網站插件調優其實遠遠不止利用上面2個插件做一下組合拳這么簡單。我們真正優化wordpress網站的速度體驗，用到的相關插件接近7-8個。這些都是經過大量項目網站測試對比試驗得到的寶貴經驗數據。遠遠不是打幾句話能說清楚明白的。再加上每個網站本身的插件框架，功能實現并不一樣，所以最靠譜的調優方案還是找專業人士調優。

ps：我們光算流量研究院的工程師就很專業哦。歡迎下單O(∩_∩)O

專業人士調優，一般都能通過各種組合拳幫你網站做整體速度優化，正常來說調優完成之后谷歌速度評分基本上90分左右了，再差也得有80分

不要少看這30分的差距，只有谷歌速度評分達到90分左右的，谷歌才會給你網站做頁面優質評價，排名和流量才能咔咔地來O(∩_∩)O

6、掛CDN

這個沒什么好說的，就是加速全球節點速度，還有緩存點圖片內容

我們推薦使用全球知名CDN龍頭供應商：Cloudflare

ps：這個CDN外網很快，國內由于眾所周知的原因，卡成狗哦！

最后：

所謂術業有專攻。wordpress速度優化說起來原理不難，但是細節很難。

牽扯到服務器，網站程序，數據庫，模板插件，js優化等等方方面面的操作。不懂技術或者沒在專業領域沉淀個三五年，基本上你沒有能力搞得好！

我們大部分做外貿獨立站的老板，都是以項目運營為核心目的，以達成SEO效果，提升用戶體驗為目標。

去研究各種技術，顯然不是各位老板應該做的事情！

所以，我們真心建議，對于wordpress速度優化這件事，你可以交給專業人士去做，更加事半功倍！

我們光算科技也有這個專業的wordpress速度優化的服務 - 簡稱《優速包》

一站式專業幫你搞定全套復雜麻煩的調優操作，保證你的網站可以做到谷歌速度評分90分以上

而您僅需要支付一點費用表示一下對技術的尊重而已O(∩_∩)O

ordPress CSS是通過wp_register_style注冊的，JS是通過wp_register_script方式注冊的，下面方法可以將所有的CSS、JS注冊的handle全部注冊。

在主題functions.php中加入：

function inspect_scripts() {
  global $wp_scripts;
  var_dump( $wp_scripts->queue );
}
add_action( 'wp_print_scripts', 'inspect_scripts' );
 
function inspect_styles() {
  global $wp_styles;
  var_dump( $wp_styles->queue );
}
add_action( 'wp_print_styles', 'inspect_styles' );

加入后即可在網站前臺和后臺看到WordPress主題加載了哪些css和js。

PJAM「代碼高亮」插件特別之處

現在大部分代碼高亮的插件都是使用 prism 這個代碼高亮 JS 庫來實現的，WPJAM「代碼高亮」插件也是，只是之前是純代碼方式寫到主題里面，今天就把它整理了一下，做成一個插件。

整個插件自己寫的代碼只有不到 30 行，就是利用 WordPress 的 wp_enqueue_scripts 接口讓頁面加載 prism 的樣式和腳本代碼。

然后插件也兼容 WPJAM「靜態文件」插件，不單獨加載 prism 的樣式和腳本代碼，把 prism 的樣式和腳本代碼合并到整個站點唯一的樣式和腳本文件中：

所以這個從另外一個側面說明 WPJAM 出品的插件，不是裝的越多越慢，反而相互之間會配合的，最優化去處理問題。

使用 WPJAM「代碼高亮」插件

怎么使用 WPJAM「代碼高亮」插件呢？非常簡單，首先根據你使用不同編輯器略用不同。

如果你使用古騰堡編輯器的話，先點擊選擇創建一個代碼塊：

然后輸入代碼，選擇該該區塊：

點擊右側區塊屬性框，在額外的CSS類中輸入：language-php，如果你的代碼是 JS 則，輸入 language-javascript，CSS 則輸入 language-css，HTML：language-markup，其他語言嘗試一下：language-語言的英文名。

如果是經典編輯器，則切換到代碼模式，然后把代碼放到：<pre class="language-php"><code> 和 </code></pre> 之間即可，如下圖所示：

pre 標簽的 class 定義就是語言，如何設置，和上面古騰堡的設置方式是一樣的，自己靈活處理一下，個人感覺還是古騰堡編輯器方便一點。