怎样写出高性能的HTML代码

1.尽量避免使用Iframe  因为Iframe最消耗资源的元素之一  尤其是移动设备上面的网页中最好别使用iframe。

2.避免空连接属性 Internet Explorer 8及以下版本浏览器只在img类型元素上出现问题,IE会把img的空地址解析为当前页面地址的目录地址;早些版本的Webkit内核浏览器 与Firefox 会把空地址解析为当前页面的地址。如果页面内有多个空链接属性元素,当前页面的服务器则会被请求多次,增加服务器的负载;

3.避免节点深层级嵌套  节点越多浏览器解析HTML文件时需要占更多的内存资源。

4.缩减HTML文件的大小  通常用CSS,JavaScript文件和图片压缩的方式去缩减HTML文件大小 除此之外,还有:去掉代码中不必要的注释和空格;尽量少使用table;习惯用HTML5。

5.显式设置图片的宽高  不管是<img>里面还会CSS里面务必设置图片大小  如果图片大小没有规定或者实际大小和制定的大小不一致时浏览器要下载好这个图片以后纠正并重新显示 这个很好资源的。

6.习惯把<script>文件放在</body>标签前面  要不然浏览器下载完<script>文件再下载html需要很长时间,会影响页面的正常显示。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值