网站地图|客服中心|设为首页|加入收藏

行业新闻

首页 > 新闻 > 移动端网站 > 手机网站建设网页打开速度提升的方法

手机网站建设网页打开速度提升的方法


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请求。

另一种方法,你可以通过后端处理,通过判断设备来自动插入样式表 (这种方式在wordpress的响应式网站中使用过)。

另一种方案可以使用内部样式,亚马逊独立的移动产品页面有一个6KB大小的外部样式表,连同一些内部样式,这只需要通过一个额外的HTTP请求来下载所有的页面样式,亚马逊的桌面版本并不是很高效,带有9个外部样式表,总共40KB。

4,利用CSS3代替图片

圆角,阴影,渐变填充等,这些样式不需要使用图片,可以减少http请求,加快加载时间

CSS3可以减少http请求,但增加了处理负荷,我们创建了一系列的html文件,每个文件包含一个基本的css3特性,参考下面的图表,你可以发现css3带来的处理时间很小,但不能不考虑,特别注意box-shadow对处理时间的影响最大。

5,DATAURI来代替图片与WEB字体文件

Data uri方案可以不使用任何额外资源就可以向html及css中插入内容,这个技术可以在web页面中插入任何内容,通常被用于插入图片及web字体文件,这个技术最大的好处是可以减少http请求。

Data uri使用很简单,你可以按照下面的格式,使用base64编码过的数据直接插入html与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,手机网站建设其他应该注意的地方等。
  • 基于用户创新

    界面设计日新月异,梦创义坚持基于用户需求的界面创新设计……

  • 服务设计思维

    互联网的格局发生的改变,在我们进行设计服务时更是考虑不同用户、不同……

  • 洞察用户心理

    洞察用户有意识和无意识的行为以及心理特征通过构造一系列的服务来促进……

  • 查看更多 >>

最新新闻Latest News

中小型企业网站建设完应该如何营销
很多中小型企业往往纠结于以下10个问题:一、我们起步比别人晚,我们的……
做企业网站到底做给谁看?
设计经常时不时的遇到一些企业客户,常常搞不清楚谁会真正看你的企业网……
传统企业进军移动互联网,从移动云网站开始
移动互联网是移动通信和互联网融合的产物,其发展的重要基础便是智能手……
网站建设和运营五大细节决定用户黏性
网站的成功离不开搜索引擎优化,更离不开最基础最根本的用户群体,如何……
2015年值得关注的电子商务5大趋势
线上线下销售的界线正在变得越来越模糊。在2015年,这一趋势仍将继续。……

本站搜索关键词:手机网站建设网页打开速度提升的方法 | 北京网站建设 | 北京网站建设公司 | 北京网站建设中心 | 高端网站建设 | 电商网站建设 | 企业网站建设 | 手机网站建设 | 微站官网建设 | APP开发

销售热线

7x24小时全国售前咨询热线:010-57281389

7x24小时全国售后服务热线:13020085953 15313016798

手机 | 微信同号:18600846206   QQ:523313456

立即咨询 网站建设业务咨询|客服热线:010-57281389 13020085953

点这里给我发消息 电子邮箱:cnet99@cnet99.com

营业地址(东部):北京市朝阳区伊莎文心广场A座3层B-22

位置分享

营业地址(西部):北京市丰台区汽车博物馆东路1号诺德中心9-605

标准网站,网站建设,域名注册,虚拟主机,独享主机,企业云邮箱,网站维护一条龙,北京网站建设中心


  扫一扫 加微信
  微信号:cnet99com

  扫一扫 加关注
  微信平台

天润智力-专注于互联网平台建设与服务领域 中国互联网平台建设服务提供商

万网阿里云金牌首席合作伙伴站点 全线代理万网阿里云产品及服务

中国万网正式通过ISO9001国际标准质量体系认证

Copyright©1999-2024 天润智力 备案/许可证编号 京ICP备2020040216号-3

公安部备案号 11010502032413