14 十二月, 2006 00:57
網頁減肥
代碼設置不妥不僅延長網頁載入時間,也嚴重影響蜘蛛程式對網頁內容的抓取。通過對網頁代碼進行清減(俗稱"網頁減肥"),去掉臃腫雜亂的代碼,減小網頁檔大小,能夠加快網頁載入速度,讓蜘蛛快速索引到重要內容。正常情況下一個頁面的檔大小在15K左右,最好不要超過50K。網頁減肥重點涉及以下幾個要點:
CSS樣式:
網頁製作應通過CSS(層疊樣式表單)來統一定制字體風格,以使代碼標準化,避免大量的字體和格式化標籤如< h1 >< /h1 >、< font size=×× color=×× >< /font >充斥頁面。通過css可以控制任何HTML標籤的風格。例如<td>, <p>, <body>, <table>, <tr>, <th>等。只要在HTML的<head>區內的<style type="text/css">和</style>之間指定對應標籤的風格如字體,顏色,大小即可,例如:
<style type="text/css">
<!--
h2 { font-family: "宋體"; font-size: 12pt; color: #333366; background-color: #FFCCCC; font-weight: bold }
h1 { font-family: "Arial"; font-size: 12pt; color: #993300 } -->
</style>
僅通過以上設置,就把文字的字體、字型大小、顏色、背景色等統一起來,不用對每段文字單獨進行格式定義,從而減少大量重複性標籤。注意把所有css檔單獨存放在命名為css的外部檔中。通過設置CSS樣式,也可以提升導航文本的美觀度,達到與圖片導航同樣優美觀的效果,這點尤其提醒網頁設計師注意,沒有必要將導航條用圖片呈現。
JavaScript:
正常情況下,網頁儘量以<HTML>作為代碼的開始端。但採用JavaScript技術的網頁往往在頁面一開始就堆積大量JAVA代碼,以至META及關鍵字遲遲不能出現,被推至頁面底部,對搜索引擎很不友好。有兩種方法可以使之得以改善:
1、將腳本移至頁面底部
大部分的JAVA代碼都可以移到頁面結束標籤之上,而不影響網站功能。這樣就能一開始突出關鍵字,並加快頁面載入時間。
2、將JAVA腳本置入一個.js副檔名的文件。
包含你的JavaScript的.js檔通常在網站訪問者的流覽器中被緩存下來,使得下次訪問速度加快,也使得網站修改和維護起來更加方便。例:一段JAVA代碼正常情況下顯示如下:
<script language=JavaScript>
<!-- 此處是你的代碼,將它們拷貝到一個.js文件 //-->
</script>
忽略開始及結束標籤,將中間的代碼單獨保存為副檔名為.js的檔,如檔案名為"mycode.js"的一個檔,然後將此檔上傳到伺服器上與該頁同樣的目錄下。最後將上文列舉的完整的JavaScript置換為簡單的一行:
<script language=JavaScript src=mycode.js></script>
這樣,一個"mycode.js"檔就將大段冗長複雜的JAVA代碼置換了。
工具推薦:
網頁減肥工具:http://202.99.237.33/softdown/softdoc/net_opt.htm 去除網頁中多餘代碼,減小網頁。




