根據Google對移動(dòng)頁(yè)面速度的研究，超過(guò)半（53％）的用戶(hù)將離開(kāi)不到三秒鐘就不會(huì )加載的移動(dòng)頁(yè)面?？紤]到2014年移動(dòng)互聯(lián)網(wǎng)使用的速度超過(guò)了臺式機，并且此直沒(méi)有放緩，因此您的大多數網(wǎng)站用戶(hù)可能會(huì )在幾秒鐘感到沮喪。這對您的用戶(hù)或您的線(xiàn)來(lái)說(shuō)都不好。
該研究還指出，典型的移動(dòng)頁(yè)面完全加載的平均時(shí)間為22秒。（盡管面向用戶(hù)的前端頁(yè)面的加載速度可能比加載頁(yè)面更快，但是許多移動(dòng)頁(yè)面的跟蹤代碼，廣告和其他腳本即使在瀏覽器中可見(jiàn)仍會(huì )繼續加載。）考慮到2018年7月， Google將使用移動(dòng)頁(yè)面速度作為其搜索算法中的排名因素（就像目前桌面搜索樣），應該激勵公司創(chuàng )建更精簡(jiǎn)，加載速度更快的數字產(chǎn)品和服務(wù)。但是，互聯(lián)網(wǎng)上充斥著(zhù)緩慢，ated腫的網(wǎng)站，這些網(wǎng)站使用戶(hù)感到沮喪，浪費能源，并因性能不佳而受到Google的懲罰。
該研究還指出，典型的移動(dòng)頁(yè)面完全加載的平均時(shí)間為22秒。（盡管面向用戶(hù)的前端頁(yè)面的加載速度可能比加載頁(yè)面更快，但是許多移動(dòng)頁(yè)面的跟蹤代碼，廣告和其他腳本即使在瀏覽器中可見(jiàn)仍會(huì )繼續加載。）考慮到2018年7月， Google將使用移動(dòng)頁(yè)面速度作為其搜索算法中的排名因素（就像目前桌面搜索樣），應該激勵公司創(chuàng )建更精簡(jiǎn)，加載速度更快的數字產(chǎn)品和服務(wù)。但是，互聯(lián)網(wǎng)上充斥著(zhù)緩慢，ated腫的網(wǎng)站，這些網(wǎng)站使用戶(hù)感到沮喪，浪費能源，并因性能不佳而受到Google的懲罰。
然，您如何做出正確的決定來(lái)平衡設備和平臺之間的功能和可用性？使利益相關(guān)者保持致并使每個(gè)人都致力于啟動(dòng)快速加載網(wǎng)站的種好方法是使用頁(yè)面權重預算。 什么是頁(yè)面權重預算？
頁(yè)面權重預算（通常也稱(chēng)為Web性能預算）是項目團隊用來(lái)確保網(wǎng)站或數字產(chǎn)品滿(mǎn)足性能標準并在設備和平臺之間快速加載的組約束。這包括設置個(gè)限制加載時(shí)間和帶寬使用量的閾值。出于上述所有原因，在構建或維護網(wǎng)站和數字產(chǎn)品時(shí)，應使用性能或頁(yè)面權重預算。不幸的是，這是種非常罕見(jiàn)的做法。
盡管有很多文章涵蓋了定義和衡量頁(yè)面權重預算的技術(shù)方面，但是在這篇文章中，我們將介紹如何將它們用作種溝通工具，以在所有項目涉眾之間達成共識，包括客戶(hù)，項目經(jīng)理，生產(chǎn)團隊和其他人員-在項目的設計約束下。如果您的任務(wù)是管理公司網(wǎng)站的重設計，則此帖子可以為您提供幫助。
更快的加載頁(yè)面不僅對人們有益，而且對地球也有利。頁(yè)面加載得越快，它消耗的能量就越少。雖然加載單個(gè)頁(yè)面似乎沒(méi)什么大不了的，但是當您考慮到世界上超過(guò)半的人口在線(xiàn)并且互聯(lián)網(wǎng)上有近20億個(gè)網(wǎng)站時(shí)，這個(gè)數字確實(shí)開(kāi)始增加。另外，極少的互聯(lián)網(wǎng)由可再生能源提供動(dòng)力，因此，它實(shí)際上是世界上大的燃煤機。更快的加載時(shí)間意味著(zhù)更少的二氧化碳排放。
在2017年，平均網(wǎng)頁(yè)大小超過(guò)3 MB。盡管肯定有這種大小頁(yè)面的用例，但often腫的網(wǎng)站通常是由于缺乏知識或期望值不致而采用這種方式，例如內容創(chuàng )建者上傳未壓縮的圖像，設計團隊添加無(wú)關(guān)緊要的話(huà)題或網(wǎng)站創(chuàng )建者只是不在乎用戶(hù)體驗。
如果您的效網(wǎng)站流量很大，除了使用戶(hù)沮喪之外，還可能意味著(zhù)大量的二氧化碳排放。加載時(shí)間快如閃電的頁(yè)面可以減少這種影響。這就是為什么性能和頁(yè)面重量預算可以如此有效地減少互聯(lián)網(wǎng)對環(huán)境的影響的原因，互聯(lián)網(wǎng)對環(huán)境的影響現已與商業(yè)航空業(yè)相提并論，其排放量約占全球二氧化碳排放量的2％。
有關(guān)互聯(lián)網(wǎng)如何對可持續性進(jìn)行排名的更多信息，請查看我們在2018年發(fā)布的互聯(lián)網(wǎng)可持續性，或通過(guò)我們的網(wǎng)站可持續性檢查器Ecograder來(lái)運行您的網(wǎng)站。
如何設置頁(yè)面權重預算？
設置頁(yè)面權重預算將取決于幾個(gè)因素。如果可能的話(huà)，好在項目開(kāi)始時(shí)，啟動(dòng)會(huì )議或早期發(fā)現研討會(huì )中設定性能期望。這樣可以確保項目的各個(gè)利益相關(guān)者之間的協(xié)作，以確保每個(gè)人都清楚地了解目標和維持預算的好處。
定義預算時(shí)需要設置很多限制，例如HTTP請求總數，大圖像大小，外部資源數量等等。通常，設計和開(kāi)發(fā)團隊會(huì )在生產(chǎn)過(guò)程中充實(shí)每個(gè)產(chǎn)品的詳細信息，但對每個(gè)人來(lái)說(shuō)，了解目標很重要。高層項目利益相關(guān)者要記住的主要指標是：
目標用戶(hù)的大下載時(shí)間
大頁(yè)面重量不超過(guò)
換句話(huà)說(shuō)，您的大多數用戶(hù)能夠在選擇的設備上多長(cháng)時(shí)間查看您的內容？
要估算佳體驗，您需要回答些有關(guān)用戶(hù)的重要問(wèn)題：
誰(shuí)是您的公分母前端用戶(hù)？例如，如果您針對農村地區的人們，請考慮可能會(huì )阻礙他們體驗的潛在帶寬限制。
他們使用哪種設備訪(fǎng)問(wèn)互聯(lián)網(wǎng)？同樣，例如，如果您的目標用戶(hù)沒(méi)有智能手機，或者相反，使用可穿戴設備，則您將需要遍歷用例并找出可為技術(shù)規格提供依據的潛在體驗障礙。
內容管理員將如何隨著(zhù)時(shí)間的推移保持預算？這是在整個(gè)項目中進(jìn)行的重要對話(huà)。管理員也是用戶(hù)！
良好的用戶(hù)研究和測試以及用戶(hù)角色研討會(huì )都可以幫助回答上述問(wèn)題。使用這些練習中的信息來(lái)告知您的預算。
開(kāi)始對話(huà)的種簡(jiǎn)單方法是使用Jonathan Fielding的效果預算計算器。如果您知道帶寬限制以及希望頁(yè)面加載的速度，那么這個(gè)簡(jiǎn)單的工具可以幫助您的團隊進(jìn)行更詳細的討論。
選擇所需的加載時(shí)間和帶寬，以使用“性能預算計算器”設置性能預算。
在頁(yè)面權重預算上建立團隊共識并幫助利益相關(guān)者更好地理解潛在障礙，對于創(chuàng )建和維持佳網(wǎng)站性能關(guān)重要。與網(wǎng)站維護和網(wǎng)站治理期間樣，這同樣是個(gè)問(wèn)題。所有項目涉眾都必須參與其中。以下是確保數字產(chǎn)品或服務(wù)隨時(shí)間推移性能的些方法。
項目或產(chǎn)品經(jīng)理的頁(yè)面權重預算
作為產(chǎn)品所有者和生產(chǎn)團隊之間的渠道，產(chǎn)品經(jīng)理負責管理期望并促進(jìn)產(chǎn)品構建和產(chǎn)品維護之間的平穩過(guò)渡。項目經(jīng)理應促進(jìn)與相關(guān)項目利益相關(guān)者就頁(yè)面權重預算的核心組成部分進(jìn)行培訓。這將首在早期發(fā)現研討會(huì )中進(jìn)行以達到期望水平，然繼續為管理員和內容管理員提供更詳細的培訓。
設計人員和開(kāi)發(fā)人員的頁(yè)面權重預算
設計和開(kāi)發(fā)團隊將負責正確制定性能預算詳細信息。這包括整理HTML和CSS，JavaScript，字體，圖像，音頻或視頻之類(lèi)的媒體文件，服務(wù)器請求等，以確?？焖偌虞d頁(yè)面。他們還應該為持續的績(jì)效目標設定指導方針。
網(wǎng)站管理員和內容創(chuàng )建者的頁(yè)面權重預算
啟動(dòng)，很容易忽略性能目標。網(wǎng)站管理員，內容管理員和定期向您的網(wǎng)站中添加內容的其他人員應精通優(yōu)化圖像和其他內容以實(shí)現快的下載速度。在發(fā)布之前，他們還應對照目標檢查頁(yè)面權重。
網(wǎng)頁(yè)測試（左）和頁(yè)面大小檢查器（右）。
頁(yè)面權重預算資源
以下是些評估頁(yè)面性能并確定需要改進(jìn)的工具。這些工具中的某些可以追溯到已經(jīng)存在的頁(yè)面，而有些可以用來(lái)設定初始目標。
ImgIX的“ 頁(yè)面權重”主要關(guān)注圖像，但為您提供了方便的修復報告，以進(jìn)行改進(jìn)。
如上所述，Jonathan Fielding的效果預算計算器可以幫助您根據目標帶寬和下載時(shí)間來(lái)規劃適當的頁(yè)面權重預算。超級好用！
Pingdom的網(wǎng)站速度測試為您提供了份完整，詳細的報告，說(shuō)明您可以采取哪些措施來(lái)改善頁(yè)面的性能。
網(wǎng)頁(yè)測試允許您從多個(gè)位置以實(shí)際的使用者連接速度測試頁(yè)面性能。
SEO排名分析器創(chuàng )建了個(gè)簡(jiǎn)單的頁(yè)面大小檢查器，可幫助您快速檢查頁(yè)面大小。他們也有個(gè)WordPress插件，聽(tīng)起來(lái)很方便，但是我無(wú)法正常工作。
魯公網(wǎng)安備37010202000892號