在本文中，我們介紹了頁(yè)面權(quán)重預(yù)算如何使您的成都網(wǎng)站建設(shè)更快，更可持續(xù)，擁有更好的用戶體驗(yàn)，同時(shí)還幫助您建立團(tuán)隊(duì)對(duì)性能目標(biāo)的共識(shí)。

在創(chuàng)建網(wǎng)站或數(shù)字產(chǎn)品時(shí)，很容易陷入新功能想法的激動(dòng)之中。畢竟，天空是您可以做的事情的極限……但是您應(yīng)該怎么做？每一項(xiàng)新功能，其他圖像，廣告跟蹤代碼或媒體都會(huì)增加頁(yè)面的重量，減慢加載時(shí)間，降低性能，并可能浪費(fèi)能源。這會(huì)使許多用戶感到沮喪，尤其是那些使用較舊的移動(dòng)設(shè)備或帶寬受限的農(nóng)村地區(qū)的用戶。

根據(jù)Google對(duì)移動(dòng)頁(yè)面速度的研究，超過(guò)一半（53％）的用戶將離開(kāi)不到三秒鐘就不會(huì)加載的移動(dòng)頁(yè)面?？紤]到2014年移動(dòng)互聯(lián)網(wǎng)使用的速度超過(guò)了臺(tái)式機(jī)，并且此后一直沒(méi)有放緩，因此您的大多數(shù)網(wǎng)站用戶可能會(huì)在幾秒鐘后感到沮喪。這對(duì)您的用戶或您的底線來(lái)說(shuō)都不好。

該研究還指出，典型的移動(dòng)頁(yè)面完全加載的平均時(shí)間為22秒。（盡管面向用戶的前端頁(yè)面的加載速度可能比加載頁(yè)面更快，但是許多移動(dòng)頁(yè)面的跟蹤代碼，廣告和其他腳本即使在瀏覽器中可見(jiàn)后仍會(huì)繼續(xù)加載。）考慮到2018年7月， Google將使用移動(dòng)頁(yè)面速度作為其搜索算法中的排名因素（就像目前桌面搜索一樣），應(yīng)該激勵(lì)公司創(chuàng)建更精簡(jiǎn)，加載速度更快的數(shù)字產(chǎn)品和服務(wù)。但是，互聯(lián)網(wǎng)上充斥著緩慢，ated腫的網(wǎng)站，這些網(wǎng)站使用戶感到沮喪，浪費(fèi)能源，并因性能不佳而受到Google的懲罰。

然后，您如何做出正確的決定來(lái)平衡設(shè)備和平臺(tái)之間的功能和可用性？使利益相關(guān)者保持一致并使每個(gè)人都致力于啟動(dòng)快速加載網(wǎng)站的一種好方法是使用頁(yè)面權(quán)重預(yù)算。

什么是頁(yè)面權(quán)重預(yù)算？

頁(yè)面權(quán)重預(yù)算（通常也稱為Web性能預(yù)算）是項(xiàng)目團(tuán)隊(duì)用來(lái)確保網(wǎng)站或數(shù)字產(chǎn)品滿足性能標(biāo)準(zhǔn)并在設(shè)備和平臺(tái)之間快速加載的一組約束。這包括設(shè)置一個(gè)限制加載時(shí)間和帶寬使用量的閾值。出于上述所有原因，在構(gòu)建或維護(hù)網(wǎng)站和數(shù)字產(chǎn)品時(shí)，應(yīng)使用性能或頁(yè)面權(quán)重預(yù)算。不幸的是，這是一種非常罕見(jiàn)的做法。

盡管有很多文章涵蓋了定義和衡量頁(yè)面權(quán)重預(yù)算的技術(shù)方面，但是在這篇文章中，我們將介紹如何將它們用作一種溝通工具，以在所有項(xiàng)目涉眾之間達(dá)成共識(shí)，包括客戶，項(xiàng)目經(jīng)理，生產(chǎn)團(tuán)隊(duì)和其他人員-在項(xiàng)目的設(shè)計(jì)約束下。如果您的任務(wù)是管理公司網(wǎng)站的重新設(shè)計(jì)，則此帖子可以為您提供幫助。

更具可持續(xù)性的解決方案

更快的加載頁(yè)面不僅對(duì)人們有益，而且對(duì)地球也有利。頁(yè)面加載得越快，它消耗的能量就越少。雖然加載單個(gè)頁(yè)面似乎沒(méi)什么大不了的，但是當(dāng)您考慮到世界上超過(guò)一半的人口在線并且互聯(lián)網(wǎng)上有近20億個(gè)網(wǎng)站時(shí)，這個(gè)數(shù)字確實(shí)開(kāi)始增加。另外，極少的互聯(lián)網(wǎng)由可再生能源提供動(dòng)力，因此，它實(shí)際上是世界上大的燃煤機(jī)。更快的加載時(shí)間意味著更少的二氧化碳排放。

