當PageSpeed Insights檢測到網頁上的文字太小而難以辨認時,就會觸發(fā)此規(guī)則。 概覽 您可以使用以下四種常用單位來指定網頁字體大小:像素(px)、點(pt)、EM(em)和百分比(%)。 像素即“CSS像素”,會因設備尺寸和密度而異。 點是相對于像素而定義的。一個像素是0.75點*。 EM和百分比是“相對”單位:這兩個單位是相對于沿用已使用字體大小和屬性而言的。1 EM相當于100%。 *請參見其他說明。 此外,視口會影響字體在移動設備上的縮放方式。未適當配置視口的網頁會在移動設備上縮小顯示,這通常會導致網頁文字較小而難以辨認。...
Read More當PageSpeed Insights檢測到某些點按目標(例如按鈕、鏈接或表單字段)可能過小或距離過近,以致用戶不方便在觸摸屏上點按時,就會觸發(fā)此規(guī)則。 概覽 對于用戶來說,如果鏈接或按鈕太小或擺放太密集的話,要想在觸摸屏上準確點按這些目標,會比使用傳統(tǒng)鼠標光標更費力。為了讓用戶免去不慎按錯位置的困擾,請為每個點按目標設置足夠的大小,并讓它們之間保持足夠的距離,以免用戶在點按任何目標時手指觸碰到其他任何點按目標。成人的手指指腹平均寬約10毫米(不到半英寸),因此Android界面準則建議最小點按目標尺寸約為7毫米,或在移動視口正確設置的網站上,點按目標至少要達到48 CSS像素。 建議 您應確保網站上最重要的點按目標(用戶最常用的目標)足夠大,即高/寬至少要達到48...
Read More當PageSpeed Insights檢測到網頁內容不適合在指定尺寸的視口內水平顯示,而強制用戶水平移動網頁以查看所有內容時,就會觸發(fā)此規(guī)則。 概覽 在桌面設備和移動設備上,用戶習慣于垂直(而非水平)滾動瀏覽網站,而強制用戶水平滾動或縮小以查看完整網頁會給用戶帶來很差的體驗。 在使用元視口代碼開發(fā)移動網站的過程中,您往往會在無意中創(chuàng)建并不適用于指定視口的網頁內容。例如,如果在視口中顯示大于視口寬度的圖片,會迫使用戶水平滾動該視口。您應調整此內容,使其符合視口的寬度。這樣一來,用戶就不用水平滾動視口了。 建議 不同的設備其屏幕尺寸會有很大的差異(例如,手機和平板電腦,甚至是不同款的手機),為此您應配置相應視口,以便您的網頁能在許多不同的設備上正確呈現(xiàn)。然而,由于視口寬度(以CSS像素為單位)可能會有所不同,因此,您的網頁內容不應依賴于能正常顯示的特定視口寬度。...
Read More當PageSpeed Insights檢測到您的網頁未指定視口,或者指定的視口不適合不同設備時,就會觸發(fā)此規(guī)則。 概覽 視口可控制網頁在移動設備上的顯示方式。如果未指定視口,移動設備將以典型桌面屏幕的寬度來呈現(xiàn)網頁,并調整網頁使其適合屏幕大小。通過設置視口,您可以控制網頁在不同設備上的寬度和縮放比例。 左圖:未指定元視口的網頁。 右圖:指定了與設備寬度相匹配的視口的網頁。 建議 經過優(yōu)化可在移動設備上正常顯示的網頁應在文檔標頭中包含元視口,指定如下內容:width=device-width, initial-scale=1。 <meta name=viewport content="width=device-width,...
Read More當PageSpeed Insights檢測到您正在使用同步版(而非異步版)腳本時,就會觸發(fā)此規(guī)則。 概覽 使用異步腳本意味著系統(tǒng)可以更快速地呈現(xiàn)您的網頁,而不是強制用戶等待腳本完成下載,然后才呈現(xiàn)網頁。異步版腳本可實現(xiàn)后臺下載。 雖然最初的大多數(shù)腳本是同步的,但較新版腳本均可實現(xiàn)異步加載。 建議 請確保您使用的是異步版腳本。以下熱門腳本均支持加載異步腳本: BuySellAds (s3.buysellads.com/ac/bsa.js):相關博文 - 默認情況下為異步腳本 ChartBeat (static.chartbeat.com/js/chartbeat.js):相關文檔、相關博文 -...
Read More??? ????? ??? ??????? ????? ????? PageSpeed Insights ?? HTML ????? ?? ???? ??? ??? JavaScript ????? ????? ?? ??? ?????? ( ????? ?? ????? ????? ?? ???? ?????). ???? ???? ??? ??? ??????? ????? ???? ????? ??? ?? ????? ?? ??????? ??? ????????. ??? ???? ???????? ???? ??????? ?? ???? ?????? ?????? ????? ?????...
Read More??? ????? ??? ??????? ????? ????? PageSpeed Insights ?? ?????? ????? ??? ???? ?? ????? ?????? ?????? ??????? ?????? ????? ?????? ?????? ????? ?????. ???? ???? ??? ?????? ???? ???????? ???????? ???? ????? ???????? ???????? ??????? ?????? ??? ?????? ????? ?? ??????? ?????? ??????? ??? ?????? ?????? ????????....
Read More??? ????? ??? ??????? ????? ????? PageSpeed Insights ?? ???? ????? ????? ??? ???? ????? ?????? ???? ????? ( ???? ????? ???? ??? ??????? ??? ??????). ???? ???? ???? ???????? ???? ????? CSS ???????? ??? ??? ??? ??????? ??? ??????. ???? ?? ???? ??? ??? ????? ????? ?? ?????? ?????? ????? ???? ??? ??? ???...
Read More??? ????? ??? ??????? ????? ????? PageSpeed Insights ?? ?????? ??? ???? ??? ???? ??????? ?????? ????? ??? ??????? ???? ???? ??? ??????? ??????. ???? ???? ??? ?? ??? ?????? ?????? ????? ???? ?????? ?????????? ?????? ??????. ????? ???? ????? ???? ???? ???? ?? ???? ?????? ?? ????? ???? ????????. ??? ????...
Read More當PageSpeed Insights檢測到您的某個資源可通過縮減操作來減小其大小時,就會觸發(fā)此規(guī)則。 概覽 縮減資源大小是指刪除不必要的字節(jié)(例如,多余的空格、換行符和縮進)。壓縮HTML、CSS和JavaScript可提高下載、解析和執(zhí)行的速度。此外,對于CSS和JavaScript,還可通過以下方式進一步縮小文件體積:在對HTML進行適當更新的過程中重命名變量名稱,以確保選擇器繼續(xù)運行。 建議 您應縮減HTML、CSS和JavaScript的大小。 要縮減HTML的大小,您可以使用PageSpeed Insights Chrome擴展功能來生成優(yōu)化版HTML代碼。對HTML頁面進行分析,然后瀏覽“縮減HTML的大小”規(guī)則。點擊“查看經過優(yōu)化的內容”,以獲取經過優(yōu)化的HTML代碼。...
Read More??? ????? ??? ??????? ????? ????? PageSpeed Insights ?? ??????? ?????? ?? ????? ??? ??? ????? ????? ???? ???? ?? ?? ??? ??????? ????? ??????? ?????? ????? ????? ???. ???? ???? ??? ??? ?????????? ?????? ???? ????? ????? ?? ??? ????? ??? ??????? ?????? ??????? ??????? ??????? ???? ?? ???? ?????????? ?????....
Read More??? ????? ??? ??????? ????? ????? PageSpeed Insights ?? ??? ??????? ?????? ????? ?? ???? ?? 200 ???? ?????. ???? ???? ???? ??? ??????? ?????? ??? ????? ???? ??? ??? ????? HTML ?????? ???? ????? ???? ????? ???? ???????? ??????? ??????? ??? ??? ?????? ?????? ??? Google ???????. ?? ????? ????? ???? ???????...
Read More當PageSpeed Insights檢測到網頁上的壓縮資源未與HTTP壓縮一同提供時,就會觸發(fā)此規(guī)則。 概覽 許多網絡服務器可以通過調用第三方模塊或使用內置程序將文件壓縮為gzip格式,然后再發(fā)送該壓縮文件以供下載。這樣可以在下載呈現(xiàn)網站所需的資源時,為您節(jié)省一些時間。 建議 您應在自己的網絡服務器上啟用壓縮功能。以下這些參考展示了某些熱門網絡服務器上所啟用的壓縮功能: Apache:采用mod_deflate Nginx:采用HttpGzipModule IIS:配置HTTP壓縮功能 常見問題解答 PageSpeed Insights報告許多靜態(tài)內容文件需要壓縮為gzip格式,但我已將網絡服務器配置為使用gzip壓縮格式提供這些文件。為何PageSpeed...
Read More??? ????? ??? ??????? ????? ????? PageSpeed Insights ??? ??????? ?????? ????? ????? ?????? ????? ??? ????? URL ?????? ??? ???? ?????? ????????. ???? ???? ????? ??? ????? ??????? ???? ??? ????? ??????? ??? HTTP ?????? ????? ?? ????? ??? ?????? ?????? ???????? ??? ????? ????? ??? ?????? ????? ???????...
Read More