AV无码AV在线A∨天堂毛片_女S丝袜调教女视频丨ⅤK_國產日韩視頻在線觀看_国产又粗又黄又爽的大片软件_吧唧吧唧吧唧一口一口吃掉了_欧美日韩精品专区国产_热播免费电影推荐_日本一区中文字幕最新在线_野战无码精品_国内自愉自愉视频

首頁 > 資訊學堂 > 網(wǎng)站建設
龍華網(wǎng)頁高級設計師分享提高頁面顯示速度的秘訣
發(fā)布時間:2012-04-15    瀏覽次數(shù):1943  
  你是否也在為了提高ASP應用的性能而努力呢?注意千萬不要只關心數(shù)據(jù)庫訪問和COM組件的性能,對于用戶來說,Web頁面的顯示速度也同樣重要。本文為你介紹的正是幾則提高頁面顯示速度的技巧和一些必須注意的問題。
  在安排Web頁面的布局時,最常用的方法之一是用HTML表格界定頁面的結構。例如,假設Web頁面由頂端的導航條和它下面的兩欄(列)構成——左邊的列是一個導航條,右邊的列是實際安置內(nèi)容的區(qū)域。對于這樣一個頁面,我們可以用一個兩行、兩列的大表格進行布局:在第一行中合并兩個列然后放上頂端導航表格;在第二個行中,左邊的列放上一個顯示導航按鈕的表格,右邊的列再用一個表格顯示頁面的實際內(nèi)容。用這種表格嵌套表格的方法進行布局可以得到非常好的效果。
  如果瀏覽器發(fā)現(xiàn)頁面中有一個TABLE標記,在接收到對應的結束標記< /TABLE >之前它不會顯示這個表格。因此,如果整個頁面都放入了一個大表格中,在瀏覽器下載這個大表格的< /TABLE >標記之前整個頁面都不會顯示。當顯示內(nèi)容非常多的頁面時(例www.boryin.com如,搜索結果或者電子商務網(wǎng)站上的產(chǎn)品目錄),表格的延遲顯示會導致整個頁面顯示的停頓。
  為了避免出現(xiàn)這種情況,我們應該把頁面劃分成多個較小且獨立的表格區(qū)域。這樣的話,每個表格的HTML代碼下載之后瀏覽器就可以立即顯示它。對于瀏覽者來說,頁面將在屏幕上一部分、一部分地逐漸顯示出來。而且更重要的是,這種頁面在屏幕上開始顯示的速度要比前面等待整個頁面下載才顯示的方法快得多。
  對于前面介紹的例子,我們不是使用單個大表格進行頁面布局,而是使用三個獨立的表格:第一個表格顯示頁面頂端的導航條,使其具有足夠的寬度顯示頁面內(nèi)容并完www.boryin.com整地給出其< TABLE >< /TABLE >標記對;在第一個表格的左下位置安排第二個表格,使這個表格向左對齊;最后一個表格位于第二個表格的右邊,用于放置頁面內(nèi)容。由于現(xiàn)在每一部分都是一個獨立的表格,瀏覽器只要下載了任一部分的代碼就會立即顯示它。因此,頁面頂端和左面的導航條將比頁面其余部分更快地顯示出來。這就避免了讓瀏覽者長時間地在空白頁面前等待,而是給了他這樣一種印象:頁面已經(jīng)開始下載,整個頁面將立刻出現(xiàn)在屏幕上。
  正如盡可能早地關閉TABLE標記使得瀏覽器能夠快速地顯示出表格中的數(shù)據(jù),還有另外兩個標記也同樣可以用這種方法提高顯示速度,這兩個標記就是用于制作列表框的< OPTION >標記和用于制作無序列表的< LI >標記。
  ASP程序員常常要訪問數(shù)據(jù)庫獲取數(shù)據(jù)然后用< OPTION >標記構造列表框。只要簡單地改動一下代碼關閉< OPTION >標記,就可以讓瀏覽器顯示頁面的速度加快。
  例如,原先使用下面的代碼:
  Do while not objRS.EOF
  strOptionList = strOptionList & "< OPTION VALUE=""" & objRS("ID") &  """ >" & objRS("ProductName")
  objRS.MoveNext
  Loop
  Response.Write "< SELECT SIZE=""1"" >" & strOptionList & "< /SELECT >"
  現(xiàn)在只需改動一行代碼:
  Do while not objRS.EOF
  strOptionList = strOptionList & "< OPTION VALUE=""" & objRS("ID") & """ >" & objRS("ProductName") & "< /OPTION >"
  objRS.MoveNext
  Loop
  Response.Write "< SELECT SIZE=""1"" >" & strOptionList & "< /SELECT >"
  如果原來使用的代碼如下:
  < UL >
  < LI >蘋果
  < LI >桔子
  < LI >香蕉
  < /UL >
  那么現(xiàn)在改用:
  < UL >
  < LI >蘋果< /LI >
  < LI >桔子< /LI >
  < LI >香蕉< /LI >
  < /UL >
  經(jīng)過這些改動之后,瀏覽器顯示頁面的速度將會更快。
  出處:計算機世界
X
立即咨詢159 8944 9358
提交電話預約網(wǎng)絡營銷顧問老師
提交您項目需求,博盈為您提供專屬的免費網(wǎng)站優(yōu)化參考方案及報價X