眾所周知,隨著網絡的迅速發展,越來越多的企業甚至個人都做了網站,企業也已經越來越依賴通過網站進行推廣自己的企業形象和產品,從而樹立更好的企業品牌。所以對于企業來說,做好企業網站建設的是十分有必要的。
但是,據調查,網頁大小在2013年平均增長了32%,平均達到了1.7M,單獨的HTTP請求達到96個,說實話,這是一個令人震驚的數字,而且這只是個平均值,有一半的網站會大于這個值。那么一個“頁面超重”的網站有什么影響呢?下面南昌網絡公司-百恒網絡具體來說一下,主要有以下幾點:
1、網站代碼越多,用戶下載的就越多,加載速度就會越慢。在國內,并不是每個人都能享受20M的寬帶,每一個開發者心里都很清楚,用戶不愿意等。
2、影響搜索引擎抓取速度將會對網站排名造成很大影響。
3、對于開發者來說,代碼量越大,就越不容易更新和維護。
隨著互聯網技術的不斷升級,越來越多的人開始關注這個問題,而且也出現了很多優化工具,那么網站頁面如何優化呢?下面百恒網絡根據十多年的經驗為大家分享一下網站頁面優化技巧:
1、刪除不需要的資源
當你不再需要一個組件的時候,你應該刪掉它的CSS和JavaScript代碼,如果這些代碼都單獨放在一個文件中,那刪掉它們也不是難事,但如果已經沒有用的代碼和其它代碼在一個文件中,那你肯定要費不少精力去刪掉它們。
這個時候你就需要使用第三方的工具來幫你一鍵解決,比如JSLint,Dust-Me Selectors,CSS Usage或是像grunt-uncss一樣的構建工具。
2、style和font重復定義的沉余代碼
要充分利用好CSS代碼定義自己的顏色大小等,有些網站既用了CSS代碼定義了之后又去使用style或者是font這樣的代碼進行定義,這樣就無形中增加了無用代碼,容易造成代碼冗余,因此我們要對這樣的代碼進行壓縮,實現代碼精簡。
3、通用和最小化CSS
理想情況下,需要一個單獨的CSS文件,讓每個頁面都調用這一個布局,當然,如果你想要支持老版本的IE,你就得多弄一個CSS文件。
另外,南昌網絡公司還想提醒大家的是:當你把它們構建到服務器上之前,你應該把代碼間所有不必要的格式都刪掉。
有很多預處理工具都可以幫你解決這件麻煩事,比如Sass,LESS和Stylus。
有一些方法可以幫助你直接合并多個CSS文件,在Windows上:
copy file1.css+file2.css file.css
在Mac或Linux上:
cat file1.css file2.css > file.css
你可以把得到的CSS文件再經過在線的CSS壓縮工具刪除格式化。
最后,在head標簽中加載所有的CSS,這樣瀏覽器就知道你的頁面樣式不用多次重繪了。
4、通用和最小化的JavaScript
利用外部文件,我們可以用Javascript代碼和CSS代碼放在外部文件里面,在我們的HTML代碼里面加上調用代碼進行調用即可,如果打開一個網站去檢查它的源文件,前面如果有大量的Javascript代碼和CSS代碼就容易使得網站有用的內容文字部分推到后面去了,是不利于搜索引擎抓取的。
同樣很多第三方的工具可以幫你解決這樣事情,比如YUI Compressor,Closure Compiler和The JavaScript CompressorRater,簡化的JavaScript代碼會加快網頁的訪問速度,減少HTTP請求次數。
最后,最好在HTML的body標簽后放置JavaScript引用代碼,這樣能保證JavaScript代碼不影響到其它內容的加載。
5、減少頁面嵌套的表格
對于表格要盡量少使用,尤其是嵌套的表格部分,雖然CSS排版使得我們編寫代碼更加的精簡容易,但往往也是少不了表格的使用的,我們可以不去避免,但一定要減少使用多層嵌套的表格,不要產生沒有用的代碼。
百恒網絡作為一家優秀的南昌網絡公司,在南昌網站建設方面擁有十多年的經驗,精通各種網站建設技術,了解更多網站優化方面的資訊,歡迎來電咨詢百恒網絡,或者訪問公司官網,網址:http://www.527701.com/