如圖從Speedcurve基于HTTP存檔數(shù)據(jù)的圖表所示，頁(yè)面大小顯著增加。

在2017年，平均網(wǎng)頁(yè)大小超過(guò)3 MB。盡管肯定有這種大小頁(yè)面的用例，但often腫的網(wǎng)站通常是由于缺乏知識(shí)或期望值不一致而采用這種方式，例如內(nèi)容創(chuàng)建者上傳未壓縮的圖像，設(shè)計(jì)團(tuán)隊(duì)添加無(wú)關(guān)緊要的話題或網(wǎng)站創(chuàng)建者只是不在乎用戶體驗(yàn)。

如果您的低效網(wǎng)站流量很大，除了使用戶沮喪之外，還可能意味著大量的二氧化碳排放。加載時(shí)間快如閃電的頁(yè)面可以減少這種影響。這就是為什么性能和頁(yè)面重量預(yù)算可以如此有效地減少互聯(lián)網(wǎng)對(duì)環(huán)境的影響的原因，互聯(lián)網(wǎng)對(duì)環(huán)境的影響現(xiàn)已與商業(yè)航空業(yè)相提并論，其排放量約占全球二氧化碳排放量的2％。

有關(guān)互聯(lián)網(wǎng)如何對(duì)可持續(xù)性進(jìn)行排名的更多信息，請(qǐng)查看我們?cè)?018年發(fā)布的互聯(lián)網(wǎng)可持續(xù)性，或通過(guò)我們的免費(fèi)網(wǎng)站可持續(xù)性檢查器Ecograder來(lái)運(yùn)行您的網(wǎng)站。

如何設(shè)置頁(yè)面權(quán)重預(yù)算？

設(shè)置頁(yè)面權(quán)重預(yù)算將取決于幾個(gè)因素。如果可能的話，在項(xiàng)目開(kāi)始時(shí)，啟動(dòng)會(huì)議或早期發(fā)現(xiàn)研討會(huì)中設(shè)定性能期望。這樣可以確保項(xiàng)目的各個(gè)利益相關(guān)者之間的協(xié)作，以確保每個(gè)人都清楚地了解目標(biāo)和維持預(yù)算的好處。

定義預(yù)算時(shí)需要設(shè)置很多限制，例如HTTP請(qǐng)求總數(shù)，大圖像大小，外部資源數(shù)量等等。通常，設(shè)計(jì)和開(kāi)發(fā)團(tuán)隊(duì)會(huì)在生產(chǎn)過(guò)程中充實(shí)每個(gè)產(chǎn)品的詳細(xì)信息，但對(duì)每個(gè)人來(lái)說(shuō)，了解目標(biāo)很重要。高層項(xiàng)目利益相關(guān)者要記住的主要指標(biāo)是：

目標(biāo)用戶的大下載時(shí)間

大頁(yè)面重量不超過(guò)

換句話說(shuō)，您的大多數(shù)用戶能夠在選擇的設(shè)備上多長(zhǎng)時(shí)間查看您的內(nèi)容？

要估算好體驗(yàn)，您需要回答一些有關(guān)用戶的重要問(wèn)題：

誰(shuí)是您的最低公分母前端用戶？例如，如果您針對(duì)農(nóng)村地區(qū)的人們，請(qǐng)考慮可能會(huì)阻礙他們體驗(yàn)的潛在帶寬限制。

他們使用哪種設(shè)備訪問(wèn)互聯(lián)網(wǎng)？同樣，例如，如果您的目標(biāo)用戶沒(méi)有智能手機(jī)，或者相反，使用可穿戴設(shè)備，則您將需要遍歷用例并找出可為技術(shù)規(guī)格提供依據(jù)的潛在體驗(yàn)障礙。

內(nèi)容管理員將如何隨著時(shí)間的推移保持預(yù)算？這是在整個(gè)項(xiàng)目中進(jìn)行的重要對(duì)話。管理員也是用戶！

良好的用戶研究和測(cè)試以及用戶角色研討會(huì)都可以幫助回答上述問(wèn)題。使用這些練習(xí)中的信息來(lái)告知您的預(yù)算。

開(kāi)始對(duì)話的一種簡(jiǎn)單方法是使用Jonathan Fielding的效果預(yù)算計(jì)算器。如果您知道帶寬限制以及希望頁(yè)面加載的速度，那么這個(gè)簡(jiǎn)單的工具可以幫助您的團(tuán)隊(duì)進(jìn)行更詳細(xì)的討論。

