减少依赖文件:更少的文件意味着更少的文件,每个文件包含一个基本的css3特性,参考下面的图表,你可以发现css3带来的处理时间很小,但不能不考虑,特别注意box-shadow对处理时间的影响大。
5,DATAURI来代替图片与WEB字体文件
Data uri方案可以不使用任何额外资源就可以向html及css中插入内容,这个技术可以在web页面中插入任何内容,通常被用于插入图片及web字体文件,这个技术大的好处是可以减少与css中代替图片文件。
6,字体图标
字体图标是利用字体文件来包含符号和图表(如Wingdings或Webdings 都是某种图标字体),可以用来代替加载一个图像文件,
Wingdings和Webdings有点过气了,现在有其他更专业的Web字体可用的,可以通过font-face加载。
单独的Web字体,对于所有图标来讲,HTTP请求的数量可以减少到一个,如果Web字体使用数据URI(如上所述)嵌入页面,HTTP请求可以减少到零,这正是WordPress使用的技术,这是他们样式表中嵌入的web字体:
,WordPress访问所有这些图标,不会有任何额外的HTTP请求,因为图标通过数据URI,以Web字体的方式嵌入到WordPress的样式表中。
同时,字体图标可以使用CSS3关键帧动画(这很有用,比如“加载”图标(小菊花)),主要的缺点是,字体图标做成的CSS sprites只能是某个纯色,亚马逊的css雪碧图包括彩色图标,因此它不能使用这种技术。
7,避免内联 iframe:
每一个内联框架(iframe)都会生成一个 HTTP 请求,这是在 iframe 内没有另外依赖资源的情况下,这是我们做一个快速测试,比较一个 iframe 只含有文本。包含一个 iframe 增加了将近 0.2s 的加载时间,为了保证 web 站点加载迅速,最好不要使用 iframe。当然这个在移动端网站应该是非常少使用的,子凡经常见到的就是在 PC 端用这个的还挺多的。
8,减少客户端处理:Javascript 对加载时间的影响,在移动端较小的内存,cpu 及缓存下会表现得更明显,通常,我们要重新思考 javascript 的使用,并保持其在最小尺寸。
9,手机网站建设其他应该注意的地方等。
网页名称:手机网站建设网页打开速度提升的方法
转载注明: