大家好，我叫若凡，這是我日更的第3篇。

如果大家覺得內(nèi)容不錯(cuò)，歡迎幫若凡關(guān)注，轉(zhuǎn)發(fā)，文末添加微信可領(lǐng)取海量的SEO資料，幫助你快速的了解SEO。

什么是頁面速度？

頁面速度是網(wǎng)頁加載所需的時(shí)間。一個(gè)頁面的加載速度由多個(gè)因素決定，包括網(wǎng)站的服務(wù)器、頁面文件大小和圖像壓縮。

也就是說：

“頁面速度”并不像聽起來那樣簡單。

這是因?yàn)闇y量頁面速度有許多不同的方法。以下是三種最常見的方法：

• ??完全加載頁面：這是頁面上100%資源加載所需的時(shí)間。這是確定頁面加載速度的最簡單方法。
• ??首次字節(jié)時(shí)間：這測量的是頁面開始加載過程所需的時(shí)間。

如果你曾經(jīng)打開一個(gè)頁面并注視著白屏幾秒鐘，那是TTFB在起作用。

• ??首次有意義繪制/首次上下文繪制：頁面加載足夠的資源以便用戶能夠閱讀頁面上的內(nèi)容所需的時(shí)間。

例如，假設(shè)你有一篇博文，完全加載需要10秒鐘。

如果僅僅看整頁加載所需的時(shí)間，這是一個(gè)很長的時(shí)間。

另一方面，關(guān)注首次有意義繪制有時(shí)能更好地反映用戶如何實(shí)際與頁面互動(dòng)，因?yàn)樗虞d速度。

例如，讓我們再看一次這頁面，完全加載頁面的資源花費(fèi)10秒。

盡管整個(gè)頁面加載需要一段時(shí)間，當(dāng)用戶首次進(jìn)入頁面時(shí)，他們在1.5秒后獲得了“首次有意義繪制”。

這意味著他們幾乎可以立即開始與頁面互動(dòng)。因此對用戶而言，你的頁面是快速的。

為什么頁面速度對SEO很重要？

谷歌自2010年以來使用頁面速度作為排名因素。

在2018年，谷歌通過“速度”更新增強(qiáng)了頁面速度的重要性。

簡而言之：

加載緩慢的網(wǎng)站可能會(huì)損害你的谷歌排名。

問題是：谷歌如何確定你網(wǎng)站的加載速度？他們是看頁面加載完成的時(shí)間？還是TTFB？

他們沒有在這方面做出任何官方聲明。但是考慮到PageSpeed Insights工具中報(bào)告了所有這些指標(biāo)，可能使用了多種頁面速度測量的組合：

有了這些，我們來看看如何改善你的網(wǎng)站加載速度。

我們團(tuán)隊(duì)會(huì)認(rèn)為優(yōu)化Wordpress的網(wǎng)站和Shopify的網(wǎng)站速度評分其實(shí)還挺簡單的。大部分的項(xiàng)目我們都能做到移動(dòng)端80分以上，少數(shù)的60分以上。

但是大家去做代碼優(yōu)化的過程中，一定要先備份主題，否者可能會(huì)得不償失，哈哈，若凡不擔(dān)責(zé)。

最佳實(shí)踐

• ??壓縮圖像
  我把這放在第一位，因?yàn)檫@通常是最大的一項(xiàng)收益。

畢竟，圖像通常占據(jù)頁面大小的50-90%。

例如，看看網(wǎng)站上某頁面的頁面速度報(bào)告：

如你所見，頁面大小的86.2%是由圖像造成的：

因此，你可以壓縮的越多，頁面加載就越快。

那我們應(yīng)該怎樣做呢？

如果你的網(wǎng)站使用WordPress，有一些插件可以很好的滿足

比如：wp-Rocket、WP Smush等插件插件：

它會(huì)自動(dòng)壓縮你上傳到WordPress媒體庫的任何圖像。而且根據(jù)插件的創(chuàng)建者，這可以將你的圖像文件大小減少14.2%。

與過去不同，大多數(shù)壓縮工具現(xiàn)在使用無損壓縮，或者只是將圖像質(zhì)量降低到幾乎不易察覺的程度。

例如，我們壓縮了100%的圖像。它們看起來還可以，清晰：

• ??清理并壓縮你的代碼
  

這包括：

• ? HTML
• ? CSS
• ? JavaScript
• ? 以及你頁面上發(fā)現(xiàn)的其他任何代碼

你的第一步應(yīng)該是清理頁面上多余的代碼。這部分額外代碼可能是你網(wǎng)站上沒有的功能產(chǎn)生的?；蛘呤莵碜圆缓玫拈_發(fā)者工作的。

無論哪種方式：你的代碼越干凈，加載速度就越快。

（是的，這有點(diǎn)押韻 ?）

然后，使用像GZip這樣的程序壓縮你的代碼。

• ??升級主機(jī)

你可以整天清理代碼和壓縮圖像。但如果你你主機(jī)只花4.99美元/月，你的網(wǎng)站大概率不會(huì)快速加載。

這是因?yàn)槟闩c其他一百萬個(gè)網(wǎng)站共享一個(gè)服務(wù)器。

我認(rèn)為：在主機(jī)方面，你花的錢就得到了什么。

因此，如果你認(rèn)真想改善你的網(wǎng)站加載速度，也許是時(shí)候升級到一個(gè)優(yōu)質(zhì)的主機(jī)或?qū)Ｓ梅?wù)器。

• ??激活瀏覽器緩存
  這允許用戶將頁面的部分內(nèi)容存儲在他們的瀏覽器緩存中。

因此下次他們訪問你的網(wǎng)站時(shí)，加載速度會(huì)快得多。

不幸的是，這對第一次訪問的用戶不會(huì)有所幫助。但它對于改善之前訪問過你網(wǎng)站的人的加載速度非常好。

• ??實(shí)施CDN

內(nèi)容分發(fā)網(wǎng)絡(luò)是提升你的網(wǎng)站加載速度的最簡單方法之一。

CDN通過確定你的訪問者的物理位置……然后從一個(gè)離他們更近的服務(wù)器提供你網(wǎng)站的資源來工作，。

• ??使用多個(gè)頁面速度測試工具測試
  現(xiàn)在你實(shí)施了這些步驟，是時(shí)候看看你的表現(xiàn)如何了。

我推薦使用兩個(gè)不同的工具來測試你的頁面速度。

第一個(gè)是谷歌的PageSpeed Insights

谷歌的工具掃描你頁面的代碼以查找問題……

你有時(shí)會(huì)發(fā)現(xiàn)這個(gè)工具的建議對你的網(wǎng)站沒有意義。

例如，谷歌的工具建議我“以下一代格式提供圖像”。

然而，這些“下一代”格式并不被大多數(shù)瀏覽器（包括Safari和Firefox）支持。因此，如果你切換到這些下一代格式，你的網(wǎng)站用戶體驗(yàn)將會(huì)垮掉。

總的來說，網(wǎng)站加載速度確實(shí)非常重要。在用戶體驗(yàn)上，可減少等待、提升滿意度與留存率；于搜索引擎優(yōu)化中，能提升排名與可索引性；對商業(yè)收益來講，可提高轉(zhuǎn)化率并降低運(yùn)營成本。