再慢one second,你客戶指不定就(jiù)會(huì)被(bèi)誰拉走了!
生活中的你登錄網頁時(shí),點擊進(jìn)入窗口一片空白,窗口彈出,正在等待服務器‘攔截’,哦不,你沒(méi)看錯,我也沒(méi)有寫錯别字,因爲接下來的時(shí)間可能(néng)會(huì)是這(zhè)樣(yàng):
3秒後(hòu):
10秒後(hòu):
20秒後(hòu):
1分鍾。。。。。掀桌,你當真以爲我好(hǎo)糊弄???
港真,這(zhè)難道(dào)不是發(fā)生在90年代馬雲爸爸還(hái)在上傳圖片的速度?我不和你剛,确實你比他快一丢丢
如果你屢點屢敗網頁們都(dōu)是一片空白,那極有可能(néng)是運氣問題了
(網頁:運氣這(zhè)麼(me)差還(hái)想登網頁)
當然,這(zhè)是一個真實的笑話,而你也不可能(néng)會(huì)等待一分鍾,絕大部分沖浪客們在看到3秒不出畫面(miàn)就(jiù)直接把你PASS掉了
有人就(jiù)覺得也太短了吧,But,研究表明:
根據MICROSOFT Corp.的一項最新研究,人們通常會(huì)在8秒後(hòu)對(duì)一件事(shì)情失去注意力。
另外,更有研究表明,40%的用戶會(huì)放棄一個需要加載三秒以上的網站。
而官網每多加載一秒,就(jiù)會(huì)有10%的用戶離開(kāi)。
本次小悉想和大家聊的就(jiù)是網站用戶體驗中炒雞、無敵、你躲也躲不掉的重點——網站加載速度,以及正确優化方式!
——
多一秒鍾的等待就(jiù)會(huì)流失many many的客戶
——
研究表明,僅在2000到2016年這(zhè)幾年間,人們的平均注意力持續時(shí)間已經(jīng)從12秒下降到了7秒。
對(duì)于網站站長(cháng)來說(shuō)這(zhè)意味著(zhe)什麼(me)呢?
這(zhè)就(jiù)是說(shuō)站長(cháng)用于展示内容的時(shí)間越來越少,訪客停留在網頁上的時(shí)間也越來越短。也就(jiù)是說(shuō),在網頁全部加載完之前,很可能(néng)網站訪客已經(jīng)離開(kāi)您的網站了。
這(zhè)就(jiù)是客戶明明已經(jīng)點擊進(jìn)來了,卻被(bèi)攔在大門口,我心裡(lǐ)那揪心的啊!
根據StrangeLoop對(duì)美國(guó)亞馬遜、谷歌和其他大型網站的研究,網頁加載速度每延遲1秒就(jiù)可以讓轉化率降低7%,同時(shí)網頁浏覽量會(huì)降低11%,同時(shí)客戶滿意度也會(huì)下降16%。
而且,前段時(shí)間谷歌的Webmaster Central Blog公開(kāi)一則關于“評估網頁體驗”的最新消息——Chrome小組正式發(fā)布Core Web Vitals這(zhè)一概念。
在這(zhè)一最新的評估準則裡(lǐ),Load Time(加載時(shí)間)被(bèi)放在了首位。
心裡(lǐ)毫無波瀾甚至還(hái)打了個哈氣?
那現在我開(kāi)始說(shuō)人話:谷歌認爲,一個網站的加載速度非常重要!如果你在這(zhè)方面(miàn)做得差,谷歌是不會(huì)給你糖吃的。
有朋友可能(néng)會(huì)要問,那多長(cháng)時(shí)間加載出來比較好(hǎo)呢?
目前咱們業内比較受認可的一個“良好(hǎo)的網頁加載速度”指标,是不超過(guò)2秒。
這(zhè)是什麼(me)概念?就(jiù)是你點擊右下角在看......即刻點擊本篇文章所需要的時(shí)間啊!
有朋友會(huì)說(shuō),小悉,2秒未免強人所難,怎麼(me)做到啊?
您别慌,小悉的職責就(jiù)是爲您提供更好(hǎo)的,讓您省時(shí)省力~
——
如何查看WordPress網站的速度?
——
很多朋友們可能(néng)覺得在電腦上感覺網站的速度不慢,然後(hòu)就(jiù)認爲他們的網站沒(méi)問題,其實這(zhè)就(jiù)大錯特錯了。
由于大家經(jīng)常訪問自己的網站,像Chrome這(zhè)類現代化的浏覽器會(huì)把網站存儲在緩存文件裡(lǐ),然後(hòu)在再次訪問的時(shí)候自動抓取。這(zhè)就(jiù)會(huì)給你網站速度特别快的錯覺。
但是,如果網絡用戶是首次訪問您的網站,恐怕就(jiù)不會(huì)有同樣(yàng)的感受了。事(shì)實上,不同地理位置的訪問用戶的用戶體驗是完全不一樣(yàng)的。
因此,首先您應該對(duì)自己的網站進(jìn)行速度測試。不管你的網站加載需要10秒還(hái)是100秒,一定有明确的原因。而要掃清這(zhè)些障礙,首先要知道(dào)障礙在哪裡(lǐ)。
【用來測試WordPress網站速度的工具有:】
· PageSpeed Insights
谷歌的PS Insights提供網頁端和移動端兩(liǎng)種(zhǒng)測速結果,一般默認的是移動設備的測速結果。谷歌除了會(huì)給出實測數據外,還(hái)會(huì)給出優化建議和診斷結果。所以不管你之前用的什麼(me)測速軟件進(jìn)行測試并做了優化,最後(hòu)都(dōu)來谷歌跑一跑,看看它的評估側重在哪些方面(miàn)!
· Website Speed Test
(這(zhè)個網站會(huì)給出明确的加載時(shí)間,也會(huì)列出需要調整的一些設置,比如縮小圖片,CSS代碼等)
在精不在多,這(zhè)些可以讓您清楚知道(dào)您的網站問題出現在哪裡(lǐ)!
——
當然客觀看待測試數據,提速更重要
——
下面(miàn)推薦一些提速方法,各取所需。
一、WordPress網站加速簡易步驟(不需要懂代碼)
對(duì)我們大衆來說(shuō),更改網站配置有點兒難,生怕出了一點兒錯就(jiù)導緻網站崩潰。
但在此,交給您如何通過(guò)幾次點擊就(jiù)能(néng)將(jiāng)您的WordPress網站加速,而且不需要您懂任何代碼知識。
(安裝一個WordPress緩存插件)
WordPress的頁面(miàn)屬于動态頁面(miàn)。當創建一個頁面(miàn)時(shí),WordPress會(huì)運行一個程序來找到相關的信息,然後(hòu)把這(zhè)些信息整合起(qǐ)來呈現給訪問用戶。這(zhè)個過(guò)程需要很多個步驟。尤其是當單次訪問網站的用戶比較多的情況下,就(jiù)會(huì)拖慢網站。
這(zhè)就(jiù)是爲什麼(me)小悉向(xiàng)您推薦每個網站都(dōu)要使用一個緩存插件。緩存可以讓網站的運行速度提高1倍到4倍。
當用戶訪問WordPress網站時(shí),服務器就(jiù)會(huì)從MySQL數據庫和PHP文件裡(lǐ)面(miàn)檢索信息,然後(hòu)將(jiāng)這(zhè)些信息整合成(chéng)HTML格式的網頁文件呈現給網絡訪問用戶。這(zhè)個過(guò)程比較長(cháng),但如果使用緩存插件就(jiù)可以直接跳過(guò)這(zhè)個流程。
網上有很多款WordPress緩存插件,在此給您推薦WP Rocket付費版或者是WP Super Cache這(zhè)款免費插件。
像Bluehost和SiteGround這(zhè)兩(liǎng)個虛拟主機提供商也有自己的緩存插件。
【SiteGround SuperCacher】
如果您使用的虛拟主機是SiteGround,那麼(me)可以登錄控制面(miàn)闆(也就(jiù)是cPanel),然後(hòu)授權“Site improvement tools”下方的“SuperCacher”就(jiù)可以了。
然後(hòu),我們需要安裝啓用SG Optimizer這(zhè)款插件,對(duì)SuperCacher進(jìn)行設置。
二、優化圖片,提高速度
網站中的圖片可以豐富網站内容,吸引訪客眼球。研究發(fā)現使用彩色圖片後(hòu)的文章閱讀幾率可以增加80%。
但是如果圖片沒(méi)有優化,恐怕就(jiù)弊大于利了。實際上,未經(jīng)優化的圖片往往會(huì)拖慢WordPress網站的運行速度,這(zhè)也是經(jīng)常碰到的問題。
將(jiāng)圖片從手機或相機上傳之前,建議您可以使用圖片編輯軟件先進(jìn)行圖片優化。
按照圖片的原始格式來算,可能(néng)圖片容量比較大。但在圖片編輯軟件裡(lǐ),我們可選擇其他圖片格式,將(jiāng)原圖片大小縮減5倍。
接下來我們了解一下JPEG和PNG格式的圖片有什麼(me)區别。
【PNG】圖片通常都(dōu)沒(méi)有經(jīng)過(guò)壓縮處理。對(duì)這(zhè)類圖片進(jìn)行壓縮時(shí),可能(néng)會(huì)失去圖片原有的一些信息。未經(jīng)壓縮的圖片雖然質量較高,但是圖片比較大,打開(kāi)網頁時(shí),加載時(shí)間要更長(cháng)一些。
【JPEG】格式的圖片經(jīng)過(guò)壓縮,雖然圖片清晰度會(huì)受到影響,但圖片比較小。
【那麼(me),我們該如何選擇圖片的格式呢?】
1.如果圖片包括很多不同的顔色,我們選擇JPEG格式。
2.如果圖片比較簡單,或者我們需要相對(duì)透明的圖片,可以選擇PNG格式。
三、優化後(hòu)台程序
後(hòu)台程序是在WordPress網站後(hòu)端運行的程序。下面(miàn)是WordPress網站後(hòu)端常見的運行程序:
1. WordPress備份插件
2. WordPress定時(shí)發(fā)布文章的程序
3. 定時(shí)檢查更新的程序
4. 搜索引擎及其他抓取程序
頂底發(fā)布文章和檢查更新的程序對(duì)網站的性能(néng)營銷比較小。但是其他類似北風插件以及搜索引擎抓取程序可以拖慢WordPress網站。
我們得對(duì)備份插件進(jìn)行設置,讓它在網站流量最小的時(shí)候進(jìn)行備份。同時(shí),我們也需要調整備份的頻率,并對(duì)需要備份的數據進(jìn)行微調。
例如,您的WordPress獨立博客站一周才更新2篇文章,但備份插件卻每天都(dōu)在進(jìn)行備份,這(zhè)時(shí)您就(jiù)可以适當進(jìn)行調整。
如果您想要實時(shí)備份數據,建議您使用軟件服務一體化的解決方式,防止拖慢網站。
抓取這(zhè)一塊,您需要查看一下Google Search Console或其他搜索引擎站長(cháng)工具裡(lǐ)面(miàn)的抓取報告。頻繁抓取網站信息可能(néng)會(huì)導緻錯誤發(fā)生,從而拖慢網站速度,也可能(néng)讓網站不再屬于自适應式網站。
四、不要把音頻、視頻文件直接上傳到WordPress上
用戶可以直接把音頻、視頻文件上傳到WordPress網站上,之後(hòu)會(huì)自動現在HTML5播放器裡(lǐ)。但是,千萬不要把音頻、視頻文件直接上傳到WordPress上!
因爲托管音頻、視頻要浪費網站的帶寬,服務器所在公司也可能(néng)會(huì)收取額外費用。即使您購買的是不限帶寬的套餐,他們也可能(néng)連您的網站一并給關掉了。
而且,比較大的媒體文件也會(huì)加大備份文件,對(duì)網站備份也會(huì)造成(chéng)影響。
站長(cháng)應該利用音頻、視頻類托管服務網站來托管自己的音頻、視頻。這(zhè)樣(yàng)的網站有很多,比如說(shuō)Youtube、Vimeo、DailyMotion、SoundCloud、優酷、土豆、西瓜視頻、哔哩哔哩等等。
WordPress内置有視頻嵌入功能(néng),因此我們可以直接複制視頻的鏈接,然後(hòu)粘貼到文章裡(lǐ)就(jiù)好(hǎo)了。
五、插件速度要快
如果一款WordPress插件的内部代碼太過(guò)冗長(cháng),就(jiù)會(huì)增加頁面(miàn)加載時(shí)間,降低網站速度。
插件的使用應該注重易用性、用戶體驗,最重要的是插件的性能(néng)。如果您搭建的是英文站,推薦下面(miàn)不同類别的插件。
1)WPForms — 最适合新手也是最快的聯系表單類WordPress插件。
2)Soliloquy — 如果想給網站添加類似滑動、滾動幻燈片效果,Soliloquy無論是功能(néng)還(hái)是性能(néng)都(dōu)是最好(hǎo)的一款插件。
3)Envira Gallery — 圖片庫類插件可以拖慢WordPress網站速度。經(jīng)過(guò)wpbeginner測試,Envira Gallery是最快的圖片庫類插件。
4)Shared Counts — 社交媒體類插件通常會(huì)加載額外的腳本,性能(néng)并不好(hǎo)。Shared Counts是最快的社交媒體類插件之一。
除了上述推薦的這(zhè)些插件外,自己還(hái)能(néng)親自進(jìn)行測試。先測試一下安裝插件前的網站速度,然後(hòu)再測試一下安裝插件後(hòu)的網站速度,接著(zhe)進(jìn)行對(duì)比,選擇速度比較快的插件。
六、把長(cháng)篇文章分成(chéng)幾個頁面(miàn)
讀者一般喜歡篇幅較長(cháng)有深度的博文,而且長(cháng)篇幅的文章在搜索引擎裡(lǐ)的排名也比較高。
但是如果發(fā)布的長(cháng)篇博文裡(lǐ)面(miàn)有很多圖片,就(jiù)可能(néng)導緻網頁加載速度變慢。因此,我們可以考慮把長(cháng)篇文章分成(chéng)幾個頁面(miàn)來顯示。
WordPress自帶的有這(zhè)種(zhǒng)功能(néng)。在博文裡(lǐ)加入<! — — nextpage — →标簽就(jiù)可以把長(cháng)篇文章分開(kāi),然後(hòu)還(hái)可以用類似的方法繼續對(duì)文章進(jìn)行分割。
——
最後(hòu)再跟您唠一句
——
網站千千萬,不差一個龜速網站。
現在的線上沖浪,内容多彩缤紛,形式與選擇也越來越多,吸引人眼球的更是層出不窮。所以,搶住客戶的目光,讓他進(jìn)入你的網站,才是你首要考慮的事(shì)情哦~