蓝顿长沙网络公司,十年专注于长沙营销型网站建设长沙网站制作seo优化推广服务,服务热线:0731-85287087
长沙网站建设 长沙网站制作

提高页面显示速度的秘技

营销型网站建设
长沙网站优化培训,长沙seo培训

在安排Web页面的布局时,最常用的方法之一是用HTML表格界定页面的结构。例如,假设Web页面由顶端的导航条和它下面的两栏(列)构成——左边的列是一个导航条,右边的列是实际安置内容的区域。对于这样一个页面,我们可以用一个两行、两列的大表格进行布局:在第一行中,合并两个列然后放上顶端导航表格;在第二个行中,左边的列放上一个显示导航按钮的表格,右边的列再用一个表格显示页面的实际内容。用这种表格嵌套表格的方法进行布局可以得到非常好的效果。

        要制作出这种页面,我们可以使用如下HTML代码:

< TABLE BORDER="0" >
< TR >
< TD COLSPAN="2" >< !-- 顶端导航条的内容 -- >< /TD >
< /TR >
< TR >
< TD ALIGN="LEFT" VALIGN="TOP" >< !-- 左边导航条的内容 -- >< /TD >
< TD ALIGN="LEFT" VALIGN="TOP" >< !-- 页面内容区域 -- >< /TD >
< /TR >
< /TABLE >

  如果浏览器发现页面中有一个TABLE标记,在接收到对应的结束标记< /TABLE >之前它不会显示这个表格。因此,如果整个页面都放入了一个大表格中,在浏览器下载这个大表格的< /TABLE >标记之前整个页面都不会显示。当显示内容非常多的页面时(例如,搜索结果或者电子商务网站上的产品目录),表格的延迟显示会导致整个页面显示的停顿。

  为了避免出现这种情况,我们应该把页面划分成多个较小且独立的表格区域。这样的话,每个表格的HTML代码下载之后浏览器就可以立即显示它。对于浏览者来说,页面将在屏幕上一部分、一部分地逐渐显示出来。而且更重要的是,这种页面在屏幕上开始显示的速度要比前面等待整个页面下载才显示的方法快得多。

  对于前面介绍的例子,我们不是使用单个大表格进行页面布局,而是使用三个独立的表格:第一个表格显示页面顶端的导航条,使其具有足够的宽度显示页面内容并完整地给出其< TABLE >< /TABLE >标记对;在第一个表格的左下位置安排第二个表格,使这个表格向左对齐;最后一个表格位于第二个表格的右边,用于放置页面内容。由于现在每一部分都是一个独立的表格,浏览器只要下载了任一部分的代码就会立即显示它。因此,页面顶端和左面的导航条将比页面其余部分更快地显示出来。这就避免了让浏览者长时间地在空白页面前等待,而是给了他这样一种印象:页面已经开始下载,整个页面将立刻出现在屏幕上。

  修改后的布局代码如下所示:

< TABLE BORDER="0" WIDTH="100%" >
< TR >
< TD ALIGN="CENTER" VALIGN="TOP" >< !-- 顶端导航条的内容 -- >< /TD >
< /TR >
< /TABLE >
< TABLE BORDER="0" ALIGN="LEFT" >
< TR >
< TD ALIGN="LEFT" VALIGN="TOP" >< !-- 左边导航条的内容 -- >< /TD >
< /TR >
< /TABLE >
< TABLE BORDER="0" >
< TR >
< TD ALIGN="LEFT" VALIGN="TOP" >< !-- 页面内容区域 -- >< /TD >
< /TR >
< /TABLE >

       正如尽可能早地关闭TABLE标记使得浏览器能够快速地显示出表格中的数据,还有另外两个标记也同样可以用这种方法提高显示速度,这两个标记就是用于制作列表框的< OPTION >标记和用于制作无序列表的< LI >标记。

  ASP程序员常常要访问数据库获取数据然后用< 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 >"

  现在只需改动一行代码:

