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

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

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

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

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

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

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

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

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

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

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

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

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

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