提高頁面顯示速度的秘技

2023-02-07 分類：網(wǎng)站建設

提高頁面顯示速度的秘技在安排Web頁面的布局時，最常用的方法之一是用HTML表格界定頁面的結構。例如，假設Web頁面由頂端的導航條和它下面的兩欄（列）構成——左邊的列是一個導航條，右邊的列是實際安置內(nèi)容的區(qū)域。對于這樣一個頁面，我們可以用一個兩行、兩列的大表格進行布局：在第一行中，合并兩個列然后放上頂端導航表格；在第二個行中，左邊的列放上一個顯示導航按鈕的表格，右邊的列再用一個表格顯示頁面的實際內(nèi)容。用這種表格嵌套表格的方法進行布局可以得到非常好的效果。
要制作出這種頁面，我們可以使用如下HTML代碼
< TABLE BORDER="0" > < TR > < TD COLSPAN="2" >< !-- 頂端導航條的內(nèi)容 -- >< /TD >< /TR > < TR > < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 左邊導航條的內(nèi)容 -- >< /TD > < !-- 頁面內(nèi)容區(qū)域 -- >< /TD > < /TR > < /TABLE >
如果瀏覽器發(fā)現(xiàn)頁面中有一個TABLE標記，在接收到對應的結束標記< /TABLE>之前它不會顯示這個表格。因此，如果整個頁面都放入了一個大表格中，在瀏覽器下載這個大表格的< /TABLE>標記之前整個頁面都不會顯示。當顯示內(nèi)容非常多的頁面時（例如，搜索結果或者電子商務網(wǎng)站上的產(chǎn)品目錄），表格的延遲顯示會導致整個頁面顯示的停頓。

為了避免出現(xiàn)這種情況，我們應該把頁面劃分成多個較小且獨立的表格區(qū)域。這樣的話，每個表格的HTML代碼下載之后瀏覽器就可以立即顯示它。對于瀏覽者來說，頁面將在屏幕上一部分、一部分地逐漸顯示出來。而且更重要的是，這種頁面在屏幕上開始顯示的速度要比前面等待整個頁面下載才顯示的方法快得多。

對于前面介紹的例子，我們不是使用單個大表格進行頁面布局，而是使用三個獨立的表格：第一個表格顯示頁面頂端的導航條，使其具有足夠的寬度顯示頁面內(nèi)容并完整地給出其

< /TABLE>標記對；在第一個表格的左下位置安排第二個表格，使這個表格向左對齊；最后一個表格位于第二個表格的右邊，用于放置頁面內(nèi)容。由于現(xiàn)在每一部分都是一個獨立的表格，瀏覽器只要下載了任一部分的代碼就會立即顯示它。因此，頁面頂端和左面的導航條將比頁面其余部分更快地顯示出來。這就避免了讓瀏覽者長時間地在空白頁面前等待，而是給了他這樣一種印象：頁面已經(jīng)開始下載，整個頁面將立刻出現(xiàn)在屏幕上。

修改后的布局代碼如下所示：
< TABLE BORDER="0" WIDTH="100%" > < TR > < TD ALIGN="CENTER" VALIGN="TOP">< !-- 頂端導航條的內(nèi)容 -- >< /TD > < /TR > < /TABLE > < TABLE BORDER="0"ALIGN="LEFT" > < TR > < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 左邊導航條的內(nèi)容 -- > < /TR > < /TABLE > < TABLE BORDER="0" > < TR > < TD ALIGN="LEFT"VALIGN="TOP" >< !-- 頁面內(nèi)容區(qū)域 -- >< /TD > < /TR > < /TABLE >
正如盡可能早地關閉TABLE標記使得瀏覽器能夠快速地顯示出表格中的數(shù)據(jù)，還有另外兩個標記也同樣可以用這種方法提高顯示速度，這兩個標記就是用于制作列表框的

例如，原先使用下面的代碼：　
Do while not objRS.EOF strOptionList = strOptionList & "< OPTIONVALUE=""" & objRS("ID") & _ """ >" & objRS("ProductName") objRS.MoveNextLoop Response.Write "< SELECT SIZE=""1"" >" & strOptionList & "< /SELECT >"
現(xiàn)在只需改動一行代碼：　 Do while not objRS.EOF strOptionList = strOptionList & "< OPTIONVALUE=""" & objRS("ID") & _ """ >" & objRS("ProductName") & "< /OPTION >"objRS.MoveNext Loop Response.Write "< SELECT SIZE=""1"" >" & strOptionList &""

網(wǎng)頁名稱：提高頁面顯示速度的秘技
當前鏈接：http://chinadenli.net/news/235726.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、網(wǎng)頁設計公司、動態(tài)網(wǎng)站、網(wǎng)站策劃、網(wǎng)站導航、Google

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

網(wǎng)站建設知識

網(wǎng)站前端制作之swiper拖拽左右滑動按鈕 2023-02-07
為什么你的網(wǎng)站起不到一點作用 2023-02-07
成都網(wǎng)站開發(fā)公司探討企業(yè)網(wǎng)站建設中的注意事項 2023-02-07
企業(yè)網(wǎng)站設計配色中應該考慮的因素 2023-02-07
實現(xiàn)企業(yè)網(wǎng)站應有的價值 2023-02-07
營銷型網(wǎng)站有哪些特點？ 2023-02-07
網(wǎng)站設計36條原則 2023-02-07
中小企業(yè)網(wǎng)站建設如何應對用戶跳出 2023-02-07
如何分析網(wǎng)站流量數(shù)據(jù)？ 2023-02-07
上海高端網(wǎng)站制作重點應該關注這些方面 2023-02-07
成都網(wǎng)站建設過程中需要注意哪些？ 2023-02-07
成都在網(wǎng)站中加入在線客服常見問題總結 2023-02-07

分類信息網(wǎng)站

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

提高頁面顯示速度的秘技