網站加載速度分析以及如何解決

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

如果大家覺得內容不錯，歡迎幫若凡關注，轉發，文末添加微信可領取海量的SEO資料，幫助你快速的了解SEO。

什么是頁面速度？

頁面速度是網頁加載所需的時間。一個頁面的加載速度由多個因素決定，包括網站的服務器、頁面文件大小和圖像壓縮。

也就是說：

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

這是因為測量頁面速度有許多不同的方法。以下是三種最常見的方法：

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

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

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

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

如果僅僅看整頁加載所需的時間，這是一個很長的時間。

另一方面，關注首次有意義繪制有時能更好地反映用戶如何實際與頁面互動，因為它加載速度。

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

盡管整個頁面加載需要一段時間，當用戶首次進入頁面時，他們在1.5秒后獲得了“首次有意義繪制”。

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

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

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

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

簡而言之：

加載緩慢的網站可能會損害你的谷歌排名。

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

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

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

我們團隊會認為優化Wordpress的網站和Shopify的網站速度評分其實還挺簡單的。大部分的項目我們都能做到移動端80分以上，少數的60分以上。

但是大家去做代碼優化的過程中，一定要先備份主題，否者可能會得不償失，哈哈，若凡不擔責。

最佳實踐

• ??壓縮圖像
  我把這放在第一位，因為這通常是最大的一項收益。

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

例如，看看網站上某頁面的頁面速度報告：

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

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

那我們應該怎樣做呢？

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

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

它會自動壓縮你上傳到WordPress媒體庫的任何圖像。而且根據插件的創建者，這可以將你的圖像文件大小減少14.2%。

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

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

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

這包括：

• ? HTML
• ? CSS
• ? JavaScript
• ? 以及你頁面上發現的其他任何代碼

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

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

（是的，這有點押韻 ?）

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

• ??升級主機

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

這是因為你與其他一百萬個網站共享一個服務器。

我認為：在主機方面，你花的錢就得到了什么。

因此，如果你認真想改善你的網站加載速度，也許是時候升級到一個優質的主機或專用服務器。

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

因此下次他們訪問你的網站時，加載速度會快得多。

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

• ??實施CDN

內容分發網絡是提升你的網站加載速度的最簡單方法之一。

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

• ??使用多個頁面速度測試工具測試
  現在你實施了這些步驟，是時候看看你的表現如何了。

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

第一個是谷歌的PageSpeed Insights

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

你有時會發現這個工具的建議對你的網站沒有意義。

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

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

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