怎么用提高網(wǎng)站訪問速度

小編給大家分享一下怎么用提高網(wǎng)站訪問速度，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

最近公司開始考核企業(yè)站下所有站點(diǎn)，首先從itpub開始進(jìn)行。為此，開始學(xué)習(xí)關(guān)于如何優(yōu)化一個(gè)網(wǎng)站使之提高訪問速度這方面的知識(shí)。得知page speed 是個(gè)不錯(cuò)的工具，就下載下來了。介紹下這個(gè)工具吧，Page Speed 是開源 Firefox/Firebug 插件。網(wǎng)站管理員和網(wǎng)絡(luò)開發(fā)人員可以使用 Page Speed 來評(píng)估他們網(wǎng)頁的性能，并獲得有關(guān)如何改進(jìn)性能的建議。對(duì)網(wǎng)站的網(wǎng)絡(luò)服務(wù)器配置和前端代碼執(zhí)行若干測(cè)試。這些測(cè)試基于一組已知可增強(qiáng)網(wǎng)頁性能的最佳實(shí)踐。在網(wǎng)頁上運(yùn)行 Page Speed 的網(wǎng)站管理員會(huì)獲得一組針對(duì)各網(wǎng)頁的分?jǐn)?shù)，以及有關(guān)如何改善網(wǎng)頁性能的有用建議。它會(huì)使你的網(wǎng)站更快速，減少帶寬成本。

1 首先你得安裝這個(gè)插件，具體怎么按，略過；

2 安裝后，按F12出現(xiàn)下圖

3 點(diǎn)擊上圖花圈的 出現(xiàn)下圖：

這個(gè)82/100是你這個(gè)站按照page speed的考核獲得分?jǐn)?shù)

自己決定還是不錯(cuò)的。

黃色的表示 警告 可以進(jìn)一步優(yōu)化的

綠色的表示做的不錯(cuò)

紅色的表示做的不行需要優(yōu)化了

（itpub沒有紅色的 這點(diǎn)做的還是不錯(cuò)的）

4 看下“啟用keep-alive” 關(guān)于keep-alive 我會(huì)在我的另外一篇博文中著重寫下。待續(xù)

說明it168.com這臺(tái)主機(jī)需要啟用keep-alive，可是這是其他項(xiàng)目組的主機(jī)，我這邊無權(quán)修改。所以，在這說下，以后非自己管轄的主機(jī)，就直接pass了不管。

5 說下下面的壓縮javascript

pagespeed給你的建議是 進(jìn)行壓縮以下的2個(gè)js。你點(diǎn)擊后面的op...它會(huì)給你生成個(gè)壓縮后的js。然后你可以替換原先的js即可。這地方只說明怎么做。當(dāng)然了jquery也有min版的壓縮后的js。

6 上CDN

其實(shí)做了這些 還有個(gè)更重要的方面，如果你的公司沒錢的話，可以按照上面的來做。如果公司有錢，可以加動(dòng)態(tài)CDN

明后天開始給ITPUB上動(dòng)態(tài)CDN，同時(shí)對(duì)圖片 附件 分離出來用單獨(dú)的域名。目前首頁首屏?xí)r間為3.156s

希望在上完CDN后網(wǎng)速會(huì)得到很大的提高?。?！

===============================================================================================

這里說下關(guān)于性能優(yōu)化技巧方面一些認(rèn)識(shí)，也是網(wǎng)上傳的沸沸揚(yáng)揚(yáng)的“軍規(guī)”：

1 啟用gzip。

gzip壓縮是一種開發(fā)的壓縮算法，目前的主流瀏覽器(Firefox, Safari, Chrome, IE4及以上)與主流服務(wù)器(Apache, Lighttpd, Nginx)均對(duì)其有很好的支持。gzip壓縮是通過HTTP 1.1協(xié)議中的Content-Encoding : gzip來進(jìn)行標(biāo)記說明，其可以明顯減少文本文件的大小，從而節(jié)省帶寬和加載時(shí)間。我做過的一個(gè)實(shí)驗(yàn)，發(fā)現(xiàn)啟用gzip后，jquery 1.2.6 minify版本的大小從54.4k減少到16k，減少了70%。gzip適用的情況包括：

