優化Wordpress速度——前端使用國內免費Cdn加速Js/Css文件,後端數據庫緩存

WordPress是一個以PHP和MySQL為平台的自由開源的博客軟件和內容管理係統。WordPress具有插件架構和模板係統。截至2018年4月,排名前1000萬的網站中超過30.6%使用WordPress。WordPress是最受歡迎的網站內容管理係統。全球有大約30%的網站(7億5000個)都是使用WordPress架設網站的。WordPress是目前因特網上最流行的博客係統。WordPress在最著名的網絡發布階段中脫穎而出。如今,它被使用在超過7000萬個站點上。WordPress是一個以PHP和MySQL為平台的自由開源的博客軟件和內容管理係統。WordPress具有插件架構和模板係統。截至2018年4月,排名前1000萬的網站中超過30.6%使用WordPress。WordPress是最受歡迎的網站內容管理係統。全球有大約30%的網站(7億5000個)都是使用WordPress架設網站的。WordPress是目前因特網上最流行的博客係統。WordPress在最著名的網絡發布階段中脫穎而出。如今,它被使用在超過7000萬個站點上。

雖然wordpress很優秀,但是當正式使用這個CMS以後,卻發現很吃資源,明明博客沒有多少內容,但是隻要訪問量一大以後,就導致WordPress打開巨慢,同時主機的使用率非常高。

這裏就分享一些博主優化WordPress的方法。

·分離WordPress的CSS/JS文件

由於WordPress主要是基於PHP,同時又有大量的css/js文件需要加載。每次打開的時候都需要實時生成需要顯示的網頁內容,所以會比較吃主機資源。

這裏博主推薦一款WordPress插件:commonWP

該插件將WordPress與大部分安裝插件所需要的css/js文件通過jsdelivr分發。

jsdelivr目前國內是走網宿的CDN節點,國外走的CloudFlare的節點。加速效果非常明顯。強烈建議該插件必備!!

直接WordPress後台插件安裝界麵搜寻commonWP安裝其他用即可,不用其他設定。

啟用該插件以後,你可能會發現大部分的css/js文件都通過了jsdelivr分發,但是仍然還是有部分文件沒有走jsdelivr。

那麽這種情況下就需要你手動修改沒有走jsdelivr相關的主題/插件文件了。

不建議沒有動手能力的站長修改!

博主這裏簡單說下如何修改,又如何通過jsdelivr分發。

1、修改主題或者插件引用的css/js文件地址

首先你需要確定你要分發的內容是那個插件所需要使用的css/js文件,然後在主機上找到該插件的文件,通過分析源碼,找到加載該css/js文件的內容,修改引用鏈接。修改後的鏈接後麵會說如何獲取。

例如本站有使用auto-highslide,該插件就不會自動被commonWP修改成jsdelivr的地址,那麽通過分析該插件的文件,找到是通過auto-highslide.php加載的相關css/js文件。

在auto-highslide.php文件裏麵,發現

<link rel="stylesheet" href="'.get_bloginfo('wpurl').'/wp-content/plugins/auto-highslide/highslide/highslide.css" type="text/css" />
<script type="text/javascript" src="'.get_bloginfo('wpurl').'/wp-content/plugins/auto-highslide/highslide/highslide-with-html.packed.js"></script>
<script type="text/javascript">

那麽需要修改的就是

href="'.get_bloginfo('wpurl').'/wp-content/plugins/auto-highslide/highslide/highslide.css"

src="'.get_bloginfo('wpurl').'/wp-content/plugins/auto-highslide/highslide/highslide-with-html.packed.js"

修改成

href="https://cdn.jsdelivr.net/gh/Loukky/wpcdn@40028ba1e2ff8193194f9c1474d81ed5d26c52eb/themes/highslide.css"

src="https://cdn.jsdelivr.net/gh/Loukky/wpcdn@249a403710b0739bf5173cd9d7afeefd04b12eb0/themes/highslide-with-html.packed.js"

那麽完整的代碼就是:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Loukky/wpcdn@40028ba1e2ff8193194f9c1474d81ed5d26c52eb/themes/highslide.css" type="text/css" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/Loukky/wpcdn@249a403710b0739bf5173cd9d7afeefd04b12eb0/themes/highslide-with-html.packed.js"></script>
<script type="text/javascript">

其他的插件與主題修改方法與之類似,另外WP自帶的函數是通過 wp_enqueue_style和wp_enqueue_scripts加載CSS和JS文件的,如果是修改主題的話,注意這兩個函數。

2、手動通過jsdelivr分發文件

該方法需要通過github來操作,在GitHub上麵新建一個倉庫,注意倉庫設置成public。上傳你需要分發的內容,然後通過jsdelivr來分發,具體操作這裏不多說。

jsdelivr分發github文件的規則這裏說下。

https://cdn.jsdelivr.net/gh/GitHub用戶名/倉庫名/文件.後綴

注意GitHub區分大小寫,其他倉庫名後麵可以通過@來指定具體的某個release版本或者修訂版本。

·緩存數據庫

一般現在用得較多的數據庫緩存是memcached和redis,博主使用的是redis,以redis為例,由於博主是通過寶塔安裝的php,所以這裏也以寶塔為例。

在寶塔的php管理界麵,找到安裝擴展,裏麵有個redis,通過該路徑來安裝redis,然後wp後台安裝上redis相關的插件。博主這裏使用的是Redis Object Cache

安裝好以後就啟用插件,簡單設置下就可以了。

(可選)然後在寶塔管理界麵,選擇mysql管理界麵。裏麵有個性能調整。根據你的實際使用情況調整相關參數。

優化Wordpress速度——前端使用國內免費Cdn加速Js/Css文件,後端數據庫緩存插圖

通過上麵設置與調整過後,那麽現在你的WordPress應該是可以明顯感覺到速度提升了。

相關說明:

1、VIP會員無限製任意下載,免積分。立即前往開通>>

2、下載積分可通過日常 簽到綁定郵箱 以及 積分兌換 等途徑獲得!

3、本站資源大多存儲在雲盤,如出現鏈接失效請評論反饋,如有密碼,均為:www.ipipn.com。

4、所有站內資源僅供學習交流使用。未經原版權作者許可,禁止用於任何商業環境,否則後果自負。為尊重作者版權,請購買正版作品。

5、站內資源來源於網絡公開發表文件或網友分享,如侵犯您的權益,請聯係管理員處理。

6、本站提供的源碼、模板、軟件工具等其他資源,都不包含技術服務,請大家諒解!

7、源碼、模板等資源會隨著技術、壞境的升級而存在部分問題,還請慎重選擇。

PS.源碼均收集自網絡,如有侵犯閣下權益,請發信件至: admin@ipipn.com .


源站網 » 優化Wordpress速度——前端使用國內免費Cdn加速Js/Css文件,後端數據庫緩存

發表評論

讚助本站發展 維持服務器消耗

全站源碼免費下載 立刻讚助