當(dāng)PageSpeed Insights檢測(cè)到網(wǎng)頁(yè)上的文字太小而難以辨認(rèn)時(shí)，就會(huì)觸發(fā)此規(guī)則。 概覽 您可以使用以下四種常用單位來(lái)指定網(wǎng)頁(yè)字體大?。合袼?px)、點(diǎn)(pt)、EM(em)和百分比(%)。 像素即“CSS像素”，會(huì)因設(shè)備尺寸和密度而異。 點(diǎn)是相對(duì)于像素而定義的。一個(gè)像素是0.75點(diǎn)*。 EM和百分比是“相對(duì)”單位：這兩個(gè)單位是相對(duì)于沿用已使用字體大小和屬性而言的。1 EM相當(dāng)于100%。 *請(qǐng)參見(jiàn)其他說(shuō)明。 此外，視口會(huì)影響字體在移動(dòng)設(shè)備上的縮放方式。未適當(dāng)配置視口的網(wǎng)頁(yè)會(huì)在移動(dòng)設(shè)備上縮小顯示，這通常會(huì)導(dǎo)致網(wǎng)頁(yè)文字較小而難以辨認(rèn)。 建議 ...

當(dāng)PageSpeed Insights檢測(cè)到某些點(diǎn)按目標(biāo)（例如按鈕、鏈接或表單字段）可能過(guò)小或距離過(guò)近，以致用戶(hù)不方便在觸摸屏上點(diǎn)按時(shí)，就會(huì)觸發(fā)此規(guī)則。 概覽 對(duì)于用戶(hù)來(lái)說(shuō)，如果鏈接或按鈕太小或擺放太密集的話(huà)，要想在觸摸屏上準(zhǔn)確點(diǎn)按這些目標(biāo)，會(huì)比使用傳統(tǒng)鼠標(biāo)光標(biāo)更費(fèi)力。為了讓用戶(hù)免去不慎按錯(cuò)位置的困擾，請(qǐng)為每個(gè)點(diǎn)按目標(biāo)設(shè)置足夠的大小，并讓它們之間保持足夠的距離，以免用戶(hù)在點(diǎn)按任何目標(biāo)時(shí)手指觸碰到其他任何點(diǎn)按目標(biāo)。成人的手指指腹平均寬約10毫米（不到半英寸），因此Android界面準(zhǔn)則建議最小點(diǎn)按目標(biāo)尺寸約為7毫米，或在移動(dòng)視口正確設(shè)置的網(wǎng)站上，點(diǎn)按目標(biāo)至少要達(dá)到48 CSS像素。 ...

當(dāng)PageSpeed Insights檢測(cè)到網(wǎng)頁(yè)內(nèi)容不適合在指定尺寸的視口內(nèi)水平顯示，而強(qiáng)制用戶(hù)水平移動(dòng)網(wǎng)頁(yè)以查看所有內(nèi)容時(shí)，就會(huì)觸發(fā)此規(guī)則。 概覽 在桌面設(shè)備和移動(dòng)設(shè)備上，用戶(hù)習(xí)慣于垂直（而非水平）滾動(dòng)瀏覽網(wǎng)站，而強(qiáng)制用戶(hù)水平滾動(dòng)或縮小以查看完整網(wǎng)頁(yè)會(huì)給用戶(hù)帶來(lái)很差的體驗(yàn)。 在使用元視口代碼開(kāi)發(fā)移動(dòng)網(wǎng)站的過(guò)程中，您往往會(huì)在無(wú)意中創(chuàng)建并不適用于指定視口的網(wǎng)頁(yè)內(nèi)容。例如，如果在視口中顯示大于視口寬度的圖片，會(huì)迫使用戶(hù)水平滾動(dòng)該視口。您應(yīng)調(diào)整此內(nèi)容，使其符合視口的寬度。這樣一來(lái)，用戶(hù)就不用水平滾動(dòng)視口了。 建議 ...