HTML\CSS\JavaScript文件，gzip算法對(duì)于文本文件的效率比較高，而jpg/gif/png/pdf等二進(jìn)制文件本身已經(jīng)進(jìn)行了一次壓縮，再使用gzip的成效已經(jīng)不明顯了。而且gzip壓縮需要消耗服務(wù)器的資源，而解壓縮需要消耗瀏覽器的資源，對(duì)于比較大的二進(jìn)制文件具有非常高的性能消耗；
盡量使用一種大小寫方式，要么全部大寫，要么全部小寫。學(xué)過數(shù)據(jù)結(jié)構(gòu)和算法的同學(xué)一定知道壓縮其本身就是對(duì)冗余信息熵進(jìn)行壓縮，如何數(shù)據(jù)原素的類型種類太多，其信息冗余度會(huì)降低，從而壓縮率降低；
過小的文件(通常小于150個(gè)字節(jié))不宜進(jìn)行g(shù)zip壓縮，因?yàn)間zip會(huì)在文件頭加入相關(guān)信息，對(duì)于小文件反而會(huì)增加文件的長(zhǎng)度；

（以上文字摘自http://www.yakecan.com/archives/3 我表示認(rèn)同）

那么怎么看你的服務(wù)器是否開啟了呢？

以我這邊的一臺(tái)服務(wù)器為例說明下，我的web服務(wù)器是nginx的，就以nginx說下：

打開nginx的配置文件，你會(huì)看到相關(guān)的gzip的設(shè)置，如果沒有的話，請(qǐng)你們公司的運(yùn)維同事設(shè)置啟用即可。

types 是使用哪些類型的文件使用到gzip。

你可以用站長(zhǎng)工具查看你的站點(diǎn)是否使用gzip了，如使用http://tool.chinaz.com/Gzips/可以查看

以我的一個(gè)站點(diǎn)為例，

大家可以看到這個(gè)結(jié)果就知道了。

 2 最小化JS和圖片

    你可以用一個(gè)壓縮工具壓縮即可。對(duì)于JavaScript文件本身具有非常大的優(yōu)化空間。所謂JavaScript壓縮，就是通過一些工具將函數(shù)、變量名進(jìn)行優(yōu)化(其實(shí)就是盡可能縮短變量名長(zhǎng)度)，消除多余字符(比如空格、換行符、注釋等)，最終得到的代碼可以在分析和執(zhí)行上得到性能提升。壓縮后得到的代碼對(duì)于機(jī)器而言是可讀的，對(duì)于人來說就不行了，因?yàn)槲募?nèi)容已經(jīng)面目全非。所以壓縮一般用于生產(chǎn)期的代碼，不能使用于開發(fā)期。

3 JavaScript最小化

   比如jquery.form.js，最小化后減少11.9kb，減少54.8%的空間。點(diǎn)擊minified version，在新窗口中可以看到Page Speed為你優(yōu)化好的版本，直接更新到服務(wù)器就可以了。

4 啟用瀏覽器緩存

  這是經(jīng)常使用的方法。當(dāng)請(qǐng)求的資源在瀏覽器本地得到緩存后，第二次請(qǐng)求這些內(nèi)容就可以從直接緩存中取出，減少了連線的HTTP請(qǐng)求。

5 JavaScript延遲加載

   通常瀏覽器在解析HTML時(shí)遇到JS文件會(huì)先下載，解析執(zhí)行后才會(huì)下載后面的內(nèi)容，期間自然會(huì)造成一定的延時(shí)。為了提高性能，盡可能將JS文件的位置后移，如果可能，還可以通過部分代碼進(jìn)行異步加載。另外，對(duì)于JS和CSS在必須放置在一起情況，需要報(bào)JS放置在CSS之后，這樣CSS與JS文件可以同步下載。

6 文件拼接，就是可以合并的文件，就合并成一個(gè)文件

7 減少HTTP請(qǐng)求。這個(gè)是同上面的幾個(gè)一起使用的。

8 只加載head里的部分js。其他的可以放到底部加載。

以上是“怎么用提高網(wǎng)站訪問速度”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！