JS腳本代碼和CSS外置

發布時間：2015.08.16 瀏覽: 次

由于網站效果的需要，許多網站都會在網頁上加上一些JS特效，或者大量的CSS樣式，以達到豐富網站內容的作用。但是由于有的網站建設者技術不夠專業或建設習慣問題，導致網站中JS和CSS占用了大量的篇幅。這不僅影響了網頁打開的速度，而且給蜘蛛的爬行帶來了不便，雖然蜘蛛常會跳過大量的JS代碼，但是過多的可用外置的代碼仍然會給蜘蛛帶來不好的印象。要知道，搜索引擎蜘蛛喜歡的是簡單有條理的內容，而對蜘蛛來說大篇的JS代碼就是無用的，因為大多數搜索引擎都不知道它所表示的具體意思。

對于SEOer來說，我們需要不只是網站美觀、效果豐富，我們更需要的是便于搜索引擎優化的網頁。因此對于網站內大段的JS和CSS代碼，最好的辦法就是將它們獨立成單個的文件，放置在一個專門的JS和CSS目錄下。在需要的網頁head部分，調用JS腳本文件或者CSS樣式表，以下為站長之家首頁調用外部JS和CSS文件的代碼：

<head>

</script>

</head>

上段代碼中href及src后面的值為調用JS和CSS文件的URL地址，調用JS或者CSS位置文件時注意以下幾個方面：

1、調用代碼應在網頁head部分。

2、JS文件調用時應使用<script language="javascript/vbscript" type="text/javascript/vbscript" src="../xx.js"></script>

為標準調用代碼，里面的javascript/vbscript根據調用文件的類型決定。為何站長之家沒有寫 language="javascript" type="text/javascript"呢？因為以IE內核為標準的瀏覽器默認的script文件為javascript語言腳本，因此我們為保證準確性，最好完整地寫出來。

3、調用CSS樣式表的標準代碼為<link rel="stylesheet" type="text/css" href="../xx.css">,同樣告訴瀏覽器此調用的是樣式表（stylesheet），格式為CSS文本。不過CSS發生錯誤的幾率非常低，但是為了萬無一失最好還是按照標準寫法編寫。

將JS和CSS獨立出來，放置在一個單獨的文件夾里，是網站的維護和修改變得更為便捷，當需要修改某個樣式或者效果時，只需要改動單個文件。同時當多個網頁使用同一個JS或者CSS文件時，用戶只需要加載一次代碼文件就行了，瀏覽其他網頁時，直接使用瀏覽器緩存里的JS和CSS文件，這有利于減少帶寬和打開速度。

但外置文件也有不利因素，那就是當用戶第一次訪問網頁時，瀏覽器會發出多次HTTP請求，這會加大服務器的負擔。如果初次訪問用戶過多的話，很可能出現網頁打開不全的情況，這就是為什么有時候打開某些網站會出現網站布局錯亂的情況。

我們在決定使用外置還是內置JS和CSS文件時，一般還是考慮將它們獨立出來，以提高網站的打開速度，也便于搜索引擎蜘蛛爬行，這是利大于弊的。尤其是網站內容豐富、用戶瀏覽網頁數量較多的網站，如新聞站、信息資源站等，這些網站用戶瀏覽的網頁數量一般很多，而且大多數頁面的樣式和效果都一樣，外置JS和CSS文件時非常重要的。而且對于SEO來說，外置JS和CSS文件，是規范整站和內部優化的一項重要工作。

贊一個

關鍵詞： JS腳本代碼 CSS