漂流的心 | 耿真的个人网站 | 鲁ICP备15001313号 | 本站永久网址:https://www.gengzhen.cn|

网页开发中用超文本标记语言优化网页的速度技巧

发布:耿真(GengZhen) 2021-07-12 08:35:00 归属栏目: 网站优化

Web开发是指网站的前端开发,由网页的制作演变而来。想成为专业的web开发人员,需要掌握一些复杂的组件技术来加快html页面的访问速度,但这不是绝对的。HTML和DHTML还有很多技巧可以遵循。在web开发中利用HTML优化网页的速度技巧

 技巧一,明显HTML,暗渡“公用脚本”

减少网页下载时间的关键在于设法减少文件大小。因此,当多个页面共享一些组件时,我们可以考虑将这些公共部分分开,然后在页面中调用它们,如下所示。这样,公共文件只需要下载一次,下次再调用包含公共文件的html页面时,下载时间明显减少。

技巧二,让样式表内容进入地下工作

CSS是一个HTML梳妆台,在HTML页面中引用CSS的方式有很多种,方法不同效率也不同。用好CSS就能实现一个漂亮的网站页面。操作案例:提取样式/样式之间定义的样式控制代码,保存在单独的。css文件,然后在HTML页面中以LINK标签或@import标签的形式引用:style @ import URL(' mysheet 1 . CSS ');/style注意:该。css文件不需要包含样式标签,而@import和LINK标签应该在HTML页面的HEAD部分定义。  

技巧三,宝贵内存节省方法网站的内存很宝贵,也很有限,可以说是用的少了一点,所以开发web的时候一定要尽量减少HTML页面占用的内存空间。1.使用相同的脚本语言可以提高网站的访问速度。HTML页面离不开脚本程序的支持。在web开发中,很多脚本语言,比如JavaScript和VBScript,经常嵌入到页面中。但是这样的混合使用会降低网站的访问速度。因为要解释和运行各种脚本代码,需要在内存中加载各种脚本引擎。因此,我们必须避免使用不同的脚本语言在页面上编写代码。2.巧妙地标记IFRAME标签是一个很棒的功能。当我们需要在一个HTML文档中包含第二页的内容时,更好的方法是使用FRAMESET标签。这样做可以提高代码的效率,但是会导致繁重的处理,降低页面访问速度,所以可以使用IFRAME。当鼠标指向一个新的主题时,您只需要修改IFRAME元素的SRC属性。这样,在任何时候,内存中只会保留一个预览文档。  

技巧四,择优选用动画定位属性网站页面中的动画可以提高网站的设计效果,吸引更多的用户,但动画会影响网站的开通速度。此时可以使用element.style.left和element.style.top两个属性来达到图形定位的目的。但是也有一些问题:左边的属性返回一个字符串,里面包含了度量单位(比如100px)。因此,为了设置一个新的位置坐标,必须先处理这个字符串的返回值,然后才能进行赋值。操作方法如下:dim stringleft,intleftstringleft=element。style . left treft=par sent(string left)int left=int left 10 element。style.left=intleft

温馨提示本站内所有原创内容禁止转载,谢谢合作!

关注耿真SEO微信公众号