當(dāng)PageSpeed Insights檢測(cè)到您的網(wǎng)頁(yè)未指定視口，或者指定的視口不適合不同設(shè)備時(shí)，就會(huì)觸發(fā)此規(guī)則。 概覽 視口可控制網(wǎng)頁(yè)在移動(dòng)設(shè)備上的顯示方式。如果未指定視口，移動(dòng)設(shè)備將以典型桌面屏幕的寬度來(lái)呈現(xiàn)網(wǎng)頁(yè)，并調(diào)整網(wǎng)頁(yè)使其適合屏幕大小。通過(guò)設(shè)置視口，您可以控制網(wǎng)頁(yè)在不同設(shè)備上的寬度和縮放比例。 左圖：未指定元視口的網(wǎng)頁(yè)。 右圖：指定了與設(shè)備寬度相匹配的視口的網(wǎng)頁(yè)。 建議 經(jīng)過(guò)優(yōu)化可在移動(dòng)設(shè)備上正常顯示的網(wǎng)頁(yè)應(yīng)在文檔標(biāo)頭中包含元視口，指定如下內(nèi)容：width=device-width, initial-scale=1。 其他信息 術(shù)語(yǔ)： ...

當(dāng)PageSpeed Insights檢測(cè)到您正在使用同步版（而非異步版）腳本時(shí)，就會(huì)觸發(fā)此規(guī)則。 概覽 使用異步腳本意味著系統(tǒng)可以更快速地呈現(xiàn)您的網(wǎng)頁(yè)，而不是強(qiáng)制用戶(hù)等待腳本完成下載，然后才呈現(xiàn)網(wǎng)頁(yè)。異步版腳本可實(shí)現(xiàn)后臺(tái)下載。 雖然最初的大多數(shù)腳本是同步的，但較新版腳本均可實(shí)現(xiàn)異步加載。 建議 請(qǐng)確保您使用的是異步版腳本。以下熱門(mén)腳本均支持加載異步腳本： BuySellAds (s3.buysellads.com/ac/bsa.js)：相關(guān)博文 - 默認(rèn)情況下為異步腳本 ChartBeat...

當(dāng)PageSpeed Insights檢測(cè)到您的HTML引用了系統(tǒng)阻止的外部JavaScript文件（位于網(wǎng)頁(yè)首屏部分）時(shí)，就會(huì)觸發(fā)此規(guī)則。 概覽 瀏覽器必須先解析網(wǎng)頁(yè)，然后才能將其呈現(xiàn)給用戶(hù)。如果瀏覽器在解析過(guò)程中遇到系統(tǒng)阻止的外部腳本，必須停止解析并且下載該JavaScript。每次遇到這種情況時(shí)，瀏覽器都會(huì)增加一個(gè)網(wǎng)絡(luò)往返過(guò)程，這樣就會(huì)導(dǎo)致首次呈現(xiàn)網(wǎng)頁(yè)的時(shí)間延遲。 建議 建議您以?xún)?nèi)嵌方式處理呈現(xiàn)首屏區(qū)域所需的JavaScript，并讓為網(wǎng)頁(yè)添加其他功能所需的JavaScript延遲加載，直到首屏內(nèi)容發(fā)送完畢為止。請(qǐng)注意，要通過(guò)這種方式縮短加載時(shí)間，您還必須優(yōu)化CSS發(fā)送過(guò)程。 ...

當(dāng)PageSpeed Insights檢測(cè)到系統(tǒng)需要進(jìn)行更多次的網(wǎng)絡(luò)往返來(lái)呈現(xiàn)網(wǎng)頁(yè)的首屏內(nèi)容時(shí)，就會(huì)觸發(fā)此規(guī)則。 概覽 如果所需的數(shù)據(jù)量超出初始擁塞窗口的限制，系統(tǒng)就需要在服務(wù)器和用戶(hù)瀏覽器之間進(jìn)行更多次的往返。如果用戶(hù)使用的是延遲時(shí)間較長(zhǎng)的網(wǎng)絡(luò)（例如，移動(dòng)網(wǎng)絡(luò)），該問(wèn)題會(huì)嚴(yán)重延遲網(wǎng)頁(yè)的加載。 建議 為提高網(wǎng)頁(yè)加載速度，請(qǐng)限制呈現(xiàn)網(wǎng)頁(yè)首屏內(nèi)容所需的數(shù)據(jù)（HTML標(biāo)記、圖片、CSS和JavaScript）大小。為此，您可以嘗試以下幾種方法： 結(jié)構(gòu)化HTML，以便首先加載關(guān)鍵的首屏內(nèi)容 減少資源所用的數(shù)據(jù)量 結(jié)構(gòu)化HTML，以便首先加載關(guān)鍵的首屏內(nèi)容 ...