選擇所需的加載時(shí)間和帶寬，以使用“性能預(yù)算計(jì)算器”設(shè)置性能預(yù)算。

團(tuán)隊(duì)預(yù)算執(zhí)行

在頁(yè)面權(quán)重預(yù)算上建立團(tuán)隊(duì)共識(shí)并幫助利益相關(guān)者更好地理解潛在障礙，對(duì)于創(chuàng)建和維持好網(wǎng)站性能至關(guān)重要。與網(wǎng)站維護(hù)和網(wǎng)站治理期間一樣，這同樣是一個(gè)問(wèn)題。所有項(xiàng)目涉眾都必須參與其中。以下是確保數(shù)字產(chǎn)品或服務(wù)隨時(shí)間推移性能的一些方法。

項(xiàng)目或產(chǎn)品經(jīng)理的頁(yè)面權(quán)重預(yù)算

作為產(chǎn)品所有者和生產(chǎn)團(tuán)隊(duì)之間的渠道，產(chǎn)品經(jīng)理負(fù)責(zé)管理期望并促進(jìn)產(chǎn)品構(gòu)建和產(chǎn)品維護(hù)之間的平穩(wěn)過(guò)渡。項(xiàng)目經(jīng)理應(yīng)促進(jìn)與相關(guān)項(xiàng)目利益相關(guān)者就頁(yè)面權(quán)重預(yù)算的核心組成部分進(jìn)行培訓(xùn)。這將首先在早期發(fā)現(xiàn)研討會(huì)中進(jìn)行以達(dá)到期望水平，然后繼續(xù)為管理員和內(nèi)容管理員提供更詳細(xì)的培訓(xùn)。

設(shè)計(jì)人員和開(kāi)發(fā)人員的頁(yè)面權(quán)重預(yù)算

設(shè)計(jì)和開(kāi)發(fā)團(tuán)隊(duì)將負(fù)責(zé)正確制定性能預(yù)算詳細(xì)信息。這包括整理HTML和CSS，JavaScript，字體，圖像，音頻或視頻之類的媒體文件，服務(wù)器請(qǐng)求等，以確?？焖偌虞d頁(yè)面。他們還應(yīng)該為持續(xù)的績(jī)效目標(biāo)設(shè)定指導(dǎo)方針。

網(wǎng)站管理員和內(nèi)容創(chuàng)建者的頁(yè)面權(quán)重預(yù)算

啟動(dòng)后，很容易忽略性能目標(biāo)。網(wǎng)站管理員，內(nèi)容管理員和定期向您的網(wǎng)站中添加內(nèi)容的其他人員應(yīng)精通優(yōu)化圖像和其他內(nèi)容以實(shí)現(xiàn)快的下載速度。在發(fā)布之前，他們還應(yīng)對(duì)照目標(biāo)檢查頁(yè)面權(quán)重。

網(wǎng)頁(yè)測(cè)試（左）和頁(yè)面大小檢查器（右）。

頁(yè)面權(quán)重預(yù)算資源

以下是一些評(píng)估頁(yè)面性能并確定需要改進(jìn)的工具。這些工具中的某些可以追溯到已經(jīng)存在的頁(yè)面，而有些可以用來(lái)設(shè)定初始目標(biāo)。

ImgIX的“頁(yè)面權(quán)重”主要關(guān)注圖像，但為您提供了方便的修復(fù)報(bào)告，以進(jìn)行改進(jìn)。

如上所述，Jonathan Fielding的效果預(yù)算計(jì)算器可以幫助您根據(jù)目標(biāo)帶寬和下載時(shí)間來(lái)規(guī)劃適當(dāng)?shù)捻?yè)面權(quán)重預(yù)算。超級(jí)好用！

Pingdom的網(wǎng)站速度測(cè)試為您提供了一份完整，詳細(xì)的報(bào)告，說(shuō)明您可以采取哪些措施來(lái)改善頁(yè)面的性能。

網(wǎng)頁(yè)測(cè)試允許您從多個(gè)位置以實(shí)際的使用者連接速度測(cè)試頁(yè)面性能。

SEO排名分析器創(chuàng)建了一個(gè)簡(jiǎn)單的頁(yè)面大小檢查器，可幫助您快速檢查頁(yè)面大小。他們也有一個(gè)WordPress插件，聽(tīng)起來(lái)很方便，但是我無(wú)法正常工作。

當(dāng)前名稱：使用頁(yè)面權(quán)重預(yù)算來(lái)加速您的網(wǎng)站優(yōu)化！
文章來(lái)源：http://jinyejixie.com/news45/189795.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、網(wǎng)站制作、網(wǎng)站收錄、網(wǎng)站策劃、網(wǎng)站導(dǎo)航、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)