在處理客戶問題的過程中，無憂主機小編發(fā)現(xiàn)，很多無憂主機用戶在制作網(wǎng)頁的時候，往往不夠重視網(wǎng)頁的優(yōu)化。例如上傳的圖片大小過大，幾M甚至十幾M。這樣帶來的直接后果就是，網(wǎng)頁存儲量過大，網(wǎng)頁加載速度過慢，或者干脆就無法打開。無憂主機小編最近在網(wǎng)上學習的時候，發(fā)現(xiàn)了 一個非常好的優(yōu)化網(wǎng)頁插件：PageSpeed Insights，我最喜歡這款功能的圖片無損壓縮功能，非常的簡單和使用。下面無憂主機小編將從安裝、使用全方位的介紹這款工具的使用方法。 PageSpeed Insights 是一款Google瀏覽器插件，該工具能可以幫助網(wǎng)站開發(fā)者找出到底是哪些地方影響的了網(wǎng)站的載入速度，并且Google還會提出優(yōu)化建議。那么PageSpeed Insights 具體可以分析頁面的哪些方面的情況呢？包括資源、網(wǎng)絡(luò)、DOM以及時間線等等。這些功能，對客戶網(wǎng)站的優(yōu)化都是極其有益的。接下來，無憂小編將對PageSpeed Insights做一個詳細的介紹。 1、PageSpeed Insights如何安裝？ PageSpeed Insights 是一款Google瀏覽器插件，當然要先安裝Google瀏覽器。安裝完成之后，打開Google瀏覽器，點擊Google瀏覽器的右上角的“自定義并控制Google Chrome”。 點擊工具，擴展程序，就會看到您的擴展程序列表。當然您如果是新安裝的Google瀏覽器，里面就沒有擴展程序了。 點擊擴展程序列表最下方的獲取更多擴展程序，便進入到了Chrome網(wǎng)上應用店。 然后在左上角搜索PageSpeed Insights ，點擊添加至Chrome，等待安裝完成就可以了。安裝完成之后，我們就可以在Google瀏覽器的右上角看到PageSpeed Insights插件的圖標了。 2、? 如何進入PageSpeed Insights 工具？ 安裝完了PageSpeed Insights 插件之后，我們?nèi)绾芜M入這個工具？同樣，也是在“自定義并控制Google Chrome”——工具中，選擇開發(fā)者工具。 在開發(fā)者工具的最右邊，我們就可以看到PageSpeed了(如下圖)。點擊進去，便進入了PageSpeed Insights for Chrome 工具了。 3、? PageSpeed Insights 工具如何使用？ 既然有一個這么優(yōu)秀的網(wǎng)頁優(yōu)化工具，那么該如何使用呢？無憂主機小編在這里用www.gle-technology.com這個網(wǎng)頁給大家講解PageSpeed Insights的使用方法。 首先，用Google瀏覽器打開您需要優(yōu)化的的網(wǎng)頁并用2中的方法打開PageSpeed Insights工具。 點擊開始分析按鈕，對當前頁面開始分析。 分析完成之后，我們可以看到分析頁面。 4、? 如何根據(jù)分析結(jié)果優(yōu)化頁面？ 頁面分析結(jié)束之后，我們要學會首先看概述。因為概述是從一個整體的方面給您的網(wǎng)頁做了一個分析，并提出了網(wǎng)頁修改的大致方向，讓您對自己的網(wǎng)頁有一個大概的優(yōu)化方向，不至于無從下手。 看完概述之后，我們就可以轉(zhuǎn)到左邊的細節(jié)優(yōu)化項目了（如下圖）。 在這里，我們可以清楚的看到PageSpeed Insights 做的所有測試項目已經(jīng)給網(wǎng)頁優(yōu)化提出的具體建議。由于很多網(wǎng)站網(wǎng)站容量大都是因為圖片大小導致，下面無憂小編將從優(yōu)化圖片的方面給大家講解一下網(wǎng)頁圖片優(yōu)化的過程。 在細節(jié)優(yōu)化項目里我們可以看到優(yōu)化圖片項目。點擊，可以查看到關(guān)于圖片的優(yōu)化建議。 在這個實例中，可以優(yōu)化的圖片有三張，我們選擇一張最大的作為例子，其他的處理方式是一樣的。   在上圖第一條優(yōu)化建議記錄中，有兩個可以點擊的鏈接： 我們點擊“查看經(jīng)過優(yōu)化的內(nèi)容”，就是經(jīng)過壓縮后的圖片，無憂主機小編親自測試過，壓縮后的圖片的效果是沒有任何變化的，但是兩張圖片的大小發(fā)生了變化，壓縮比率一般可以到30~ 60%。這樣就使得網(wǎng)站負荷大大減少。那么如何無損壓縮后的 圖片上傳類？非常簡單，把壓縮后的圖片，保存在自己的電腦上，然后通過ftp上傳覆蓋就可以了。是不是非常實用而且便捷呢？ 經(jīng)過圖片處理后，網(wǎng)頁的負荷大大降低，提供了網(wǎng)頁的性能。其他方面，也可以根據(jù)它的提示做適當?shù)膬?yōu)化。站長們，你們還在等什么呢，趕緊用PageSpeed Insights來優(yōu)化您的網(wǎng)站吧！無憂主機小編強烈推薦站長必備網(wǎng)站優(yōu)化工具。

本文地址：http://www.gle-technology.com/others/11204.html