Do while not objRS.EOF
  strOptionList = strOptionList & "< OPTION VALUE=""" & objRS("ID") & _""" >" & objRS("ProductName") &"< /OPTION>"
  objRS.MoveNext
Loop
Response.Write "< SELECT SIZE=""1"" >" & strOptionList & ""

  如果原来使用的代码如下:

< UL >
  < LI >苹果
  < LI >桔子
  < LI >香蕉
< /UL >

  那么现在改用:

< UL >
   < LI >苹果< /LI >
   < LI >桔子< /LI >
   < LI >香蕉< /LI >
< /UL >

网站建设怎么做
上一条:解决ASP错误ASP 0201的方法
下一条:网站建设中常用中英文对译
咨询热线:0731-85287087 地址:长沙市雨花区万家丽南路458号(省环保厅对面)
如果您有网站建设网站推广网站优化seo培训等方面的疑问,可免费咨询我们的在线专家,我们会从专业的角度认真解答,您也可以到我们公司咨询相关问题,我们的服务人员将热情为您服务!
  • 网站建设
  • 维护运营
  • 网站优化
  • 淘宝优化
  • 营销推广
  • 微信营销
下一个
    长沙网站建设价格
    “推广没效果,网站就不升级了”“既然推广停了,网站过期也不管了”。很多老板面对推广后网站的惨淡业绩,不免唉声叹气,殊不知推广效果好坏,很...
    长沙网站建设价格
      想做好网站运营不容易,需要有过硬的运营知识和工作技能,才能保证网站持续运营,保持快速的发展。   1.了解行业   ...
    长沙网站建设价格
      笔记本电脑开不了机是很多客户遇到的一个问题,很原因会使笔记本电脑开不了机。网际电脑今天分享给大家几个排查法处理一般自己能处理的方法! ...
    长沙网站建设价格
      无线网络连接上但上不了网,网络信号满格却上不去网,上网信号满格只能说明信号强,连接上只能说明和路由器连接上了,你就是没插网线只是给无线路...
    网站优化技巧
      因为搜索引擎算法频繁改动,导致网站排名上下波动,经常是付出的努力大于回报。所以SEOer不再优化企业网站,而是选择优化淘宝店铺。因为淘宝...
    网站优化技巧
      淘宝卖家好多都没有学习过SEO,只是,他们在开淘宝的过程中可能听说过淘宝SEO。我也是一个淘宝卖家,我也会把SEO的技术利用到淘宝商品中...
    网站优化技巧
      说到淘宝SEO,其中最关键的就是权重问题了,相信很多卖家都有做过淘宝搜索排名优化,也知道影响权重的一些因素,但是也有一些卖家朋友是不知道...
      优化淘宝自然搜索之前,先要做的第一件事情,就是对自己的店铺及产品进行“体检”,排除所有可能或者已经违规的行为。必须要让店铺做到“健健康康...
    长沙网站推广
      网络营销有时很容易与网上销售混为一谈,网上销售自然属于网上营销,但两者概念的范畴并不相同,网络营销具有更广泛的意义。因此在对网络营销定义...
      (1)博客内容增加搜索引擎可见性,从而为网站带来访问量   Google, Yahoo 和 MSN等搜索引擎都有强大的博客内容检索功能...
      (1)网络品牌管理:网络品牌管理是指通过合理利用各种网络营销途径创建和提升品牌,主要内容包括网络品牌策略制定、网络品牌计划实施、网络品牌...
    长沙网站推广
      域名:域名要求与本医院名字、本科室相关,尽量简短好记   空间:如果是万网域名,尽量选用万网云服务器。比较有保障。   完善的dat...
    安安母婴社群运营管理策略 为了科学开展工作,社群运营可分为三个工作阶段,主要是:拉新阶段+促活阶段+留存阶段,每个阶段的主题略有不同,战略...
    长沙微信营销
    说到微信营销,大家很自然就想到了朋友圈营销;说起微信卖货,说白了其实就是朋友圈卖货!我们把那些在朋友圈上卖货的人统称“微商”。做微商,如果对...
     变现的方法:   1, 帮人推广   可以帮一些公众号转发一些内容,这方面的需求应该会很大。因为大部分做公众号的都是舍得花钱推广的。去...
      这些年的微信朋友圈营销的火爆让人啧啧称叹,而现如今很多商家也将朋友圈的营销变得妖魔化,不断鼓吹微信朋友圈的作用,但是微信朋友圈也并非万能...
长沙网站制作
长沙网站制作公司,长沙网络公司,长沙网站优化
© 2016 长沙市蓝顿品牌设计有限公司 湘ICP备16016586号 
地址:湖南长沙雨花区万家丽路泰禹家园1-409 工作QQ:565616163
本站关键词:长沙网站建设 长沙网站优化 长沙网站推广 长沙网站优化培训
长沙软件界面设计 长沙网站制作 长沙网络公司