當(dāng)PageSpeed Insights檢測(cè)到網(wǎng)頁上的文字太小而難以辨認(rèn)時(shí),就會(huì)觸發(fā)此規(guī)則。 概覽 ??? ??? ? ????.4?? ?? ??來指定網(wǎng)頁字體大?。合袼?px)、點(diǎn)(pt)、EM(em)和百分比(%)。 像素即“CSS像素”,會(huì)因設(shè)備尺寸和密度而異。 ?? ??? ???? ????. ? ??? 0.75??????.*. EM和百分比是“相對(duì)”單位:這兩個(gè)單位是相對(duì)于沿用已使用字體大小和屬性而言的。1 EM相當(dāng)于100%。 ? *請(qǐng)參見其他說明。 此外,?????? ???? ??? ??? ???? ??? ??? ???. ???? ???? ???? ?? ? ????...
Read More當(dāng)PageSpeed Insights檢測(cè)到某些點(diǎn)按目標(biāo)(例如按鈕、鏈接或表單字段)可能過小或距離過近,以致用戶不方便在觸摸屏上點(diǎn)按時(shí),就會(huì)觸發(fā)此規(guī)則。 ?? ???? ?? ??? ??? ?? ??? ???? ???? ??? ??????? ??? ??? ???? ??? ?? ??? ??? ??? ???? ??? ? ?? ? ???. ???? ????? ??? ?? ??? ?? ???? ??, ? ??? ? ??? ?? ??? ??? ????, ? ??? ??? ??? ????, ???? ?? ??? ?? ? ???? ?? ?? ??? ? ??? ??...
Read More當(dāng)PageSpeed Insights檢測(cè)到網(wǎng)頁內(nèi)容不適合在指定尺寸的視口內(nèi)水平顯示,而強(qiáng)制用戶水平移動(dòng)網(wǎng)頁以查看所有內(nèi)容時(shí),就會(huì)觸發(fā)此規(guī)則。 ?? 在桌面設(shè)備和移動(dòng)設(shè)備上,用戶習(xí)慣于垂直(而非水平)滾動(dòng)瀏覽網(wǎng)站,而強(qiáng)制用戶水平滾動(dòng)或縮小以查看完整網(wǎng)頁會(huì)給用戶帶來很差的體驗(yàn)。 在使用元視口代碼??? ? ???? ??? ? ?? ???? ???? ?? ? ??? ???? ??? ??? ??? ????. ?? ??, ???? ??? ? ??? ???? ???? ???? ???? ????? ???. ???? ?? ?? ? ??? ???? ???. ??? ?? ????...
Read More當(dāng)PageSpeed Insights檢測(cè)到您的網(wǎng)頁未指定視口,或者指定的視口不適合不同設(shè)備時(shí),就會(huì)觸發(fā)此規(guī)則。 概覽 視口可控制網(wǎng)頁在移動(dòng)設(shè)備上的顯示方式。如果未指定視口,移動(dòng)設(shè)備將以典型桌面屏幕的寬度來呈現(xiàn)網(wǎng)頁,并調(diào)整網(wǎng)頁使其適合屏幕大小。通過設(shè)置視口,您可以控制網(wǎng)頁在不同設(shè)備上的寬度和縮放比例。 ? ??: ?? ???? ???? ?? ? ??? 右圖:指定了與設(shè)備寬度相匹配的視口的網(wǎng)頁。 建議 經(jīng)過優(yōu)化可在移動(dòng)設(shè)備上正常顯示的網(wǎng)頁應(yīng)在文檔標(biāo)頭中包含元視口,指定如下內(nèi)容:width=device-width, initial-scale=1. < meta name=viewport...
Read More當(dāng)PageSpeed Insights檢測(cè)到您正在使用同步版(而非異步版)腳本時(shí),就會(huì)觸發(fā)此規(guī)則。 概覽 ??? ????? ???? ???? ? ???? ????? ?? ????? ????? ??? ???? ?? ?? ??? ???? ? ???? ? ??? ???? ? ????. ???? ????? ????? ????? ???? ???. 雖然最初的大多數(shù)腳本是同步的,但較新版腳本均可實(shí)現(xiàn)異步加載。 建議 請(qǐng)確保您使用的是異步版腳本。以下熱門腳本均支持加載異步腳本: BuySellAds (s3.buysellads.com/ac/bsa.js):相關(guān)博文?- 默認(rèn)情況下為異步腳本...
Read More當(dāng)PageSpeed Insights檢測(cè)到您的HTML引用了系統(tǒng)阻止的外部JavaScript文件(位于網(wǎng)頁首屏部分)時(shí),就會(huì)觸發(fā)此規(guī)則。 ?? ????? ? ???? ????? ???? ?? ?? ? ???? ???? ??. ?????? ?? ?? ?? ???? ??? ?? ????? ???? ?? ??? ???? JavaScript? ?????? ???. ??? ??? ??? ??? ????? ???? ?? ????? ???? ? ???? ?? ????? ??? ?????. 建議 建議您以內(nèi)嵌方式處理呈現(xiàn)首屏區(qū)域所需的JavaScript,并讓為網(wǎng)頁添加其他功能所需的JavaScript延遲加載,直到首屏內(nèi)容發(fā)送完畢為止。請(qǐng)注意,要通過這種方式縮短加載時(shí)間,您還必須優(yōu)化CSS發(fā)送過程....
Read More當(dāng)PageSpeed Insights檢測(cè)到系統(tǒng)需要進(jìn)行更多次的網(wǎng)絡(luò)往返來呈現(xiàn)網(wǎng)頁的首屏內(nèi)容時(shí),就會(huì)觸發(fā)此規(guī)則。 概覽 ??? ??? ?? ?? ?? ? ??? ???? ??? ??? ???? ??? ? ?? ???? ???. ???? ?? ??? ? ????(?: ??? ????)? ???? ?? ? ??? ??? ?? ??? ? ????. ?? ? ??? ?? ??? ???? ? ???? ? ?? ??? ????? ? ??? ???(HTML ???, ??, CSS ? JavaScript) ??? ??????. ?? ?? ??? ?? ?? ??...
Read More? ??? PageSpeed Insights? ? ???? ???? ??? ?? ?????? ??? ??? ? ??????. ? ?????? ??? ???? ???? ??? ??????. 概覽 屏幕顯示內(nèi)容之前,瀏覽器會(huì)阻止外部CSS文件。這會(huì)導(dǎo)致額外的網(wǎng)絡(luò)延遲,并延長屏幕顯示內(nèi)容的時(shí)間。 ?? ?? CSS ??? ?? ?? HTML ??? ?? ??? ? ????. ?? ??? ??? ???. ? ???? ? ?? CSS ??? ???? ????? ? ???? ?? ???? ? ????. CSS ??? ? ?? CSS? ??? ????? PageSpeed...
Read More? ??? PageSpeed Insights? ? ???? ??? ????? ??? ?? ? ??? ??? ??? ? ??? ?? ???? ?? ??? ? ??????. ?? ???? ???? ??? ??? ???? ??? ???? ?? ??? ???????. ??? ??? ??? ???? ???? ??? ??? ??? ?? ??? ? ??. ??? ?? ???? ??? ?? ????? ??? ??? ? ??, ??? ???? ??? ????? ??? ??? ? ??. 建議 ?? ??? ?? ? ?? ????? ???. ?? ?????...
Read More當(dāng)PageSpeed Insights檢測(cè)到您的某個(gè)資源可通過縮減操作來減小其大小時(shí),就會(huì)觸發(fā)此規(guī)則。 概覽 ??? ??? ??? ?? ???? ???? ???? ?? ?????(?: ???? ??, ? ?? ? ????). HTML, CSS ? JavaScript? ???? ????, ?? ?? ? ?? ??? ?????. CSS ? JavaScript? ?? ???? ?? ????? HTML? ?????? ?? ?? ??? ???? ?? ??? ? ?? ? ????. 建議 HTML, CSS ? JavaScript? ??? ??? ???....
Read More當(dāng)PageSpeed Insights檢測(cè)到您的服務(wù)器響應(yīng)不包含明確的緩存標(biāo)頭或某些資源被指定只緩存一小段時(shí)間時(shí),就會(huì)觸發(fā)此規(guī)則。 ?? ???? ? ???? ?? ? ??? ??, ?? ???? ???? ??? ???? ???? ??? ??? ? ??. ?? ??? ?? ?? ???(?: ??)?? ??? ??? ? ?? ?? ?? ???? ????? ???. ??? ? ?? ????? JS ? CSS ??, ??? ?? ? ?? ?? ?? ??(??? ??, PDF ?? ?)? ?????. ????? HTML? ?? ???? ??? ?????...
Read More當(dāng)PageSpeed Insights檢測(cè)到您的服務(wù)器響應(yīng)時(shí)間超過200毫秒時(shí),就會(huì)觸發(fā)此規(guī)則。 概覽 服務(wù)器響應(yīng)時(shí)間表示加載必要HTML以開始呈現(xiàn)服務(wù)器所托管網(wǎng)頁的時(shí)間,其中減去了Google和服務(wù)器之間的網(wǎng)絡(luò)延遲時(shí)間。每次運(yùn)行所用的時(shí)間可能會(huì)有所不同,但這種差異不應(yīng)太大。事實(shí)上,如果服務(wù)器響應(yīng)時(shí)間變化很大的話,則表明性能上可能存在問題。 ?? ?? ?? ??? 200??? ??? ???? ???. ?? ?????? ??, ?? ?????? ??, ?? ???, ?????, ?????, ??? CPU ??, ??? ?? ? ?? ??? ???? ? ?? ???? ????...
Read More當(dāng)PageSpeed Insights檢測(cè)到網(wǎng)頁上的壓縮資源未與HTTP壓縮一同提供時(shí),就會(huì)觸發(fā)此規(guī)則。 概覽 ?? ???? ??? ?? ??? ????? ?? ????? ???? ??? ??? ?? ??? ? ????. gzip格式,然后再發(fā)送該壓縮文件以供下載。這樣可以在下載呈現(xiàn)網(wǎng)站所需的資源時(shí),為您節(jié)省一些時(shí)間。 ?? ???? ???? ?? ??? ????? ???? ???. ?? ????? ?? ?? ???? ???? ??? ? ?? ?? ??? ?? ???. Apache:??mod_deflate Nginx: ??HttpGzipModule IIS:配置HTTP壓縮功能...
Read More? ??? PageSpeed Insights? ?? ?? ? ???? ???? ?? ? ??? ???? ?? ?? ?? ????? ?????? ??? ? ??????. 概覽 由于重定向會(huì)觸發(fā)額外的HTTP請(qǐng)求響應(yīng)周期,并會(huì)額外延長往返時(shí)間延遲,因此,將應(yīng)用發(fā)出的重定向數(shù)量降至最低至關(guān)重要。避免HTTP重定向可以縮減用戶等待網(wǎng)頁加載的時(shí)間。我們建議您仔細(xì)斟酌自己網(wǎng)站的設(shè)計(jì),看看可以在哪些方面提升網(wǎng)站性能。 以下是重定向模式的一些優(yōu)劣示例: 優(yōu)質(zhì): example.com? ???? ?? ?? ? ???? ?????. ??:example.com -> m.example.com/home...
Read More