电竞比分网-中国电竞赛事及体育赛事平台

分享

優(yōu)化網(wǎng)頁代碼提高網(wǎng)頁訪問速度

 twinfish 2006-11-18

一、不要將整個頁面放到到一個table中 -----[感受最深,也是發(fā)這個帖子的動力]
 
     一般大家都是用表格來進行布局的,將整個頁面的內(nèi)容都塞進了一個Table(表格)里,然后再由單元格td來劃分各個“塊”的布局,這種網(wǎng)站的顯示速度是絕對慢的。因為Table要等里面所有的內(nèi)容都加載完畢后才顯示出來的,如果某些內(nèi)容無法訪問,就會拖延整個頁面的訪問速度。在布局時把整個頁面分成三部分,頭部top、中部middle、版權(quán)(尾部)bottom、中部最好再多分幾部分,因為,現(xiàn)在大家的首頁一般都是分成好幾個欄目的內(nèi)容,其實都可以分開放,不要全都塞到一個Table里。多用幾個table,尤其是廣告聯(lián)盟的代碼什么的,盡量放到一個單獨的table ;比較慢的廣告代碼,用個table直接放到最底下。反正訪問的人最關(guān)心的、第一個要看的不是版權(quán)信息。
 
 順便說一下,我上次的那個代碼--做個例子
 之前,我在網(wǎng)上看到一段代碼,http://sun521./im286/fk.htm,直接保存了  ,
 后來優(yōu)化的。我都放出來,大家對比下
 
 未優(yōu)化的時候,文件大小3k,table里套table,http://sun521./im286/sun521.htm
 優(yōu)化后  文件夾 2k,1個table               http://sun521./im286/sun521_seo.htm
 
 可以比比速度,看一下原代碼[昨天剛注冊的com.ru,綁了個html免費空間,也不知道速度怎么樣--在這個垃圾空間上,優(yōu)化的效果比較明顯噢],  編輯ps:com.ru綁頂出錯,換了一個
 
           替自己ad下,誰有空間,給點贊助。呵呵
 
 二、不要放太大的Flash動畫、圖片,能用GIF格式的就不用JPG的。大圖最好切成幾塊再拼。
 
 三、盡量用靜態(tài)HTML頁面 ,少用點javascript特效,有時候搞的太多,反而搞的大家眼花,以前看到一個站,狀態(tài)欄的文字替換狂快,就一直
 
 閃啊閃。。   沒多少必要,別人是來看站上的文章的、mm圖片的。。不是看特效,當然,適當?shù)母銕讉€還是可以的,至少可以在超級菜鳥面前
 
 顯示下自己的能力,讓他們崇拜下。。
 
 四、將ASP、PHP等文件的訪問改為.js引用 
 
     如果你要在靜態(tài)的HTML頁面里嵌入動態(tài)的數(shù)據(jù),而這些動態(tài)的數(shù)據(jù)是由ASP等程序來提供的話,每次有一個人訪問你的網(wǎng)站,服務器就要執(zhí)行并處理一次count.asp文件,從數(shù)據(jù)庫抽取相應的數(shù)據(jù),再輸出給網(wǎng)頁顯示,如果有幾萬個人同時訪問,就要執(zhí)行幾萬次。建議在這些程序中將數(shù)據(jù)動態(tài)生成到一個count.js文件中去,然后在首頁通過這樣的代碼來引用.js文件。這樣,數(shù)據(jù)顯示的任務就交給客戶端的瀏覽器去做,不會耗費服務器的資源,顯示速度自然就快一些。
 
 五、使用iframe--這個大家都知道,很多GG都是這樣發(fā)的  呵呵 
 使用iframe,這樣就不會因為廣告頁面的延遲而拖了整個首頁的顯示。 
 
 六、計數(shù)器代碼放置
 
     直接把統(tǒng)計代碼放到頁面內(nèi)容的前面,或者放在一個Table或者div標簽里,那么在計數(shù)器不能訪問的時候,你的頁面上那個Table或者div就會產(chǎn)生幾十秒鐘的延遲,導致頁面很長時間才能訪問。正確的方法是:把統(tǒng)計代碼放到頁面的最下面,并且不要和頁面內(nèi)容同在一個Table或者div標簽里??梢栽陧撁娲a的最下方直接放置統(tǒng)計代碼,或者在最下方單獨做一個Table或者div來放置計數(shù)器。
 
 七、友情鏈接 
 
     很多人都喜歡直接引用友情網(wǎng)站上的圖片URL,這樣圖片要先經(jīng)過加載才能顯示的,各個友情網(wǎng)站的訪問速度不一樣,整個表格都要等圖片
 
 都下載完了才能顯示出來,這樣大大降低了網(wǎng)頁的速度,有時候說不定是幾個紅叉叉(被D?空間掛了。呵呵)。其實,LOGO最好是先下載再傳到自己的網(wǎng)頁空間。
 
    最好是文字鏈接:感覺比較整潔,另外,盡量和同行網(wǎng)站交換連接,可以把其中的有些字連接起來,當作自己站的關(guān)鍵字。比如:你是一個學生站,對方站的名字叫 “**大學學生論壇”,可以寫成這樣:< A HREF="....">**大學< /A>< A HREF="....">學生< /A>< A HREF="....">論壇< /A>,這樣不影響link,又突出了關(guān)鍵字。。
 
 
 最后再說幾個seo的
 
 關(guān)鍵字主要有以下幾個部位:
   標題標記:< TITLE>文本< /TITLE>
 
   META標記:< META NAME="Description" CONTENT="網(wǎng)頁簡述"> < META NAME="Keywords" CONTENT="關(guān)鍵字">
 
   大標題標記:< H1>文本< /H1>等
 
   鏈接標記:< A HREF="http:///page.htm">文本< /A>
 
   網(wǎng)頁正文:< BODY>文本< /BODY>
 
   ALT標記: < IMG SRC="1.gif" BORDER=0 ALT="關(guān)鍵字">
 
   注釋標記:< !--文本-->
 
   輸入標記:< INPUT TYPE="HIDDEN" NAME="HIDDEN" VALUE="關(guān)鍵字">
 
   網(wǎng)址: http://www.關(guān)鍵字.com/關(guān)鍵字.htm
 

 


    本站是提供個人知識管理的網(wǎng)絡存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多