應(yīng)朋友之托，對(duì)大南寧人才網(wǎng)（0771rc.net）首頁加載速度進(jìn)行優(yōu)化。

先借工具查查有哪些需要優(yōu)化。

有哪些工具呢？

google的page speed就是我常用的工具之一。覺得蠻好用，推薦一下。

安裝

1.安裝FIREFOX

2.安裝FIREFOX FIREBUG

3.安裝page speed

正式開刀

1.打開FIREFOX，輸入南寧人才網(wǎng)URL地址 0771rc.net

2.打開FIREFOX-》TOOL-》FIREBUG

3.在FILEBUG窗口，切換到PAGE SPEED選項(xiàng)卡，點(diǎn)擊“performance”開始分析

4.一會(huì)就分析完了，有用的東西立馬呈現(xiàn)在我們面前

結(jié)果分析

1.學(xué)會(huì)看符號(hào)，這里有三種：嘆號(hào)，立三角，對(duì)勾。

嘆號(hào)表示完全沒優(yōu)化的，級(jí)別很高。

立三角表示已經(jīng)有優(yōu)化，但還有可提高。

對(duì)勾表示已經(jīng)優(yōu)化過了，也就是OK了。

以上符號(hào)理解是通俗的理解，我覺得只要懂這個(gè)意思就行了。

針對(duì)優(yōu)化

1.Enable gzip compression

使用gzip壓縮

下面一句話還會(huì)告訴你使用這個(gè)優(yōu)化選項(xiàng)可以讓你節(jié)約多少時(shí)間成本。

Compressing the following resources with gzip could reduce their transfer size by about two thirds（~101.8kb）。

2.Leverage browser caching

讓瀏覽器緩存文件

這個(gè)選項(xiàng)下面會(huì)列出需要設(shè)置緩存過期時(shí)間的文件列表，只有設(shè)置緩存過期時(shí)間之后，瀏覽器才會(huì)緩存列表中的這些文件。

3.Parallelize downloads across hostnames

負(fù)載平衡文件的下載主機(jī)來源

這個(gè)選項(xiàng)如果你有多個(gè)服務(wù)器就可以把文件分散在各個(gè)服務(wù)器上了。也就是把壓力分?jǐn)偭恕?/p>

后面同樣會(huì)跟著一個(gè)列表。

4.Minify javascript

縮小JS文件

后面會(huì)緊跟一句話告訴你有多大的JS文件，縮小后可以節(jié)省多少

There is 11.6kb worth of javascript.minifying could save 2.4kb（20.6% reduction）

5.Specify image dimensions

指定圖像的尺寸

這個(gè)很多程序員都忽略掉了。以為只要頁面效果達(dá)到了就OK，都沒太在意設(shè)置第張圖片的尺寸。

為什么要設(shè)置尺寸？

其實(shí)呢，如果沒設(shè)置尺寸，瀏覽器解析時(shí)，都要計(jì)算圖片的尺寸。

設(shè)置了尺寸，自然就省了這一步。像在大南寧人才網(wǎng)這種人才網(wǎng)站上，圖片廣告只會(huì)

越來越多，如果圖片不指定尺寸，帶來的效果差異還是很大的。

6.remove unused css

移除沒用到的CSS

這個(gè)在網(wǎng)站發(fā)布時(shí)應(yīng)該檢查有沒有沒用到的CSS文件，JS文件。

嘆號(hào)和立三角的優(yōu)化建議就以上這些了。針對(duì)這些優(yōu)化就可將頁面呈現(xiàn)速度再次提高。

現(xiàn)在打開大南寧人才網(wǎng)的首頁只要不到0.01秒

希望對(duì)各位從事WEB開發(fā)的朋友有所幫助。

后面還會(huì)推出一個(gè)系列的【案例】文章。

做更好的WEB體驗(yàn)。

標(biāo)簽： Google 優(yōu)化 人才網(wǎng) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。