溫州華宇網絡科技有限公司
WENZHOU HUAYU WANGLUO KEJI CO.,LTD
|
|
在做網站時候把沒用的代碼去掉的好處網頁打開速度的快慢不僅和網速有關，也和網頁的代碼有關系。網頁的整體頁面越大，加載的時間會越長，這不僅影響了搜索引擎的抓取，也影響了客戶瀏覽網頁的心情。所以在做網站的時候，應盡量把一些沒有必要的代碼去掉，以減少網頁文件的大小，讓搜索引擎快速找到重要的內容。整個網頁最好不要超過50K，文字內容最好在5～10K之間。 網頁減肥重點涉及以下幾個要點： 1．CSS樣式 在定義CSS樣式的時候，能合并一起寫的盡量要合并在一起。例如： 還有能合并成一組屬性的要合并到一組屬性中，每個選擇器之間用逗號分隔開。例如： 網站像ul、img、a、a:hover等一些標簽，這些標簽在網站上顯示的樣式通常都相同，所以在CSS開始的時候要將樣式統一設置一下，避免在網頁布局用到的時候還需要在每個ID或者Class中重復設置，使CSS增大。 CSS不要放在頁面的<head></head>標簽中。一個網站往往會用到許多個ID或者Class，如果放在頁面上，會使整個頁面加大，不利于優化，所以要把所有CSS文件單獨存放在命名為CSS的外部文件中。 語法： CSS作用的優先級：自身的style屬性>頁面的內部style對象>頁面外部CSS文件。 2．JavaScript （1）將網頁的公共部分轉換為腳本并存于JS文件里。這樣可以減少文件大小，加快下載速度，同時也方便管理。不過千萬不要將導航等優化的關鍵代碼轉換成JS，否則搜索引擎搜索不到。 轉換方式： 例如原來是<h1>豐胸減肥</h1> 轉換成腳本為：document.write("<h1>豐胸減肥</h1>"); （2）簡化JS中的函數名稱和變量。例如，Google里面的函數名稱只有1個或者2個字符。 3．在寫鏈接的時候去掉域名 其中 http://www. miren8.com 完全沒有必要加上，因為域名就是這個，沒有必要再重新寫一遍，增加無用的代碼。 4．不要輕易使用網頁減肥工具 現在網上流行許多給網頁減肥的工具，不過不建議使用，畢竟都不是智能的，有的時候對網頁的結構根本分辨不出來，甚至錯誤地去掉一些代碼，例如把標簽的后半部分去掉等，造成網頁破版。有調整破版的時間，還不如自己按照前面介紹的網頁減肥方法來操作。下面舉個最簡單的布局嵌套的例子。 處理前：<div>< div >< div >第一行</ div ></ div >< div >< div >第二行</ div ></ div ></ div >。 處理后：< div >< div >< div >第一行< div >< div >第二行</ div >。 處理后的</ div ></ div > 兩個標簽都被去掉了，造成了頁面破版。 5．建議不要把網頁中的回車或空格刪除 每個人布局都有自己的習慣，筆者的習慣是，在上級和下級之間用兩個空格，因為這樣方便查找整個網站的框架結構，要么網站很難尋找，也浪費時間。
|