Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
我們光算科技官網(wǎng)是使用WordPress框架搭建的,有沒有發(fā)現(xiàn)我們的網(wǎng)站非常快,而你的WordPress網(wǎng)站比較慢呢?那是因?yàn)槲覀兊木W(wǎng)站經(jīng)過了優(yōu)化。
為什么很多人都會覺得 WordPress 很慢?
這里不得不吐槽一下,作為外貿(mào)圈獨(dú)立站建站最通用的建站系統(tǒng) WordPress 來說,在設(shè)計(jì)上的確是有點(diǎn)問題的,除了經(jīng)典的引用大量海外墻外資源,國內(nèi)訪問極慢,甚至打不開的情況;還有就是數(shù)據(jù)庫結(jié)構(gòu)也比較簡單,把所有文章數(shù)據(jù)都丟到一張表;wordpress有一套完善的插件生態(tài)系統(tǒng),讓使用wordpress的人實(shí)現(xiàn)某些功能確實(shí)非常簡單,但是相對應(yīng)的是,搞wordpress開發(fā)的人,不一定都有良好的編程代碼習(xí)慣,總是弄些臃腫不堪的插件出來,作為使用者又沒有能力去修改,只知道去添加,關(guān)鍵是wordpress框架是全動態(tài)的運(yùn)行機(jī)制,而且每次都要加載全部的后臺插件,跑個(gè)很簡單的頁面都要全部遍歷一下。這樣搞法,顯然不是明智的,也難怪大多數(shù) WordPress 網(wǎng)站都有有速度慢的問題。
導(dǎo)致WordPress網(wǎng)站訪問速度慢的原因有以下幾點(diǎn):
所以我們要想提高 WordPress 的速度和性能,就要從這些方面入手。
沒有人喜歡加載速度緩慢的網(wǎng)站,尤其是Google。
速度是PC端以及移動端谷歌SEO排名的重要因素之一。它影響著用戶體驗(yàn)、對流量有直接的影響!
說直白的:如果你的網(wǎng)站打開速度慢,那么排名和流量與你無緣,謝謝
推薦使用谷歌官網(wǎng)推薦的測速工具PageSpeed Insights (谷歌對網(wǎng)站的速度評分也是以該工具的結(jié)果為準(zhǔn),直接集成到谷歌官方站長后臺)
測試結(jié)果大概如下圖
優(yōu)秀的網(wǎng)站,測速分值應(yīng)該在90分以上,好的網(wǎng)站,測速分值起碼也應(yīng)該在80分以上
請注意:PC端和移動端的分?jǐn)?shù)是分開的。按現(xiàn)在互聯(lián)網(wǎng)的情況來說,移動端分?jǐn)?shù)更為重要。
下面給大家講講我們多年經(jīng)驗(yàn)總結(jié)出來的優(yōu)化WordPress速度的實(shí)戰(zhàn)技巧:
1、選擇一臺好的服務(wù)器,并進(jìn)行服務(wù)器調(diào)優(yōu)
2、選擇一套速度快的模板主題,或者優(yōu)化模板主題的js和css
3、去掉不必要的插件
4、圖片優(yōu)化
5、做好緩存
6、掛CDN
好的服務(wù)器很重要,首先是結(jié)合你的業(yè)務(wù)區(qū)域,選對地區(qū),例如你是做美國市場,就上美國的服務(wù)器,配置性能方面,起步2核2G以上即可
【如果不知道去哪里買服務(wù)器好,推薦光算旗下的光算云服務(wù)器哦,但凡買光算云服務(wù)器的外貿(mào)客戶,我們免費(fèi)做wordpress服務(wù)器調(diào)優(yōu)^_^】
然后服務(wù)器軟件方案建議采用nginx+php7.4以上(千萬不要選擇老掉牙的php5.2之類的),同時(shí)還要進(jìn)行以下操作:
這些就不展開細(xì)說了,展開講的話每一個(gè)主題都是長篇大論
好的模板主題非常重要。我們做網(wǎng)站最重要的目的不是為了好看,其實(shí)是為了流量,有流量才有成交啊,對吧
說白了,就是要SEO做得好。
市面上很多模板其實(shí)只是單純設(shè)計(jì)好看,模板的作者為了自己省事,往往引入大量的js甚至外部js
這時(shí)候你能否選擇一套好的模板直接決定了你網(wǎng)站的打開速度基礎(chǔ)。
關(guān)于什么模板主題快,我建議搭建可以搜索 “速度最快的WordPress主題” 這個(gè)關(guān)鍵詞,網(wǎng)絡(luò)上大把推薦了。
我們內(nèi)部建議和推薦的話是:Neve 3.3.0以下版本(有些主題越升級越卡哦,經(jīng)過多年實(shí)踐,3.3.0到頭了,再升就呵呵了)
這套模板非常輕量級和簡約,js也非常少,框架功能也完全夠用,初始模板也簡單大氣上檔次
再配合elementor做單頁,妥妥地適合做外貿(mào)獨(dú)立站
當(dāng)然,如果你不是全新做站,有歷史包袱。那么你唯一能做的就是找你們公司的it運(yùn)維人員進(jìn)行網(wǎng)站模板js優(yōu)化,或者干脆換模板或者重新做站了。
wordpress這套程序的框架有個(gè)問題,就是他每次啟動入口,都會把所有插件都過一遍。這是大家抱怨他卡,性能慢的一個(gè)重要原因。
所以,如果你后臺安裝了很多插件,不管你有沒有用,只要你安裝并啟用了,你網(wǎng)站每次被人訪問,你的插件都要被重新加載一遍。
所以,為了速度,請你去掉不必要的插件,盡量精簡。
圖片優(yōu)化是必須的!
因?yàn)槟憔W(wǎng)頁的大小,其實(shí)主要取決于你的圖片大小
優(yōu)化圖片有2個(gè)方向,一是格式,二是質(zhì)量
格式上,選用先進(jìn)的圖片格式,例如webp
質(zhì)量上,主要是根據(jù)你的實(shí)際需要去上傳圖片或者使用插件優(yōu)化圖片,因?yàn)槟悴豢赡転榱苏故疽粋€(gè)很小的圖就上傳一張分辨率幾K的,完全沒必要,浪費(fèi)空間,也大大降低了加載速度
圖片優(yōu)化方面的插件我們推薦:Converter for Media
wordpress這套程序跟以前國內(nèi)一套應(yīng)用很廣泛的cms《dedecms》很不一樣,他是本質(zhì)是純動態(tài)的,原生的wordpress從不生成真正的靜態(tài)html頁面。
就算你用了偽靜態(tài)使網(wǎng)站url看起來是靜態(tài)html,但是他本質(zhì)的運(yùn)行機(jī)制還是全動態(tài)的跑php。
wordpress的插件市場也沒有生成純靜態(tài)頁面的好用的插件,大多數(shù)只有緩存插件。
基于這樣的機(jī)制,想優(yōu)化速度,安裝好的緩存插件非常重要。
我們推薦使用:Autoptimize+W3 Total Cache 這2組合拳
W3 Total Cache的低階應(yīng)用的話,直接按軟件設(shè)置就可以了。但是想要更快,更爽的速度體驗(yàn)的話,一定要配合服務(wù)器偽靜態(tài)配置,做到直接的服務(wù)器級別重定向到緩存文件。這樣可以避開wordpress天然的跑遍全站的php機(jī)制,極大幅度提升用戶體驗(yàn)。
掛上這兩兄弟的組合拳,模板又沒什么大問題的話,網(wǎng)站谷歌速度評分基本上60分是沒跑的了(不掛的話你試試,最多就20-30分,滿分100分哦)
當(dāng)然,wordpress網(wǎng)站插件調(diào)優(yōu)其實(shí)遠(yuǎn)遠(yuǎn)不止利用上面2個(gè)插件做一下組合拳這么簡單。我們真正優(yōu)化wordpress網(wǎng)站的速度體驗(yàn),用到的相關(guān)插件接近7-8個(gè)。這些都是經(jīng)過大量項(xiàng)目網(wǎng)站測試對比試驗(yàn)得到的寶貴經(jīng)驗(yàn)數(shù)據(jù)。遠(yuǎn)遠(yuǎn)不是打幾句話能說清楚明白的。再加上每個(gè)網(wǎng)站本身的插件框架,功能實(shí)現(xiàn)并不一樣,所以最靠譜的調(diào)優(yōu)方案還是找專業(yè)人士調(diào)優(yōu)。
ps:我們光算流量研究院的工程師就很專業(yè)哦。歡迎下單O(∩_∩)O
專業(yè)人士調(diào)優(yōu),一般都能通過各種組合拳幫你網(wǎng)站做整體速度優(yōu)化,正常來說調(diào)優(yōu)完成之后谷歌速度評分基本上90分左右了,再差也得有80分
不要少看這30分的差距,只有谷歌速度評分達(dá)到90分左右的,谷歌才會給你網(wǎng)站做頁面優(yōu)質(zhì)評價(jià),排名和流量才能咔咔地來O(∩_∩)O
這個(gè)沒什么好說的,就是加速全球節(jié)點(diǎn)速度,還有緩存點(diǎn)圖片內(nèi)容
我們推薦使用全球知名CDN龍頭供應(yīng)商:Cloudflare
ps:這個(gè)CDN外網(wǎng)很快,國內(nèi)由于眾所周知的原因,卡成狗哦!
所謂術(shù)業(yè)有專攻。wordpress速度優(yōu)化說起來原理不難,但是細(xì)節(jié)很難。
牽扯到服務(wù)器,網(wǎng)站程序,數(shù)據(jù)庫,模板插件,js優(yōu)化等等方方面面的操作。不懂技術(shù)或者沒在專業(yè)領(lǐng)域沉淀個(gè)三五年,基本上你沒有能力搞得好!
我們大部分做外貿(mào)獨(dú)立站的老板,都是以項(xiàng)目運(yùn)營為核心目的,以達(dá)成SEO效果,提升用戶體驗(yàn)為目標(biāo)。
去研究各種技術(shù),顯然不是各位老板應(yīng)該做的事情!
所以,我們真心建議,對于wordpress速度優(yōu)化這件事,你可以交給專業(yè)人士去做,更加事半功倍!
我們光算科技也有這個(gè)專業(yè)的wordpress速度優(yōu)化的服務(wù) - 簡稱《優(yōu)速包》
一站式專業(yè)幫你搞定全套復(fù)雜麻煩的調(diào)優(yōu)操作,保證你的網(wǎng)站可以做到谷歌速度評分90分以上
而您僅需要支付一點(diǎn)費(fèi)用表示一下對技術(shù)的尊重而已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' );
加入后即可在網(wǎng)站前臺和后臺看到WordPress主題加載了哪些css和js。
PJAM「代碼高亮」插件特別之處
現(xiàn)在大部分代碼高亮的插件都是使用 prism 這個(gè)代碼高亮 JS 庫來實(shí)現(xiàn)的,WPJAM「代碼高亮」插件也是,只是之前是純代碼方式寫到主題里面,今天就把它整理了一下,做成一個(gè)插件。
整個(gè)插件自己寫的代碼只有不到 30 行,就是利用 WordPress 的 wp_enqueue_scripts 接口讓頁面加載 prism 的樣式和腳本代碼。
然后插件也兼容 WPJAM「靜態(tài)文件」插件,不單獨(dú)加載 prism 的樣式和腳本代碼,把 prism 的樣式和腳本代碼合并到整個(gè)站點(diǎn)唯一的樣式和腳本文件中:
所以這個(gè)從另外一個(gè)側(cè)面說明 WPJAM 出品的插件,不是裝的越多越慢,反而相互之間會配合的,最優(yōu)化去處理問題。
使用 WPJAM「代碼高亮」插件
怎么使用 WPJAM「代碼高亮」插件呢?非常簡單,首先根據(jù)你使用不同編輯器略用不同。
如果你使用古騰堡編輯器的話,先點(diǎn)擊選擇創(chuàng)建一個(gè)代碼塊:
然后輸入代碼,選擇該該區(qū)塊:
點(diǎn)擊右側(cè)區(qū)塊屬性框,在額外的CSS類中輸入:language-php,如果你的代碼是 JS 則,輸入 language-javascript,CSS 則輸入 language-css,HTML:language-markup,其他語言嘗試一下:language-語言的英文名。
如果是經(jīng)典編輯器,則切換到代碼模式,然后把代碼放到:<pre class="language-php"><code> 和 </code></pre> 之間即可,如下圖所示:
pre 標(biāo)簽的 class 定義就是語言,如何設(shè)置,和上面古騰堡的設(shè)置方式是一樣的,自己靈活處理一下,個(gè)人感覺還是古騰堡編輯器方便一點(diǎn)。
*請認(rèn)真填寫需求信息,我們會在24小時(shí)內(nèi)與您取得聯(lián)系。