html计时加速,HTML-加速、再加速
web开发⼈员是否必须掌握复杂的组件技术才能加快html页⾯的访问速度?答案是:不⼀定!实际上,有许多关于HTML与DHTML⽅⾯的技巧,它们原理简单⽽且上⼿容易。⽆论是技术⾼超的⽼⼿,还是初涉编程的菜鸟,领会这些都⼗分必要。
明显HTML,暗渡“公⽤脚本”
减少web页⾯下载时间的关键就是设法减⼩⽂件⼤⼩。当多个页⾯共⽤⼀些成分内容时,就可以考虑将这些公⽤部分单独分离出来。⽐如:我们可以将多个HTML页⾯都⽤到的脚本程序编写成独⽴存在的.js⽂件,然后再在页⾯中按如下⽅式调⽤它:
这样,公⽤⽂件只需要下载⼀次,然后就进⼊缓冲区。等下次再次调⽤包含公⽤⽂件的html页⾯时,下载时间明显减少。
让样式表内容进⼊地下⼯作
CSS是HTML装扮器,⼀个漂亮的Web页⾯不可能没有它。HTML页⾯中有多种引⽤CSS的⽅法,不同的⽅法导致的效率也不⼀样。通常,我们可以将定义于间的样式控制代码提取出来,保存到单独的.css⽂件中,然后在HTML页⾯中以标记或者@import标记的⽅式进⾏引⽤:
@import url("mysheet1.css");
html frame请注意2点:1、.css⽂件中⽆需包括
宝贵内存节省两法
尽量减少HTML页⾯占⽤的内存空间是加快页⾯下载速度的⼀个有效⽅法。在这⽅⾯,有2个需要注意的问题:
1、使⽤同⼀种脚本语⾔
HTML页⾯离不开脚本程序的⽀持,我们经常会在页⾯中嵌⼊多种脚本语⾔,⽐如JavaScript与VBScript。但是,不知你发觉没有:这样的混合使⽤减慢了页⾯的访问速度。原因在于:要解释并运⾏多种脚本代码,就必须在内存中装载多种脚本引擎。所以,请尽量在页⾯中使⽤同⼀种脚本语⾔编写代码。
2、巧⽤IFrame
你使⽤过标记吗?它可是⼀个⾮常美妙的功能。如果要在⼀个HTML⽂档中包含第2个页⾯的内容,通常的⽅法是使⽤标记。但是有了,⼀切变得简单了。⽐如,开发⼀个⽂档预览页⾯,可以在左边放置
⼀系列主题,在右边放置⼀个IFRAME,其中包含要预览的⽂档;当⿏标掠过左边的每⼀个主题链接时,就在右边建⽴⼀个新的IFRAME以预览⽂档。这样做,代码效率⽆疑是⾼效的,但同时导致了繁重的处理过程,最终是缓慢的速度。
没关系,我们有办法:只使⽤单⼀的IFRAME。当⿏标指向⼀个新主题时,只需要修改IFRAME元素的SRC属性即可。这样,任何时间内只会有⼀个预览⽂档保留在内存。
择优选⽤动画定位属性
每天上⽹浏览页⾯,你⼀定会看到许多动画效果。⽐如,⼀个可爱的⼩兔⼦在页⾯上来回地⾛动 ... 实现这个效果的核⼼技术就是CCS定位。通常,我们是使⽤element.style.left和p2个属性来达到图形定位的⽬的。但是,这样做会产⽣⼀些问题:left属性返回⼀个字符串,并且其中包含了度量单位(⽐如100px)。因此,要设定新的位置坐标,就必须⾸先对这个字符串返回值进⾏处理,然后才能赋值,象下⾯⼀样:
dim stringLeft, intLeft
stringLeft = element.style.left
intLeft = parseInt(stringLeft)
intLeft = intLeft + 10
element.style.left = intLeft;
你⼀定会感觉做这么点事情竟要编写这么复杂的代码,是否有更简洁的⽅法?当然有!请看这4个属性:posLeft、posTop、posWidth 和posHeight,它们对应于相应字符串返回值的点数数值。好了,使⽤这些属性重新编写代码实现上⾯代码实现的功能:
element.style.posLeft += 10
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论