眾所周知，隨著網(wǎng)絡(luò)的迅速發(fā)展，越來越多的企業(yè)甚至個(gè)人都做了網(wǎng)站，企業(yè)也已經(jīng)越來越依賴通過網(wǎng)站進(jìn)行推廣自己的企業(yè)形象和產(chǎn)品，從而樹立更好的企業(yè)品牌。所以對(duì)于企業(yè)來說，做好企業(yè)網(wǎng)站建設(shè)的是十分有必要的。

但是，據(jù)調(diào)查，網(wǎng)頁大小在2013年平均增長了32%，平均達(dá)到了1.7M，單獨(dú)的HTTP請(qǐng)求達(dá)到96個(gè)，說實(shí)話，這是一個(gè)令人震驚的數(shù)字，而且這只是個(gè)平均值，有一半的網(wǎng)站會(huì)大于這個(gè)值。那么一個(gè)“頁面超重”的網(wǎng)站有什么影響呢?下面南昌網(wǎng)絡(luò)公司-百恒網(wǎng)絡(luò)具體來說一下，主要有以下幾點(diǎn)：

1、網(wǎng)站代碼越多，用戶下載的就越多，加載速度就會(huì)越慢。在國內(nèi)，并不是每個(gè)人都能享受20M的寬帶，每一個(gè)開發(fā)者心里都很清楚，用戶不愿意等。

2、影響搜索引擎抓取速度將會(huì)對(duì)網(wǎng)站排名造成很大影響。

3、對(duì)于開發(fā)者來說，代碼量越大，就越不容易更新和維護(hù)。

隨著互聯(lián)網(wǎng)技術(shù)的不斷升級(jí)，越來越多的人開始關(guān)注這個(gè)問題，而且也出現(xiàn)了很多優(yōu)化工具，那么網(wǎng)站頁面如何優(yōu)化呢?下面百恒網(wǎng)絡(luò)根據(jù)十多年的經(jīng)驗(yàn)為大家分享一下網(wǎng)站頁面優(yōu)化技巧：

1、刪除不需要的資源

當(dāng)你不再需要一個(gè)組件的時(shí)候，你應(yīng)該刪掉它的CSS和JavaScript代碼，如果這些代碼都單獨(dú)放在一個(gè)文件中，那刪掉它們也不是難事，但如果已經(jīng)沒有用的代碼和其它代碼在一個(gè)文件中，那你肯定要費(fèi)不少精力去刪掉它們。

這個(gè)時(shí)候你就需要使用第三方的工具來幫你一鍵解決，比如JSLint，Dust-Me Selectors，CSS Usage或是像grunt-uncss一樣的構(gòu)建工具。

2、style和font重復(fù)定義的沉余代碼

要充分利用好CSS代碼定義自己的顏色大小等，有些網(wǎng)站既用了CSS代碼定義了之后又去使用style或者是font這樣的代碼進(jìn)行定義，這樣就無形中增加了無用代碼，容易造成代碼冗余，因此我們要對(duì)這樣的代碼進(jìn)行壓縮，實(shí)現(xiàn)代碼精簡。

3、通用和最小化CSS

理想情況下，需要一個(gè)單獨(dú)的CSS文件，讓每個(gè)頁面都調(diào)用這一個(gè)布局，當(dāng)然，如果你想要支持老版本的IE，你就得多弄一個(gè)CSS文件。

另外，南昌網(wǎng)絡(luò)公司還想提醒大家的是：當(dāng)你把它們構(gòu)建到服務(wù)器上之前，你應(yīng)該把代碼間所有不必要的格式都刪掉。

有很多預(yù)處理工具都可以幫你解決這件麻煩事，比如Sass，LESS和Stylus。

有一些方法可以幫助你直接合并多個(gè)CSS文件，在Windows上：

copy file1.css+file2.css file.css

在Mac或Linux上：

cat file1.css file2.css > file.css

你可以把得到的CSS文件再經(jīng)過在線的CSS壓縮工具刪除格式化。

最后，在head標(biāo)簽中加載所有的CSS，這樣瀏覽器就知道你的頁面樣式不用多次重繪了。

4、通用和最小化的JavaScript

利用外部文件，我們可以用Javascript代碼和CSS代碼放在外部文件里面，在我們的HTML代碼里面加上調(diào)用代碼進(jìn)行調(diào)用即可，如果打開一個(gè)網(wǎng)站去檢查它的源文件，前面如果有大量的Javascript代碼和CSS代碼就容易使得網(wǎng)站有用的內(nèi)容文字部分推到后面去了，是不利于搜索引擎抓取的。

同樣很多第三方的工具可以幫你解決這樣事情，比如YUI Compressor，Closure Compiler和The JavaScript CompressorRater，簡化的JavaScript代碼會(huì)加快網(wǎng)頁的訪問速度，減少HTTP請(qǐng)求次數(shù)。

最后，最好在HTML的body標(biāo)簽后放置JavaScript引用代碼，這樣能保證JavaScript代碼不影響到其它內(nèi)容的加載。

5、減少頁面嵌套的表格

對(duì)于表格要盡量少使用，尤其是嵌套的表格部分，雖然CSS排版使得我們編寫代碼更加的精簡容易，但往往也是少不了表格的使用的，我們可以不去避免，但一定要減少使用多層嵌套的表格，不要產(chǎn)生沒有用的代碼。

百恒網(wǎng)絡(luò)作為一家優(yōu)秀的南昌網(wǎng)絡(luò)公司，在南昌網(wǎng)站建設(shè)方面擁有十多年的經(jīng)驗(yàn)，精通各種網(wǎng)站建設(shè)技術(shù)，了解更多網(wǎng)站優(yōu)化方面的資訊，歡迎來電咨詢百恒網(wǎng)絡(luò)，或者訪問公司官網(wǎng)，網(wǎng)址：http://www.51yjwy.com/