HTML性能优化_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了HTML性能优化_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1614字，纯文字阅读大概需要3分钟。
内容图文
摘要： 页面优化是对网页中的HTML代码进行必要的调整，可以有效地精简页面中的冗余代码，加快网页显示速度，减少网页占用搜索引擎服务器的存储空间，提高用户体验和搜索引擎友好性，当然也可以更好的突出页面的主题，提高页面的相关性。下面是我总结出来的编写html代码时需要注意的，仅供参考。
1、HTML标签有始终。 减少浏览器的判断时间
2、把script标签移到HTML文件末尾，因为JS会阻塞后面的页面的显示。
3、减少iframe的使用，因为iframe会增加一条http请求，阻止页面加载，即使内容为空，加载也需要时间
4、id和class，在能看明白的基础上，简化命名，在含有关键字的连接词中连接符号用'-'，不要用'_'
5、保持统一大小写，统一大小写有利于浏览器缓存，虽然浏览器不区分大小写，但是w3c标准为小写
6、清除空格，虽然空格有助于我们查看代码，但是每个空格相当于一个字符，空格越多，页面体积越大，像google、baidu等搜索引擎的首页去掉了所有可以去掉的空格、回车等字符，这样可以加快web页面的传输。可以借助于DW软件进行批量删除 html内标签之间空格，sublime text中ctrl+a，然后长按shift+tab全部左对齐，清除行开头的空格
7、减少不必要的嵌套，尽量扁平化，因为当浏览器编译器遇到一个标签时就开始寻找它的结束标签，直到它匹配上才能显示它的内容，所以当嵌套很多时打开页面就会特别慢。
8、减少注释，因为过多注释不光占用空间，如果里面有大量关键词会影响搜索引擎的搜索
9、使用css+div代替table布局，去掉格式化控制标签如：strong，b，i等，使用css控制
10、代码要结构化、语义化
11、css和javascript尽量全部分离到单独的文件中
12、除去无用的标签和空标签
13、尽量少使用废弃的标签，如b、i等，尽管高版本浏览器是向后兼容的
小结：
HTML页面是展现给用户看的，好的代码，不仅能给用户带来友好性，也利于搜素引擎的排行，在制作页面时简化代码结构，标签语义化、标准化。
内容总结
以上是互联网集市为您收集整理的HTML性能优化_html/css_WEB-ITnose全部内容，希望文章能够帮你解决HTML性能优化_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。