PageSpeed是Google提供的網(wǎng)頁性能工具缓淹。它可以幫你測試你的網(wǎng)頁在pc端和移動端上有什么性能問題，幫助我們進行性能優(yōu)化遏佣。通過它可以發(fā)現(xiàn)平時應該注意許多性能方面的細節(jié)挖炬。
有哪些性能問題？
1.使用瀏覽器緩存
在 HTTP 標頭中為靜態(tài)資源設置過期日期或最長存在時間状婶，可指示瀏覽器從本地磁盤中加載以前下載的資源意敛，而不是通過網(wǎng)絡加載馅巷。
2.優(yōu)化圖片
適當?shù)卦O置圖片的格式并進行壓縮可以節(jié)省大量的數(shù)據(jù)字節(jié)空間。
//PageSpeed上可以幫你對一些圖片進行無損壓縮減小圖片的大小草姻。
3.清除首屏內(nèi)容中阻止呈現(xiàn)的 JavaScript 和 CSS
在以下資源加載完畢之前钓猬，網(wǎng)頁上不會直接呈現(xiàn)任何首屏內(nèi)容。請嘗試暫緩或異步加載阻止資源撩独，或者將這些資源的關(guān)鍵部分直接內(nèi)嵌到 HTML 中敞曹。
//在做好基本優(yōu)化后，加載順序和按需加載就是優(yōu)化頁面速度的重要點综膀。
4.壓縮 CSS
5.壓縮 HTML
6.壓縮 JavaScript
7.啟用壓縮8.
使用 gzip 或 deflate 壓縮資源可以減少通過網(wǎng)絡發(fā)送的字節(jié)數(shù)澳迫。
8.按優(yōu)先級排列可見內(nèi)容
9.縮短服務器響應時間
建議
您應將服務器響應時間控制在200毫秒以內(nèi)。有很多潛在因素都可能會延緩服務器響應剧劝，例如應用邏輯緩慢橄登、數(shù)據(jù)庫查詢緩慢、路由緩慢讥此、框架拢锹、庫、資源CPU不足或內(nèi)存不足等萄喳。您需要考慮所有這些因素面褐，才能改善服務器的響應時間。要找到服務器響應時間過長的原因取胎，首先要進行測量展哭。然后，準備好相關(guān)數(shù)據(jù)闻蛀，并參閱有關(guān)如何解決該問題的相應指導匪傍。問題解決后，您必須繼續(xù)測量服務器響應時間觉痛，并解決將來出現(xiàn)的性能瓶頸問題役衡。
收集并檢查現(xiàn)有性能和數(shù)據(jù)。如果沒有可用內(nèi)容薪棒，請使用自動網(wǎng)頁應用監(jiān)測解決方案（可在市面找到一些托管的開源版本手蝎，它們適用于大多數(shù)平臺）進行評估，或添加自定義的方法俐芯。
識別并修復首要的性能瓶頸問題棵介。如果您使用的是熱門網(wǎng)頁框架或內(nèi)容管理平臺，請參閱有關(guān)性能優(yōu)化最佳做法的文檔吧史。
監(jiān)測并提醒任何將來出現(xiàn)的性能衰退問題邮辽！
10.避免使用著陸頁重定向
概覽
由于重定向會觸發(fā)額外的HTTP請求響應周期，并會額外延長往返時間延遲，因此吨述，將應用發(fā)出的重定向數(shù)量降至最低至關(guān)重要岩睁。避免HTTP重定向可以縮減用戶等待網(wǎng)頁加載的時間。我們建議您仔細斟酌自己網(wǎng)站的設計揣云，看看可以在哪些方面提升網(wǎng)站性能捕儒。
以下是重定向模式的一些優(yōu)劣示例：
優(yōu)質(zhì)：example.com使用響應性網(wǎng)頁設計，無需重定向
中等：example.com -> m.example.com/home
劣質(zhì)：example.com -> www.example.com -> m.example.com -> m.example.com/home
建議
按照Google的建議使用響應性網(wǎng)頁設計邓夕，您的網(wǎng)站自然會避免重定向刘莹。
如果您的網(wǎng)站明確要求進行重定向，您必須執(zhí)行以下兩項操作：
1.使用HTTP重定向?qū)⒉捎靡苿佑脩舸淼挠脩糁苯影l(fā)送到對等的移動版網(wǎng)址翎迁，而不執(zhí)行任何中間的重定向；并且
2.在您的桌面版網(wǎng)頁中加入<link rel="alternate">標記來識別對等的移動版網(wǎng)址净薛，以便Googlebot能夠找到您的移動版網(wǎng)頁汪榔。
在移動端還有些提升用戶體驗的
1.使用清晰可辨的字體大小
建議
首先，配置視口以確保字體將會在各個設備中按預期縮放肃拜。配置視口后痴腌，請實施下面這些額外的建議：
使用16 CSS像素的基準字體大小。根據(jù)要使用的字體的屬性按需調(diào)整字體大小燃领。
使用相對于基準字體的字體大小定義排版比例士聪。
每行文字的字符之間需要留出一定的垂直空間，而且還可能需要根據(jù)每種字體進行不同的調(diào)整猛蔽。我們通常建 議您使用瀏覽器默認的行高1.2em剥悟。
限制所用字體的數(shù)量以及排版比例：過多字體和字體大小會導致網(wǎng)頁布局雜亂且過于復雜。
2.調(diào)整內(nèi)容的尺寸曼库，使其符合視口設置
即響應式設計
3.適當調(diào)整點按目標的尺寸
您應確保網(wǎng)站上最重要的點按目標（用戶最常用的目標）足夠大区岗，即高/寬至少要達到48 CSS像素（如果您已正確配置您的視口），以便用戶輕松點按毁枯。不常用鏈接的尺寸可以較小一些慈缔，但仍要與其他鏈接之間保持一定的距離，以免10毫米寬的手指不慎同時按到兩個鏈接种玛。用戶無需張合手指（或依賴其他瀏覽器界面功能來排除手指點按干擾藐鹤，如Chrome的彈出式放大鏡），即可輕松準確地點按所需的按鈕或鏈接赂韵。
4.避免使用插件
插件能幫助瀏覽器處理特殊類型的網(wǎng)絡內(nèi)容（例如娱节，F(xiàn)lash、Silverlight和Java）祭示。大多數(shù)移動設備不支持插件括堤，而且插件是導致提供插件支持的瀏覽器掛起、崩潰和安全事件的主要原因。
5.配置 viewport
//配置視口<meta name=viewport content="width=device-width, initial-scale=1">
請避免使用minimum-scale悄窃、maximum-scale讥电、user-scalable
總結(jié)
1.量
壓縮文件(圖片,html,css,js)，減少連接數(shù)(雪碧圖轧抗，css打包恩敌，js打包)，減少重復情況(能用css的不用圖片横媚，代碼復用）纠炮。
=============
2.順序
優(yōu)先加載首評頁面的內(nèi)容，先加載重要的和快的內(nèi)容灯蝴，類似大圖需要時間載入的進行延遲動態(tài)加載恢口。javascript按需加載。減少瀏覽器重繪穷躁。
3.用戶體驗
這個需要設計感耕肩，對不起我并沒有。