Wordpress+Woocommerce網(wǎng)站優(yōu)化境內(nèi)用戶訪問境外服務(wù)器

網(wǎng)站背景介紹


最近在幫朋友做的一個購物網(wǎng)站,網(wǎng)站使用Wordpress+Woocommerce搭建,由于這個購物網(wǎng)站是出售新西蘭本土的產(chǎn)品,所以域名在https://nz.godaddy.com/購買的.co.nz的域名,服務(wù)器是在Wopus購買的服務(wù)器。

這樣選擇原因有:

* 使用新西蘭的域名增加用戶的信任度。

* 使用香港的服務(wù)器,保證國內(nèi)用戶訪問速度,以及免去備案的環(huán)節(jié)。

* 我在新西蘭這里訪問速度,維護(hù)起來方便。

* 已經(jīng)使用Wopus的服務(wù)器好多年,值得信賴。

國內(nèi)用戶訪問速度慢


網(wǎng)站在本地調(diào)試好了以后,然后上傳到服務(wù)器上面準(zhǔn)備測試訪問速度。我把網(wǎng)站地址發(fā)給幾個國內(nèi)的朋友測試。結(jié)果測試結(jié)果很讓人大失所望。

城市 | 網(wǎng)速 | 打開時間

北京 | 50M | 20S

上海 | 10M | 40S

上海 | 20M | 35S

安徽 | 10M | 50S

山西 | 10M | 100S

雖然只有幾位朋友幫忙測試,但是這么長的響應(yīng)時長我覺得在地球上任何一個人都無法忍受,后來經(jīng)過Wopus客服人員的幫助以及自己的一番資料查找,最終問題終于一個一個被查出來。

導(dǎo)致訪問慢的一些原因


GoDaddy的DNS解析服務(wù)器在國內(nèi)網(wǎng)絡(luò)中不穩(wěn)定

Wordpress主題使用Google Font

Wordpress中有插件使用了Google API

網(wǎng)站上面產(chǎn)品圖片很多,偶爾會產(chǎn)生加載慢的問題

解決方案


GoDaddy的DNS解析服務(wù)器在國內(nèi)網(wǎng)絡(luò)中不穩(wěn)定

將Godaddy購買的域名托給dnspod來管理,dnspod國內(nèi)的服務(wù)器會把你的域名解析到指定的服務(wù)器上面,設(shè)置非常方便。

設(shè)置方法:

1. 登陸NZ Godaddy,選擇需要設(shè)置的域名,然后點擊DNS Management

2. 在Nameservers下面選擇Choose your new nameserver type為Custom,然后面兩個輸入框中添入dnspod提供的Servers

`f1g1ns1.dnspod.net`

`f1g1ns2.dnspod.net`

點擊Save按鈕

3. 登陸dnspod注冊用戶

4. 進(jìn)入dnspod的控制臺里面添加域名,控制臺會自動獲取到輸入域名的信息。

5. 設(shè)置解析的服務(wù)器記錄,然后保存

至此,域名解析設(shè)置就完成了,大概過一段時間之后就生效了。

Wordpress主題使用Google Font

由于我在`themeforest`購買的主題可以在里面直接設(shè)置關(guān)閉Google Font,我就直接在主題里面直接關(guān)閉了。但是Woocommerce里面也有使用Google Font,所以這里的解決方案有:

1. 使用`Remove Google Fonts References`插件。這個插件會移除Google Font的所有引用。

2. 使用`Cache Google Font`插件來直接將Google Font存到自己的服務(wù)器上,不需要從Google服務(wù)器上去獲取

3. 使用`七牛云存儲`插件中的`360公共庫`,但是我的測試結(jié)果顯示這個360公共庫并不能有很快的訪問速度。但是,360公共庫提供了Wordpress插件,我沒有測試過。直接在百度里面搜索`360公共庫`就可以找到他們的主頁面,點擊`Google字體庫`就可以看到插件下域地址了。

Wordpress中有插件使用了Google API

禁用使用Google API的插件,之前使用了一個?Google的`reCAPTCHA`插件,這個插件是防止機(jī)器人登陸的一個插件非常好用。但是,國內(nèi)用戶在登陸頁面登陸會很緩慢的等待Google的響應(yīng),最終無奈地把它禁用了。最后,使用其它插件來代替。

網(wǎng)站上面產(chǎn)品圖片很多,偶爾會產(chǎn)生加載慢的問題

這里使用了`七牛云存儲`服務(wù)來優(yōu)化國內(nèi)用戶圖片訪問,實現(xiàn)步驟:

1. 登陸Wordpress后臺,安裝`七牛云存儲`插件。

2. 登陸`七牛`,注冊一個用戶,新建一個`對象存儲`,最后會獲取到一個測試域名,當(dāng)然也可以綁定自己的域名。

3. 使用同步工具將自己的圖片資源批量同步到七牛。七牛提供了一個工具`qrsbox`可以批量同步文件夾。

4. 登陸Wordpress后臺,設(shè)置`七牛云存儲`插件。

* 七牛域名:此域名為你創(chuàng)建對象存儲之后得到的測試域名,或者是自己設(shè)置過的域名

* 七??臻g名:就是對象存儲的名稱

* ACCESS KEY 和 SECRET KEY:從密鑰管理頁面獲取

5. 設(shè)置`七牛云存儲`插件中的`本地設(shè)置`要同步的擴(kuò)展名文件和目錄,這里的目錄要確保和七牛存儲的目錄一致,比如我有一張圖片在wordpress中的目錄是在wp-content下面,具體路徑為:`wp-content/uploads/2016/12/1.jpg`,然后同步到七牛也要按照相應(yīng)的目錄來傳。如果,目錄路徑不對,wordpress就無法從七牛的服務(wù)器上獲取這張圖片資源,最后導(dǎo)致無法顯示。

總結(jié)


至此,使用上面的方法已經(jīng)解決了我之前面臨的問題。經(jīng)過一系列的問題排查和解決之后,國內(nèi)的朋友再幫忙測試,訪問速度都在3秒左右,都可以很快的打開。最后,希望這篇小文可以對讀到這里的朋友能有一些幫助。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容