wordpress加載速度很慢這個(gè)問題,用過wordpress程序的站長們都知道,那么既然出現(xiàn)了這個(gè)問題,我們該如何解決這個(gè)問題呢?下面黑帽百科來給大家分享wordpress速度優(yōu)化技巧方法。
前面黑帽百科也給大家分享過《wordpress網(wǎng)站速度優(yōu)化攻略(圖文教程)》這篇文章,有興趣可以去了解一下。

下面先給分享幾個(gè)海外知名的網(wǎng)站測速工具,可以通過這個(gè)網(wǎng)站測試你的網(wǎng)站分值,下面黑帽百科拿了騰訊的網(wǎng)站測試了一下。
Pingdom Website Speed Test https://tools.pingdom.com/
PageSpeed Insights https://developers.google.com/speed/pagespeed/insights/
GTmetrix https://gtmetrix.com/
注意,以上這三個(gè)海外測速網(wǎng)站國內(nèi)是不能訪問的,需要有翻墻工具才可以訪問,下面先給大家上幾張網(wǎng)站測速圖:

這些分?jǐn)?shù)是什么意思
按得分影響順序進(jìn)行排序,列表頭部優(yōu)化規(guī)則可以極大提高頁面總體得分。
并非每條建議都適用于您的頁面
以上建議都是通用的優(yōu)化方法,但有些優(yōu)化因素我們是無法控制,例如外部網(wǎng)絡(luò)資源,也可能有些建議并不適用于你的網(wǎng)站。
Web前端和Server后端請求原理
網(wǎng)頁前端
網(wǎng)頁前端定義為網(wǎng)頁和所有資源,再通過瀏覽器渲染,主要包括以下內(nèi)容:
HTML
CSS
JavaScript
Media (images, video, etc)
示意圖如下:
良好的PageSpeed / YSlow得分可幫助瀏覽器更快地渲染元素。
服務(wù)器后端
通過延遲JavaScript或優(yōu)化圖片后,wordpress加載速度慢這個(gè)問題一般會(huì)有所改變,但仍需要構(gòu)建和優(yōu)化頁面,如果優(yōu)化后的網(wǎng)站加載仍然需要較長的時(shí)間,那么你的網(wǎng)站仍然會(huì)打開很慢。
網(wǎng)站前端頁面打開速度與網(wǎng)站服務(wù)器的好壞有著很大的關(guān)系,網(wǎng)站程序和數(shù)據(jù)閘托管,示意如下圖所示:
后端需要先生成頁面,然后再將其發(fā)送到瀏覽器。
那么到底是怎么回事?
網(wǎng)站前端和后端代碼經(jīng)過優(yōu)化后加載速度可能會(huì)有所改變,但網(wǎng)站前端和后端任意一方有問題都會(huì)導(dǎo)致網(wǎng)站打開速度慢。
性能優(yōu)化需要多方面的方法
ageSpeed和YSlow可以指示您的前端(瀏覽器看到的)是否遵守網(wǎng)站打開速度實(shí)踐。它沒有說明您的后端性能,這在標(biāo)準(zhǔn)化級別上很難評估。后端優(yōu)化的范圍從代碼優(yōu)化到服務(wù)器/主機(jī)升級 ,涉及范圍更廣,因?yàn)樗枰獙Ψ?wù)器配置或代碼配置進(jìn)行技術(shù)了解,以了解性能問題的瓶頸。
結(jié)果,很難確定后端未優(yōu)化的原因。網(wǎng)站使用不同的平臺(WordPress,Magento,自定義CMS等)構(gòu)建,并通過不同級別的托管配置(共享,VPS,專用,云,AWS等)提供服務(wù)。由于網(wǎng)站體系結(jié)構(gòu)的巨大差異,因此沒有后端性能的實(shí)踐列表,而且網(wǎng)站在技術(shù)上可以做很多事情來將最終的前端代碼傳遞給瀏覽器。
另外,建議也不要太在意PageSpeed和YSlow分?jǐn)?shù)。
有時(shí),對于頁面速度非常復(fù)雜的網(wǎng)站,我們會(huì)收到對頁面速度在B / C上得分為B / C的頁面的優(yōu)化請求,但是對于完全不錯(cuò)的網(wǎng)站,它們的完全加載時(shí)間約為1.0秒。
1.0秒對于一個(gè)相當(dāng)復(fù)雜的網(wǎng)站,完全加載是相當(dāng)不錯(cuò)的!當(dāng)然,這里仍然存在有優(yōu)化空間,獲得A/A的吸引力將永遠(yuǎn)存在,但是我們鼓勵(lì)以實(shí)用的方式審視事物。
使用PageSpeed工具分析優(yōu)化網(wǎng)站
PageSpeed Insights簡介
PageSpeed Insights 能夠針對移動(dòng)設(shè)備和桌面設(shè)備生成網(wǎng)頁的實(shí)際性能報(bào)告,并能夠提供有關(guān)如何改進(jìn)相應(yīng)網(wǎng)頁的建議。
該工具組合每項(xiàng)指標(biāo)(FCP或DCL)的中間值與通過CrUX報(bào)告監(jiān)控的所有網(wǎng)頁的數(shù)據(jù)進(jìn)行比較,并根據(jù)每項(xiàng)指標(biāo)在分布圖中所處的位置為此指定一個(gè)類別:
快:指標(biāo)的中間值在所有網(wǎng)頁加載速度分布圖中位于前替換的位置。
慢:指標(biāo)的中間值在所有網(wǎng)頁加載速度分布圖中位于后更改的位置。
中等:指標(biāo)的中間值在所有網(wǎng)頁加載速度分布圖中處于中間替換的位置。
通過查看每項(xiàng)指標(biāo)的類別,可計(jì)算出總體速度突發(fā):
快:如果網(wǎng)頁的每項(xiàng)指標(biāo)都是“快”。
慢:如果網(wǎng)頁的每項(xiàng)指標(biāo)都是“慢”。
中等:所有其他情況。
“網(wǎng)頁加載分布圖”部分會(huì)顯示相應(yīng)網(wǎng)頁的FCP和DCL指標(biāo)在CrUX數(shù)據(jù)集中的分布情況。每項(xiàng)指標(biāo)的分布都分為三個(gè)類別:快(前分配),中等(中間三分之一)和慢(后擴(kuò)展)。
PageSpeed Insights會(huì)評估相應(yīng)網(wǎng)頁對常用性能優(yōu)化較好方法的相應(yīng)情況,并計(jì)算出一個(gè)重大的問題(分?jǐn)?shù)值之間0到100之間)來替換相應(yīng)網(wǎng)頁的性能優(yōu)化空間。可以從以下兩個(gè)方面提升性能:
首屏加載時(shí)間:從用戶請求打開新網(wǎng)頁到瀏覽器呈現(xiàn)出首屏內(nèi)容所用的時(shí)間。
完整網(wǎng)頁加載時(shí)間:從用戶請求打開新網(wǎng)頁到瀏覽器完全呈現(xiàn)出相應(yīng)網(wǎng)頁所用的時(shí)間。
進(jìn)行會(huì)計(jì)算時(shí),該工具會(huì)逐步開發(fā)者希望網(wǎng)頁的外觀和功能保持不變。
良好:相應(yīng)網(wǎng)頁采用了大多數(shù)性能優(yōu)化做法,進(jìn)一步優(yōu)化的空間很小。網(wǎng)頁播放為80分或更高。
中等:相應(yīng)網(wǎng)頁未采用某些常用的性能優(yōu)化建議,進(jìn)一步優(yōu)化的空間為中等。網(wǎng)頁重疊在60到79分之間。
偏低:相應(yīng)網(wǎng)頁未經(jīng)過優(yōu)化,有相當(dāng)大的優(yōu)化空間。網(wǎng)頁流行在0到59分之間。
某些網(wǎng)頁雖然加載速度較慢,但??可能會(huì)獲得更高的優(yōu)化程度濃縮,這是因?yàn)橄鄬τ谙鄳?yīng)網(wǎng)頁使用的資源整合,使得呈現(xiàn)的資源所占的比重較小。收縮,加載速度較快的網(wǎng)頁也可能會(huì)獲得更多的優(yōu)化程度聚集,這是因?yàn)橄鄬τ谙鄳?yīng)網(wǎng)頁的資源積累,呈現(xiàn)出的資源非常多。
WordPress速度優(yōu)化建議
WordPress速度提升的關(guān)鍵性原因有以下幾個(gè):
服務(wù)器主機(jī)帶寬大小;
Web環(huán)境及軟件版本;
相關(guān)緩存加速PHP組件;
主題模板及插件代碼。
具體關(guān)于服務(wù)器和主機(jī)環(huán)境這塊請參照文章:《WordPress網(wǎng)站性能優(yōu)化,網(wǎng)站加速教程實(shí)操分享(服務(wù)器篇)》
