我们知道，在html中，你不仅仅要做出好看的网页，也要考虑到网页的优化问题，那么今天就给大家带来怎么优化html网页的思路，我总结了5点，一起来看一下
将table改为div布局
尽量将table标签布局html重构div布局，可以节约至少40%的代码量。由于div代码少于table布局的html网页，所以搜索引擎索引权重也优于table布局的html网页。
缩减精简div、span、ul li等系列标签
布局DIV+CSS网页时候，我们有时候可以节约一些DIV布局代码，减少代码量。
立即学习“前端免费学习笔记（深入）”；
如下案例代码：
- DIV
- DIV
- DIV
登录后复制
可以改为：
lass="div">
登录后复制DIV DIV DIV
这样可以节约一对div标签，从而减少html代码量，起到压缩html作用。这样直接对ul命名css样式类，可以区别在一个页面不同地方使用ul li列表标签。
索引多余空格
删除多余空格换行，可以有效地压缩html代码占用字节，一般在开发完成后可以对html中代码进行删除换行和空格内容。
可以借助于DW软件进行批量删除html内标签之间空格
如：
登录后复制
可以删除空格与换行后：
这样即可节约空格和换行所占字节。
注意的是，网页发布版的可以借助于DW进行删除多余空格与空行。如果要再编辑，再到DW软件进行代码格式化排版即可。
索引类型布局时候适当使用table替代div布局
如果是本身是表格数据列表排版，我们最好选择table，因为表格布局使用table优于div布局，使用table布局却比div布局节约索引代码和节约css样式。
如下图表格索引，建议采用TABLE标签+CSS样式布局
html网页代码压缩table标签布局表格
类似这种列表型table表格，推荐使用table标签布局
网页GZIP压缩
自己的服务器推荐设置网页Gzip压缩功能。
1.开GZIP有什么好处？
答：Gzip开启以后会将输出到用户浏览器的数据进行压缩的处理，这样就会减小通过网络传输的数据量，提高浏览的速度。
2.如何启用IIS的Gzip压缩功能：
答：首先，如果你需要压缩静态文件（HTML），需要在硬盘上建一个目录，并给它“IUSR_机器名”这个用户的写权限。如果压缩动态文件（PHP，asp，aspx）就不需要了，因为它的页面是每次都动态生成的，压缩完就放弃。然后在IIS管理器中，“网站”上面右键－属性，不是下面的某个站点，而是整个网站。进入“服务”标签，选上启用动态内容压缩，静态内容压缩。然后选中网站下面那个服务器扩展，新建一个服务器扩展。名字无所谓，下面的添加文件的路径是： c:\windows\system32\inetsrv\gzip.dll，然后启用这个扩展。这时候静态内容是可以压缩的，但是对于动态内容，aspx文件却不在压缩范围内。因为默认的可压缩文件并没有这个扩展名。而管理界面中你又找不到可以增加扩展名的地方，这时候只能去修改它的索引了。在c:\windows\system32\inetsrv\下面有个MetaBase.xml文件，可以用记事本打开，找到IIsCompressionScheme，有三个相同名字的段，分别是deflate,gzip,Parameters，第三段不用管它，前两段有基本相同的参数，在这两段的参数HcScriptFileExtensions下面都加上一行aspx，如果你有其它的动态程序要压缩，也加在这里。HcDynamicCompressionLevel改成9，（0－10，9是性价比最高的一个）。然后需要重启一下IIS服务，就可以体会到压缩后的速度了。
相信看了这些案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
相关阅读：
索引
索引
索引
以上就是怎么优化HTML网页的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3121293.html
