晓波笔记
h5页面实际上有很多人连h5是啥都不懂，h5实际上是一个技术标准，全称为html5，标准的意思就是，网页准则手册。你可以按照准则做做网页，甚至可以超出准则更加严格的要求自己，也可以不按照准则来，但不按标准来可能会被很多浏览器嫌弃。
简单点说h5页面就是新的标准网页，与以前的网页写法上是差不多的，就是一些代码在编写上有些不同了。h5页面是一个很大的容器，里面可以放文本、图片、声音、视频等格式的文件。那么我们如何优化h5页面呢？
对于搜索引擎来或是用户来说，一个页面的首要重点就是打开速度，所以在优化h5页面时，提高页面的加载速度是我们必须要优化的重心。
1、减少资源的加载
网站资源加载越多，网页向服务器发出的请求越多，并且还要下载文件传回，这一来二去，时间久加长了很多，所以我们最好是压缩一些资源，或者是将一些同类型的资源进行合并封装，比如多个css合并为一个css。
在移动端如果图片不是出现在首屏的我们可以延后加载，这样网页的加载速度可以提高很大一截，毕竟图片资源很占空间。
2、图片压缩
关于图片我们尽量少使用大图，除开banner图以外的图片我们都尽量使用几十kb的小图片，这样网页的加载速度还是比较快的。
一个页面的图片均匀放置，且一个页面图片不要太多。
3、页面的渲染优化
可以将css的样式直接写到头部的样式表中，这样网页加载时就不需要再去请求css文件了。并且还能减少由css文件请求造成的渲染阻塞一级二次渲染，也可以提高加载速度。
对于非文字类的元素，比如图片，视频等，我们可以指定大小，免去加载css的时间。
4、缩小页面体积
对于多余的注释代码，空格全部删除掉，并作以下页面压缩，这样网页的加载速度还有进一步的提升，只要我们的网页在2秒內加载出来都是比较优秀的。
以上就是对于h5页面的优化说明，对于网页来说加载速度是第一要素，速度过慢会让你无形中流失掉很多客户，所以当发现网站加载速度变慢的时候，一定要及时的调整，服务器改换就得换，宽带什么的该升级就得升级。好了不不多了，本文就写到这里，希望对大家有所帮助。我是晓波，干货持续更新中，敬请关注。
