建站
咨詢
售后
建站咨詢
新聞中心
網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序定制開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了玉泉免費建站歡迎大家使用！
在考慮頁面速度時，首屏展現(xiàn)平均值 (SI，全稱Speed Index) 是一個有趣的指標(biāo)。它絕對是您頁面性能的指標(biāo)，但它與其他以用戶為中心的指標(biāo)（例如First Contentful Paint和Largest Contentful Paint）完全不同。SI表示您的網(wǎng)站加載首屏的速度?；蛘邠Q句話說，當(dāng)用戶視口中的所有內(nèi)容都完全可見時。查看頁面的加載時間時，您不太可能因首屏展現(xiàn)平均值而受到懲罰或獎勵。這不是忽視它的理由。作為一個單一的指標(biāo)，它是為數(shù)不多的包含多個其他指標(biāo)的指標(biāo)之一，可以讓您對網(wǎng)站的整體速度、效率和性能有一個全面的了解。
什么是首屏展現(xiàn)平均值？
Lighthouse是Google PageSpeed Insights的支柱，它會查看多個性能指標(biāo)來為您的網(wǎng)站評分。首屏展現(xiàn)平均值 (SI) 就是其中之一，報告將以秒為單位顯示時間，而不是像其他一些指標(biāo)一樣以毫秒為單位。Google將SI定義為“頁面內(nèi)容可見填充的速度”。
很直接，對吧？
首屏展現(xiàn)平均值不考慮后端腳本或其他非繪制負(fù)載。不過，它們確實會影響它。SI只是衡量用戶完整查看您的內(nèi)容所需的時間。雖然其他指標(biāo)（例如LCP）是在顯示內(nèi)容的最大部分時衡量的，但首屏展現(xiàn)平均值考慮了實際應(yīng)該顯示的任何和所有內(nèi)容。
這不是整體頁面速度的衡量標(biāo)準(zhǔn)。這考慮了瀏覽器何時呈現(xiàn)所有元素。包括不可見的腳本和影響性能的元素。但是，如果您想很好地衡量用戶何時認(rèn)為頁面已完全加載，則SI是要觀察的指標(biāo)。由于它是如何以用戶為中心的，SI可以很好地表明整體站點的健康狀況，也可以作為站點用戶體驗 (UX)的基準(zhǔn)。
如何測量首屏展現(xiàn)平均值
與大多數(shù)網(wǎng)站性能指標(biāo)一樣，最常用的工具之一是Google自己的PageSpeed Insights。這個工具也是它返回的結(jié)果中最特別的工具之一。即使是最完善的站點，它也相對挑剔。PageSpeed Insights最常根據(jù)過去28天收集的匯總數(shù)據(jù)為您的網(wǎng)站提供實驗室數(shù)據(jù)。但是，如果您有足夠多的訪問者通過Chrome將信息轉(zhuǎn)發(fā)回Google，您也可以從報告中獲取真實的實測數(shù)據(jù)。不過，并不是每個網(wǎng)站都能得到這個。
如您所見，其中許多指標(biāo)的速度都是綠色的。這表明它們是“好”的。這顯然是您想要您的網(wǎng)站的地方。但是，首屏展現(xiàn)平均值為4.0秒和橙色。用戶需要等待很長時間才能看到首屏的所有內(nèi)容。
什么首屏展現(xiàn)平均值分?jǐn)?shù)才算優(yōu)秀？
PageSpeed Insights使用以下分?jǐn)?shù)對您網(wǎng)站的首屏展現(xiàn)平均值進行排名并相應(yīng)地對其進行顏色編碼：
- 綠色（良好）——0 到 3.4 秒
- 橙色（中等）——3.4 到 5.8 秒
- 紅色（慢） – 超過 5.8 秒
正如我們之前所說，PageSpeed Insights在其測量中非常重要。如果您處于橙色或紅色狀態(tài)，則可能需要使用諸如GTmetrix或Pingdom的速度測試類的工具來查看其實時數(shù)據(jù)顯示的內(nèi)容。我們認(rèn)為最好在不同時間使用多種工具測試您的網(wǎng)站，以獲得最佳整體性能圖。
如何優(yōu)化首屏展現(xiàn)平均值得分
您可以采取多個步驟來優(yōu)化您的首屏展現(xiàn)平均值分?jǐn)?shù)。如果您已經(jīng)嘗試優(yōu)化您的網(wǎng)站以提高（或從技術(shù)上講，降低）頁面速度，那么您可能也以某種方式影響了您的 SI 分?jǐn)?shù)。我們將向您展示一些專門針對您的 SI 時間的方法，以便您的頁面盡快加載，從而為您的訪問者提供最佳體驗。
減少渲染阻塞資源
更具體地說，減少JavaScript執(zhí)行時間是提高首屏展現(xiàn)平均值得分的最佳方法之一。渲染阻塞資源是腳本和代碼，它們優(yōu)先阻止您網(wǎng)站的其他部分加載。與站點同時加載不同的元素不同，一些元素會暫停所有其他元素，直到它們完成。
這會降低您網(wǎng)站的首屏展現(xiàn)平均值。為了解決這個問題，您可以推遲加載任意數(shù)量的腳本和代碼位，直到可見元素繪制到DOM之后。識別罪魁禍?zhǔn)讓嶋H上相對容易，因為您可以使用Chrome開發(fā)工具在您的網(wǎng)站加載時查看您的網(wǎng)站，該工具將指出是什么阻止了元素的渲染。
此外，WordPress用戶可以使用W3 Total Cache或WP Rocket等緩存插件（或站點優(yōu)化插件）來處理此問題。通常這些插件有一個簡單的切換來延遲渲染阻塞資源。
減少網(wǎng)站主線程工作
與渲染阻塞資源一樣，您可以通過加載占用服務(wù)器大量處理能力的不同元素來限制站點的性能。減少這些可以幫助更快地將站點推送到瀏覽器。
對此最簡單的解決方案是停止使用如此多的JavaScript。如GTmetrix所說：
一般來說，頁面的JavaScript越多，解析/編譯過程就越長；導(dǎo)致用戶查看內(nèi)容和與您的頁面交互的等待時間更長。
我們認(rèn)識到這可能并不容易。您已將網(wǎng)站設(shè)計為以某種方式運行。但是，您可能會刪除未使用的代碼，并且您可以優(yōu)化加載到站點中的任何第三方JavaScript。此外，極簡化JavaScript。
在JS審計之上，確保極簡化你的CSS和HTML。這將減輕更多的主線程壓力。緩存和優(yōu)化插件通常也有這些選項。
首屏展現(xiàn)平均值常見問題
首屏展現(xiàn)平均值是一個具有復(fù)雜影響的簡單概念。我們想回答一些關(guān)于SI的常見問題，以幫助您盡可能優(yōu)化您的網(wǎng)站。
SI如何影響網(wǎng)站整體性能？
首屏展現(xiàn)平均值作為一個單一的指標(biāo)，可以很好地表明您的網(wǎng)站在許多不同領(lǐng)域的表現(xiàn)。由于它考慮了完全可見的首屏內(nèi)容，因此您不僅可以將其用作衡量用戶感知負(fù)載的指標(biāo)，還可以粗略估計您的網(wǎng)站在許多不同區(qū)域的表現(xiàn)。
它實際上并沒有為您提供很多關(guān)于您的網(wǎng)站正在做什么的信息。它可以被視為一個包羅萬象的指標(biāo)，正如GTmetrix所說，它是“一個有用的整體基準(zhǔn)，用于評估您網(wǎng)站的整體性能?！?/p>
需過分關(guān)注SI分?jǐn)?shù)嗎？
雖然對您的網(wǎng)站進行基準(zhǔn)測試非常有用，但關(guān)注其他更精細的問題，例如首次內(nèi)容繪制 ( FCP )、最大內(nèi)容繪制 ( LCP )、首字節(jié)時間 ( TTFB ) 和首次輸入延遲 ( FID )更重要。您可以采取任意數(shù)量的步驟來單獨改進這些步驟，從而提高您的首屏展現(xiàn)平均值。當(dāng)作為整體基準(zhǔn)時，您可以看到您的優(yōu)化通過 SI 的效果如何。
小結(jié)
頁面速度優(yōu)化是網(wǎng)站所有者永無止境的戰(zhàn)斗。您必須在可用性、體驗和性能之間取得平衡，找到這種平衡可能很困難。當(dāng)測試在如此多的不同元素上返回如此多的不同分?jǐn)?shù)時，可能很難知道將精力和資源放在哪里。首屏展現(xiàn)平均值可以幫助解決這個問題，作為一個單一的指標(biāo)，可以顯示您的網(wǎng)站在您調(diào)整網(wǎng)站性能的其他更具體部分時的表現(xiàn)。
當(dāng)前標(biāo)題：什么是首屏展現(xiàn)平均值(SpeedIndex)及如何做相應(yīng)優(yōu)化措施
當(dāng)前地址：http://www.dlmjj.cn/article/coophpp.html
