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