當(dāng)PageSpeed Insights檢測(cè)到網(wǎng)頁(yè)包含阻止呈現(xiàn)的外部樣式表（該樣式表會(huì)延遲在屏幕上顯示內(nèi)容的時(shí)間）時(shí)，就會(huì)觸發(fā)此規(guī)則。 概覽 屏幕顯示內(nèi)容之前，瀏覽器會(huì)阻止外部CSS文件。這會(huì)導(dǎo)致額外的網(wǎng)絡(luò)延遲，并延長(zhǎng)屏幕顯示內(nèi)容的時(shí)間。 建議 如果外部CSS資源較小，您可以直接將這些內(nèi)容插入到HTML文檔中，這稱(chēng)為“內(nèi)嵌”。通過(guò)這種方式內(nèi)嵌較小CSS資源，瀏覽器可以繼續(xù)呈現(xiàn)網(wǎng)頁(yè)。請(qǐng)注意，如果CSS文件較大，完全內(nèi)嵌CSS可能會(huì)導(dǎo)致PageSpeed...

當(dāng)PageSpeed Insights檢測(cè)到網(wǎng)頁(yè)上的圖片可通過(guò)優(yōu)化來(lái)減小其尺寸，且不會(huì)顯著影響其視覺(jué)效果時(shí)，就會(huì)觸發(fā)此規(guī)則。 概覽 盡量減小圖片尺寸，以縮減用戶(hù)等待資源加載的時(shí)間。適當(dāng)?shù)卦O(shè)置圖片的格式并進(jìn)行壓縮可以節(jié)省大量的數(shù)據(jù)字節(jié)空間。這樣可以為那些網(wǎng)絡(luò)連接較慢的用戶(hù)節(jié)約時(shí)間，還可以為有流量套餐限制的用戶(hù)節(jié)省成本。 建議 您應(yīng)對(duì)所有圖片進(jìn)行基本優(yōu)化和高級(jí)優(yōu)化?；緝?yōu)化包括裁剪不必要的區(qū)域，將顏色深度降至可接受的最低水平，移除圖片評(píng)論以及將圖片保存為恰當(dāng)?shù)母袷?。您可以使用任意圖片編輯程序（例如，GIMP）執(zhí)行基本優(yōu)化。高級(jí)優(yōu)化包括對(duì)JPEG和PNG文件執(zhí)行進(jìn)一步的壓縮（無(wú)損壓縮）。...

當(dāng)PageSpeed Insights檢測(cè)到您的某個(gè)資源可通過(guò)縮減操作來(lái)減小其大小時(shí)，就會(huì)觸發(fā)此規(guī)則。 概覽 縮減資源大小是指刪除不必要的字節(jié)（例如，多余的空格、換行符和縮進(jìn)）。壓縮HTML、CSS和JavaScript可提高下載、解析和執(zhí)行的速度。此外，對(duì)于CSS和JavaScript，還可通過(guò)以下方式進(jìn)一步縮小文件體積：在對(duì)HTML進(jìn)行適當(dāng)更新的過(guò)程中重命名變量名稱(chēng)，以確保選擇器繼續(xù)運(yùn)行。 建議 您應(yīng)縮減HTML、CSS和JavaScript的大小。 要縮減HTML的大小，您可以使用PageSpeed Insights...

