本文主要做一些梳理，以確定幾個(gè)一直以來有點(diǎn)疑問的問題：
為什么要提升加載速度？
產(chǎn)品加載速度應(yīng)該達(dá)到多少？
如何提升產(chǎn)品加載速度？
1.為什么要提升加載速度？
1）影響用戶體驗(yàn)
這是常識。
2）影響SEO效果——對于web端產(chǎn)品
正如《SEO實(shí)戰(zhàn)密碼》提到的，SEO與用戶體驗(yàn)相通，一個(gè)網(wǎng)頁打開速度慢的網(wǎng)站，想必對用戶體驗(yàn)不夠重視，因此容易引起搜索引擎的懲罰。
網(wǎng)頁加載速度是搜索引擎的考慮因素之一
其實(shí)不僅是百度，各大搜索引擎對于移動(dòng)網(wǎng)頁的打開速度都越來越重視，并且將加載速度作為衡量網(wǎng)頁移動(dòng)友好度的重要標(biāo)準(zhǔn)。因此，再次建議站長重視移動(dòng)端體驗(yàn)，打造用戶與站點(diǎn)共贏的網(wǎng)絡(luò)生態(tài)。
We do say we have a small factor in there for pages that are really slow to load where we take that into account. ——John Mueller, Google Switzerland
我們確實(shí)說過：我們會(huì)將加載速度過慢的網(wǎng)頁的加載速度作為考慮的一個(gè)小因素。
影響搜索引擎爬取量，進(jìn)而影響收錄/索引量
谷歌的Webmaster Central Help Forum上有個(gè)用戶提問：
For the past 6+ weeks, we have been seeing most of our URLs returning a ‘Temporarily Unreachable’ error when fetched in Google Webmaster Tools using the ‘Fetch as Google’ simulation tool. We have been unable to pin point what exactly could be the issue behind this considering we had a 100% success rate with this in the past.
我的翻譯：在過去的6個(gè)多星期里，我們看到我們的大部分網(wǎng)址在使用“Google抓取方式”模擬工具在Google網(wǎng)站管理員工具中提取時(shí)，都返回“暫時(shí)無法訪問”錯(cuò)誤。 考慮到我們過去100％的成功率，我們無法確定這個(gè)問題究竟是什么。
We're seeing an extremely high response-time for requests made to your site (at times, over 2 seconds to fetch a single URL). This has resulted in us severely limiting the number of URLs we'll crawl from your site. ——John Mueller, Google Employee
我的翻譯：對于您的網(wǎng)站的請求，我們看到的響應(yīng)時(shí)間非常高（有時(shí)提取一個(gè)URL超過2秒）。這會(huì)導(dǎo)致我們嚴(yán)重限制從您網(wǎng)站抓取的網(wǎng)址數(shù)量。
PS：上面提到"2秒"，但暫不確認(rèn)是否要這么快的加載速度，或者此處的2秒僅僅針對一個(gè)頁面的某個(gè)URL。
影響搜索結(jié)果排名
谷歌Webmaster Central Blog上有篇文章提到：
You may have heard that here at Google we're obsessed with speed, in our products and on the web. As part of that effort, today we're including a new signal in our search ranking algorithms: site speed. Site speed reflects how quickly a website responds to web requests.
上方的重點(diǎn)在這一句：today we're including a new signal in our search ranking algorithms: site speed.
翻譯：今天我們將一個(gè)新的內(nèi)容包含到我們的搜索排名算法中：網(wǎng)站速度。
結(jié)論：網(wǎng)站加載速度是搜索引擎的評估因素之一——可以想象會(huì)越來越重視。
3）影響轉(zhuǎn)化率
從我們?nèi)粘５捏w驗(yàn)來說，如果一個(gè)網(wǎng)站/APP打開速度很慢，我們很可能沒耐心等待而直接選擇離開，這自然會(huì)影響轉(zhuǎn)化率。
一篇文章提到：a2-second delayin load time during a transaction resulted in abandonment rates of up to 87%. This is significantly higher than the baseline abandonment rate of 67%.
翻譯：在交易中，2秒的延遲導(dǎo)致放棄率高達(dá)87%，這遠(yuǎn)遠(yuǎn)超過了放棄率的基準(zhǔn)線67%。
用圖表示是這樣：
綜上所述：提升互聯(lián)網(wǎng)產(chǎn)品的加載速度是必須的，否則：
影響用戶體驗(yàn)
影響轉(zhuǎn)化率
影響SEO效果（對于web端產(chǎn)品）
2.產(chǎn)品打開速度應(yīng)該達(dá)到多少？
1)M端
百度站長平臺提到：2017年10月初，“閃電算法”上線，移動(dòng)搜索頁面首屏加載時(shí)間將影響搜索排名。
移動(dòng)網(wǎng)頁首屏在2秒之內(nèi)完成打開的，在移動(dòng)搜索下將獲得提升頁面評價(jià)優(yōu)待，獲得流量傾斜；同時(shí)，在移動(dòng)搜索頁面首屏加載非常慢（3秒及以上）的網(wǎng)頁將會(huì)被打壓。
由此可知：M端網(wǎng)頁首屏打開速度目標(biāo)為2秒以內(nèi)，至少要在3秒以內(nèi)，盡量避免在3秒及以上。
2）PC端
沒找到非常明確的說法，但可以根據(jù)已有內(nèi)容進(jìn)行推斷。
百度站長平臺提到：百度用戶體驗(yàn)部研究表明，用戶期望且能夠接受的頁面加載時(shí)間在3秒以內(nèi)。若頁面的加載時(shí)間過慢，用戶就會(huì)失去耐心而選擇離開，這對用戶和站長來說都是一大損失。
谷歌的Maile Ohye提到：2 secondsis the threshold for ecommerce website acceptability. At Google, we aim for under a half second.——Maile Ohye, from Google
翻譯：2秒對電商網(wǎng)站來說是一個(gè)底線。在谷歌，我們的目標(biāo)是在0.5秒以內(nèi)。
谷歌的Doubleclick提到：“The Need for Mobile Speed”, we found that53% of mobile site visits are abandonedif pages takelonger than 3 secondsto load.
翻譯："對移動(dòng)端網(wǎng)站速度的需求"，我們發(fā)現(xiàn)當(dāng)加載時(shí)間超過3秒時(shí)，53%的移動(dòng)網(wǎng)站訪問被放棄。
這說明：2秒以內(nèi)是一個(gè)值得追求的目標(biāo)，3秒以內(nèi)幾乎就是下限。
而由于用戶體驗(yàn)都是想通的，M端與PC端的加載速度對APP很有參考價(jià)值，因此對于任何一個(gè)終端，上述結(jié)論都可以參考。
3.如何提升網(wǎng)站打開速度
這里僅以網(wǎng)站加載速度為例，收集了部分建議。
下載頁面啟用Gzip：可減少 69 B 啟用服務(wù)器Gzip，可以減少傳輸字節(jié)數(shù)。未啟用Gzip的資源有：http://www.jfz.com/（大?。?278 B 預(yù)計(jì)可減少 69 B ）
打開頁面字符集聲明：在頁面部分沒有發(fā)現(xiàn)字符集聲明，請?jiān)黾釉撀暶?。如果部分未定義字符集，將增加頁面渲染次數(shù)，速度減慢。
PC端：
使用瀏覽器緩存。在 HTTP標(biāo)頭中為靜態(tài)資源設(shè)置過期日期或最長存在時(shí)間，可指示瀏覽器從本地磁盤中加載以前下載的資源，而不是通過網(wǎng)絡(luò)加載。
優(yōu)化圖片。適當(dāng)?shù)卦O(shè)置圖片的格式并進(jìn)行壓縮可以節(jié)省大量的數(shù)據(jù)字節(jié)空間，優(yōu)化圖片可將其大小減少80.8 KiB (37%)。
清除首屏內(nèi)容中阻止呈現(xiàn)的 JavaScript 和 CSS。您的網(wǎng)頁中有6個(gè)阻止呈現(xiàn)的腳本資源和3個(gè)阻止呈現(xiàn)的 CSS 資源。這會(huì)導(dǎo)致呈現(xiàn)網(wǎng)頁的過程出現(xiàn)延遲。
縮短服務(wù)器響應(yīng)時(shí)間。在我們的測試中，您的服務(wù)器在0.47秒鐘內(nèi)做出了響應(yīng)。能夠拖慢服務(wù)器響應(yīng)時(shí)間的因素有很多。請閱讀我們的建議，了解如何監(jiān)控并計(jì)量使您的服務(wù)器花費(fèi)時(shí)間最多的項(xiàng)。
按優(yōu)先級排列可見內(nèi)容。您的網(wǎng)頁需要進(jìn)行更多次的網(wǎng)絡(luò)往返通信才能呈現(xiàn)首屏內(nèi)容。要獲得最佳效果，請減少呈現(xiàn)首屏內(nèi)容所需的 HTML 數(shù)量。
縮減 HTML。壓縮 HTML 代碼（包括其中所含的任何內(nèi)嵌 JavaScript 和 CSS）可以節(jié)省大量數(shù)據(jù)字節(jié)空間，并提高下載和解析的速度。為以下資源縮減 HTML 大小可將其大小減少2.7 KiB (14%)。
M端：
清除首屏內(nèi)容中阻止呈現(xiàn)的 JavaScript 和 CSS。您的網(wǎng)頁中有6個(gè)阻止呈現(xiàn)的腳本資源和3個(gè)阻止呈現(xiàn)的 CSS 資源。這會(huì)導(dǎo)致呈現(xiàn)網(wǎng)頁的過程出現(xiàn)延遲。
使用瀏覽器緩存。在 HTTP 標(biāo)頭中為靜態(tài)資源設(shè)置過期日期或最長存在時(shí)間，可指示瀏覽器從本地磁盤中加載以前下載的資源，而不是通過網(wǎng)絡(luò)加載。
縮短服務(wù)器響應(yīng)時(shí)間。在我們的測試中，您的服務(wù)器在0.34秒鐘內(nèi)做出了響應(yīng)。能夠拖慢服務(wù)器響應(yīng)時(shí)間的因素有很多。請閱讀我們的建議，了解如何監(jiān)控并計(jì)量使您的服務(wù)器花費(fèi)時(shí)間最多的項(xiàng)。
縮減 JavaScript。壓縮 JavaScript 代碼可以節(jié)省大量數(shù)據(jù)字節(jié)空間，并提高下載、解析和執(zhí)行的速度。
優(yōu)化圖片。適當(dāng)?shù)卦O(shè)置圖片的格式并進(jìn)行壓縮可以節(jié)省大量的數(shù)據(jù)字節(jié)空間。優(yōu)化以下圖片可將其大小減少36.8 KiB (41%)。
縮減 CSS。壓縮 CSS 代碼可以節(jié)省大量數(shù)據(jù)字節(jié)空間，并提高下載和解析的速度。為以下資源縮減 CSS 大小可將其大小減少6.7 KiB (17%)。
縮減 HTML。壓縮 HTML 代碼（包括其中所含的任何內(nèi)嵌 JavaScript 和 CSS）可以節(jié)省大量數(shù)據(jù)字節(jié)空間，并提高下載和解析的速度。為以下資源縮減 HTML 大小可將其大小減少1.3 KiB (17%)。
3）公眾號小北的夢囈提到：
減少HTTP的請求
Gzip 壓縮
開啟緩存
優(yōu)化圖片
不要安裝太多的插件
避免廣告，視頻太多
網(wǎng)站的服務(wù)器
