3個(gè)免費(fèi)工具，全面測(cè)試頁(yè)面速度（speed）
貢獻(xiàn)者M(jìn)arcus Miller概述了如何使用3種免費(fèi)工具來(lái)測(cè)試頁(yè)面速度，并將您的網(wǎng)站變成精簡(jiǎn)，平均，快速的戰(zhàn)斗機(jī)器。
擁有一個(gè)快速的網(wǎng)站很重要，因?yàn)楦斓木W(wǎng)站可以獲得改進(jìn)的優(yōu)化（優(yōu)化）以及推動(dòng)更多訪問(wèn)和轉(zhuǎn)換的能力。訪問(wèn)您網(wǎng)站的人越多，一般會(huì)帶來(lái)更多銷售，注冊(cè)或流量。這是一次真正的雙贏。
當(dāng)然，如果有積極的，那么總會(huì)有負(fù)面影響。快速站點(diǎn)的另一面是慢速站點(diǎn)，而慢速站點(diǎn)往往缺乏銷售，注冊(cè)和流量。這絕對(duì)不是雙贏。
一旦你超過(guò)3秒，很多訪客在頁(yè)面加載之前離開，更多的訪問(wèn)者會(huì)反彈，你的轉(zhuǎn)換率將會(huì)直線下降。不好。
幸運(yùn)的是，審計(jì)頁(yè)面速度相對(duì)輕松，在大多數(shù)情況下，可以使用免費(fèi)，易用的工具來(lái)完成。但是，沒(méi)有一種工具能夠真正為我們提供完整的端到端分析。
為了解決這個(gè)問(wèn)題，我已經(jīng)整理了我最喜歡的免費(fèi)頁(yè)面速度工具的指南以及如何使用它們。當(dāng)您將這三個(gè)工具結(jié)合使用時(shí)，它們將使您更好地了解實(shí)際性能和優(yōu)化機(jī)會(huì)。
了解負(fù)載速度，端到端
在深入研究這三個(gè)工具之前，了解影響頁(yè)面加載時(shí)間的所有主要因素非常重要。
托管問(wèn)題。如果你的主機(jī)速度慢或不可靠，那么你做的其他事情并不重要，你的網(wǎng)站往往會(huì)很慢而且不可靠。
技術(shù)問(wèn)題。 有很多方法可以構(gòu)建快速站點(diǎn)和構(gòu)建慢速站點(diǎn)的方法。以速度為基礎(chǔ)構(gòu)建輕量級(jí)站點(diǎn)，然后在技術(shù)上優(yōu)化性能對(duì)于保持快速移動(dòng)至關(guān)重要。
尺寸。 無(wú)論您的網(wǎng)站如何構(gòu)建，都必須通過(guò)網(wǎng)絡(luò)傳輸給最終用戶。因此，站點(diǎn)越大，傳輸?shù)臄?shù)據(jù)就越多。您的目標(biāo)應(yīng)該是創(chuàng)建不超過(guò)3兆字節(jié)（MB）的頁(yè)面，并盡可能縮小。
最終用戶網(wǎng)絡(luò)。這有點(diǎn)不受你的控制，你真正需要考慮你的最終用戶。如果人們主要是通過(guò)手機(jī)訪問(wèn)您的網(wǎng)站并使用移動(dòng)數(shù)據(jù)，那么您必須假設(shè)3G連接，這意味著必須超輕量級(jí)以確?？焖偌虞d時(shí)間。
結(jié)合所有這些問(wèn)題，你手上有一個(gè)真正的問(wèn)題。緩慢托管的膨脹網(wǎng)站充斥著技術(shù)問(wèn)題，然后通過(guò)3G查看，這對(duì)您的業(yè)務(wù)來(lái)說(shuō)并不是一個(gè)很好的選擇。
頁(yè)面速度測(cè)試工具
以下三個(gè)工具都可以測(cè)試您的頁(yè)面速度并確定可能的改進(jìn)區(qū)域。這并不是說(shuō)這些是唯一可用的工具，但是當(dāng)它們組合在一起時(shí)，它們提供了一種全面且易于理解的方法來(lái)審核網(wǎng)站速度。
我們的總體目標(biāo)如下：
- 物理文件大小。 這應(yīng)該盡可能小，理想情況下小于3 MB。
- 加載時(shí)間。 這應(yīng)該盡可能快，理想情況下低于3秒。
- 移動(dòng)裝載。 這應(yīng)該盡可能快，理想情況下在3G數(shù)據(jù)連接上低于5秒。
以下三個(gè)工具的結(jié)果將幫助您評(píng)估此問(wèn)題并幫助您提高網(wǎng)站的實(shí)際速度。
1. Google PageSpeed Insights
這是一種技術(shù)優(yōu)化工具。它通過(guò)分析網(wǎng)頁(yè)內(nèi)容直接從Google提供診斷信息。
該工具概述了所有當(dāng)前的優(yōu)化機(jī)會(huì)，并指出了已有的優(yōu)化因素。來(lái)自Google：
PageSpeed Insights評(píng)估頁(yè)面遵循 常見性能最佳實(shí)踐的程度， 并計(jì)算從零到100的分?jǐn)?shù)，以評(píng)估其性能余量。它評(píng)估頁(yè)面是否可以在兩個(gè)方面改善其性能：
- 高于負(fù)載的時(shí)間：從用戶請(qǐng)求新頁(yè)面到瀏覽器呈現(xiàn)上層內(nèi)容的那一刻起的經(jīng)過(guò)時(shí)間。
- 整頁(yè)加載的時(shí)間：從用戶請(qǐng)求新頁(yè)面到瀏覽器完全呈現(xiàn)頁(yè)面的那一刻起的經(jīng)過(guò)時(shí)間。
遵循該工具提供的建議，可確保您的網(wǎng)站在技術(shù)上得到優(yōu)化，以盡快為網(wǎng)頁(yè)提供服務(wù)。
使用此工具，您可以識(shí)別可以進(jìn)行的技術(shù)優(yōu)化，以加快頁(yè)面交付速度。
2.平等
Pingdom是一種測(cè)試網(wǎng)站交付速度的工具。您需要輸入您的URL和要測(cè)試的位置。選擇離您的業(yè)務(wù)最近的位置（以及托管您網(wǎng)站的位置）。
然后，Pingdom工具將為您提供另一個(gè)性能等級(jí)，加載時(shí)間，與其他站點(diǎn)和物理文件大小的堆疊方式。
我非常喜歡Pingdom的結(jié)果，這些結(jié)果是更詳細(xì)的故障，顯示了您網(wǎng)站的組件以及總加載時(shí)間如何分解。
在這里，我們可以看到我公司主頁(yè)的近一半（44％）是圖像，因此我們可以通過(guò)刪除和優(yōu)化圖像來(lái)使這個(gè)頁(yè)面更小。
在下圖中，我們可以看到各種因素對(duì)每個(gè)文件請(qǐng)求的加載時(shí)間的顏色編碼影響：DNS，SSL，發(fā)送，等待，接收和連接。
特別是等待時(shí)間很有趣，也是低質(zhì)量托管的標(biāo)志。如果您看到大的黃色條，那么您應(yīng)該考慮升級(jí)您的托管計(jì)劃。
我們還可以看到由于我們?cè)赪P引擎數(shù)據(jù)中心的專用服務(wù)器而沒(méi)有等待時(shí)間，但我們的DNS是一個(gè)很大的延遲。為了解決這個(gè)問(wèn)題，我們正在轉(zhuǎn)向一個(gè)優(yōu)質(zhì)的DNS提供商來(lái)加速這個(gè)弱點(diǎn)。
通過(guò)此處的信息，您可以確定哪些類型的文件構(gòu)成了您網(wǎng)站的大部分內(nèi)容，以及與您的托管或DNS相關(guān)的任何減速。所有簡(jiǎn)單的改進(jìn)，使您的網(wǎng)站快速前進(jìn)！
3.谷歌移動(dòng)測(cè)試
在上述工具中可以獲得良好的結(jié)果，并且在移動(dòng)設(shè)備上仍然存在速度（speed）問(wèn)題。根據(jù)Think With Google提供的信息，這是因?yàn)?0％的移動(dòng)訪問(wèn)仍然是通過(guò)3G數(shù)據(jù)連接，預(yù)計(jì)將持續(xù)到2020年。
如果您的網(wǎng)站在寬帶連接上快速加載，那就太好了。但是，如果移動(dòng)用戶構(gòu)成了大部分受眾，那么您需要針對(duì)這些用戶進(jìn)行優(yōu)化。
Google移動(dòng)工具會(huì)分享您在3G上的效果摘要，并提供報(bào)告。我們可以看到，我們當(dāng)前的網(wǎng)站并不像我想要的那樣快，因此在設(shè)計(jì)我們的新網(wǎng)站時(shí)，優(yōu)化這些用戶是一個(gè)關(guān)鍵的設(shè)計(jì)目標(biāo)。
向下滾動(dòng)頁(yè)面，您可以與行業(yè)中的其他網(wǎng)站進(jìn)行比較，并提供一些修復(fù)建議。您還可以請(qǐng)求一份報(bào)告，提供有關(guān)您可以解決的問(wèn)題的詳細(xì)建議，以加快速度。
獎(jiǎng)金提示
提示1。僅僅優(yōu)化您的主頁(yè)是不夠的; 您需要查看所有重要頁(yè)面以確保它們正在執(zhí)行。
提示2。要了解您網(wǎng)站上哪些頁(yè)面更大，并從縮小規(guī)模中受益，請(qǐng)使用ScreamingFrog.co.uk的優(yōu)化 Spider工具。以下是如何執(zhí)行此操作的快速概述：
- 下載并安裝Screaming Frog。
- 抓取您的網(wǎng)站。
- 查看“內(nèi)部”選項(xiàng)卡（默認(rèn)）。
- 查看“大小”列。
這將讓您查看您網(wǎng)站上的所有“大”頁(yè)面。
提示3.您還可以在“行為”>“網(wǎng)站速度”部分中查看Google Analytics帳戶中的平均加載時(shí)間。
讓您的網(wǎng)站加快速度
要為所有用戶加快網(wǎng)站速度，您必須從不同角度查看網(wǎng)站。
- 該網(wǎng)站在技術(shù)上是否經(jīng)過(guò)優(yōu)化？
- 你有“大”頁(yè)面有很多圖像和內(nèi)容嗎？
- 主機(jī)讓你失望嗎？
- 該網(wǎng)站在移動(dòng)或較慢的互聯(lián)網(wǎng)連接上的用戶表現(xiàn)如何？
通過(guò)查看這三個(gè)工具的輸出，您可以更全面地了解您的網(wǎng)站的執(zhí)行情況以及您可以采取的措施來(lái)加快速度。這可能需要技術(shù)優(yōu)化，減小文件大小，更好地托管，或者最常見的是上述所有組合。然后你可以再次測(cè)試和測(cè)試。