當(dāng)PageSpeed Insights檢測(cè)到您的服務(wù)器響應(yīng)不包含明確的緩存標(biāo)頭或某些資源被指定只緩存一小段時(shí)間時(shí)，就會(huì)觸發(fā)此規(guī)則。 概覽 如果用戶(hù)會(huì)多次訪(fǎng)問(wèn)您的網(wǎng)站，那么靜態(tài)資源的瀏覽器緩存可以節(jié)省用戶(hù)的時(shí)間。緩存標(biāo)頭應(yīng)當(dāng)應(yīng)用到所有可緩存的靜態(tài)資源中，而不僅僅是應(yīng)用到一小部分靜態(tài)資源（例如，圖片）中?？删彺娴馁Y源包括JS和CSS文件、圖像文件及其他二進(jìn)制對(duì)象文件（媒體文件和PDF文件等）。通常情況下，HTML不是靜態(tài)資源，默認(rèn)情況下不應(yīng)被視為可緩存資源。您應(yīng)考慮哪些緩存政策適用于您網(wǎng)站的HTML。 建議 ...

當(dāng)PageSpeed Insights檢測(cè)到您的服務(wù)器響應(yīng)時(shí)間超過(guò)200毫秒時(shí)，就會(huì)觸發(fā)此規(guī)則。 概覽 服務(wù)器響應(yīng)時(shí)間表示加載必要HTML以開(kāi)始呈現(xiàn)服務(wù)器所托管網(wǎng)頁(yè)的時(shí)間，其中減去了Google和服務(wù)器之間的網(wǎng)絡(luò)延遲時(shí)間。每次運(yùn)行所用的時(shí)間可能會(huì)有所不同，但這種差異不應(yīng)太大。事實(shí)上，如果服務(wù)器響應(yīng)時(shí)間變化很大的話(huà)，則表明性能上可能存在問(wèn)題。 建議 ...

當(dāng)PageSpeed Insights檢測(cè)到網(wǎng)頁(yè)上的壓縮資源未與HTTP壓縮一同提供時(shí)，就會(huì)觸發(fā)此規(guī)則。 概覽 許多網(wǎng)絡(luò)服務(wù)器可以通過(guò)調(diào)用第三方模塊或使用內(nèi)置程序?qū)⑽募嚎s為gzip格式，然后再發(fā)送該壓縮文件以供下載。這樣可以在下載呈現(xiàn)網(wǎng)站所需的資源時(shí)，為您節(jié)省一些時(shí)間。 建議 您應(yīng)在自己的網(wǎng)絡(luò)服務(wù)器上啟用壓縮功能。以下這些參考展示了某些熱門(mén)網(wǎng)絡(luò)服務(wù)器上所啟用的壓縮功能： Apache：采用mod_deflate Nginx：采用HttpGzipModule IIS：配置HTTP壓縮功能 常見(jiàn)問(wèn)題解答 PageSpeed...

當(dāng)PageSpeed Insights檢測(cè)到您在指定網(wǎng)址轉(zhuǎn)至最終目標(biāo)網(wǎng)頁(yè)的過(guò)程中使用了多個(gè)重定向時(shí)，就會(huì)觸發(fā)此規(guī)則。 概覽 由于重定向會(huì)觸發(fā)額外的HTTP請(qǐng)求響應(yīng)周期，并會(huì)額外延長(zhǎng)往返時(shí)間延遲，因此，將應(yīng)用發(fā)出的重定向數(shù)量降至最低至關(guān)重要。避免HTTP重定向可以縮減用戶(hù)等待網(wǎng)頁(yè)加載的時(shí)間。我們建議您仔細(xì)斟酌自己網(wǎng)站的設(shè)計(jì)，看看可以在哪些方面提升網(wǎng)站性能。 以下是重定向模式的一些優(yōu)劣示例： 優(yōu)質(zhì)：example.com使用響應(yīng)性網(wǎng)頁(yè)設(shè)計(jì)，無(wú)需重定向 中等：example.com -> m.example.com/home 劣質(zhì)：example.com ->...