武汉站多多 - 武汉网站建设终极解决方案
力求视觉与交互相契合,以规范的流程和专注的态度,为您提供好的设计服务
来源:武汉网站建设 浏览量: 发布时间:2019-08-16 13:35:52
1,建一个快速打开的手机网站,就得砍掉非核心体验的过程,减少依赖文件:更少的文件意味着更少的http请求与更快的加载时间。
降低图片大小:适应与调整高分辨率图片,在额外的下载时间中占居榜首,占用了宝贵的内存与处理资源。
减轻客户端负担:最佳实践是重新思考你的javascript,并使之降低到最小尺寸。
2,减少依赖文件
如果你想为移动端用户隐藏图片,display:none与visibility:hidden是不能阻止文件下载的,测试下面的代码:
<div style="display:none;">
<img src="logo-none.png" />
</div>
<div style="visibility:hidden;">
<img src="logo-hidden.png" />
</div>
另外替代方案是利用css加载背景图片,之后利用media query媒体查询来通过条件隐藏图片。(武汉网站建设)
3,保持最小数量的外联样式表
不管怎么样,样式表都会被加载,你需要把这些文件合并在一个文件里,减少http请求。另一种方法,你可以通过后端处理,通过判断设备来自动插入样式表。
4,利用CSS3代替图片
圆角,阴影,渐变填充等,这些样式不需要使用图片,可以减少http请求,加快加载时间CSS3可以减少http请求,但增加了处理负荷,我们创建了一系列的html文件,每个文件包含一个基本的css3特性,参考下面的图表,你可以发现css3带来的处理时间很小,但不能不考虑,特别注意box-shadow对处理时间的影响最大。
5,字体图标
字体图标是利用字体文件来包含符号和图表(如Wingdings或Webdings 都是某种图标字体),可以用来代替加载一个图像文件,Wingdings和Webdings有点过气了,现在有其他更专业的Web字体可用的,可以通过font-face加载。单独的Web字体,对于所有图标来讲,HTTP请求的数量可以减少到一个,如果Web字体使用数据URI嵌入页面,HTTP请求可以减少到零,这正是WordPress使用的技术,这是他们样式表中嵌入的web字体:WordPress访问所有这些图标,不会有任何额外的HTTP请求,因为图标通过数据URI,以Web字体的方式嵌入到WordPress的样式表中。
7,避免内联iframe
每一个内联框架都会生成一个HTTP请求,这是在iframe内没有另外依赖资源的情况下,这是我们做一个快速测试,比较一个iframe只含有文本。包含一个iframe增加了将近0.2秒的加载时间,为了保证web站点加载迅速,最好不要使用iframe。
8,减少客户端处理:
Javascript对加载时间的影响,在移动端较小的内存,cpu及缓存下会表现得更明显,通常我们要重新思考javascript的使用,并保持其在最小尺寸。
11
本文来源:http://www.whzdd.com 作者:武汉网站建设@武汉站多多 网络营销策划,本文由武汉站多多版权所有,未经批准转载必究。
CLASSIC CASE查看更多+
- · 做网站需要注意哪些细节的地方?...
- · 网站建设过程中网站遇到的异常情况应该如何...
- · 个人搭建网站和找外包公司搭建网站的区别是...
- · 怎么学习构建适应不同设备的响应式网站?...
- · 网站中文章标题优化的技巧有哪些呢? ...
- · 企业网站建设为什么要做手机站?...
- · 网页设计技巧:如何做好网站滚动视差设计...
- · 网站建设的重要性是什么?...
- · 网站打开速度缓慢的原因都有哪些?...
- · 网站设计中的文字的动态变化的形式有哪些?...
- · 武汉网站建设:企业网站通常分为几种类型?...
- · 浅谈响应式网站建设与自适应网站建设的区别...
- · 武汉网站建设哪个平台好呢...
- · 网站建设:谈如何避免过度优化 ...
- · 武汉企业网站制作:打造好的线上品牌形象...
- · 武汉专业网站建设方案如何写?...