HTML语言标准优化浅谈链接和协议规则

2019-03-28 11:33:43来源: lilincompany.com 阅读 ()

新老客户大回馈,云服务器低至5折

伴随着WEB技术的飞速发展,作为web前段构成的HTML整体优化似乎已经越来越引起人们的关注。不同于JavaScript 和CSS优化,html优化看似微小却不容忽视。

作为整个web构成的真正"前端";虽然HTML整体占有资源比重不大,但数据表明大部分页面还是有很大的压缩空间的,而HTML恰恰就是这部分了。

百度工程师Miller就曾在其文章中重点指出html优化的重要性,并总结了各种优化技巧,并且将其分为了两大类:绿色规则和橙色规则。

绿色规则——各种浏览器、协议、页面中都是无害的。其中只要包括简化链接、简化删除页面协议头、删除不必要空白符压缩页面资源、删除默认的HTML元素值等方法。下面我们将一一进行阐述。

1、简化链接——每个页面都有这样那样的链接比如普通链接、css的href、java的src、图片的src、和框架元素iframe 等这些往往都充斥着大量的链接同时也造成了网页资源的大量浪费。而我们要做的是在确认其链接和当前页面在同一个域名之下的前提下我们就可以使用其相对的URL了,例如原本的http://www.xxxx.com/boke/index.html进行简化后就成了/boke/index.html。经过这样的处理之后就相当于每个URL能节省至少一个域名的空间,这将大大的节省页面的整体体积。

2、简化删除页面协议头——上面的链接是相对的,但在引用绝对链接的时候都是以http或者https等协议头开始的,但如果我们已经确定目标链接协议和当前页面的协议一致,或者在多种协议下均可使用的话我们就可以删除点这个协议头。但这里一定要注意对已CSS的URL如果删除掉http或者https会在某些浏览器中造成CSS的二次下载。

3、删除不必要的空白符——这里指的是html标签使用中产生的空白符。删除这些将可以有效的减小页面的整体体积。

4、删除默认的HTML元素值。

橙色规则——只适用于某些非成规页面的简化规则。其中包括删除标签属性的引号、删除不必要的属性值比如禁用属性disabled 是否选中属性checked 和多选属性multiple 等、删除一些可选闭合标签例如等标签在html中都是允许不闭合可以考虑删除掉。以上这些均不符合XHTML规范,但能够大幅度的压缩页面体积,运用的时候应该谨慎对待。

除此之外页面的设置、设置、keywords设置都将是重中之重。

总结:html优化在于点点滴滴,好的书写习惯对整体的html优化有着很大的帮助。

以上观点仅是个人看法,涉及到的品牌和网站名字没有任何的恶意。转载请注明转自 www.lilincompany.com 网站即可,尊重原创是我们的美德谢谢。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Zac做客林夕阁 回答SEO相关问题

下一篇:ASP.NET获取网站访问人数