前端性能优化 —— 移动端浏览器优化策略-动态资讯-北京联索科技有限公司

动态资讯

首页 >> 动态资讯

前端性能优化 —— 移动端浏览器优化策略

2018-01-10 09:03:00 站长网 [查看原文]

A5创业网

项目发布

申请报道

扫一扫，联系编辑获得审核机会

符合以下要求，获得报道机会

1. 新公司求报道

2. 好项目求报道

3. 服务商求报道

4. 投资融资爆料

中介交易网站交易域名交易公众号

登录注册

会员中心退出

微信

微博

手机版

网站导航

找项目找服务

客服热线：400-995-7855

创业

创业动态投资融资创业故事众创空间

财税

工商注册公司财税资质办理

产权

商标版权专利

科技

互联网 IT业界移动八卦休闲

站长

网站运营建站经验 SEO 交互设计好站推荐

营销

营销策划网络推广移动营销

电商

电商资讯电商分析移动电商

IDC

IDC报告云计算服务器安全 CDN

自媒体公众号小程序产品域名会议数码游戏系统技术

首页

创业

创业项目

科技

站长

产品

营销

电商

域名

会议

A5交易

A5营销

创业服务

当前位置：首页 > 站长 > 建站经验 > 正文品牌

标签

专题

软文

前端性能优化 —— 移动端浏览器优化策略 2018-01-10 09:03 来源：开源中国我来投稿我要评论

创业项目优选好项目来A5招商，点击入驻！

前端性能优化是一个很宽泛的概念，本书前面的部分也多多少少提到一些前端优化方法，这也是我们一直在关注的一件重要事情。配合各种方式、手段、辅助系统，前端优化的最终目的都是提升用户体验，改善页面性能，我们常常竭尽全力进行前端页面优化，但却忽略了这样做的效果和意义。先不急于探究前端优化具体可以怎样去做，先看看什么是前端性能，应该怎样去了解和评价前端页面的性能。

相对于桌面端浏览器，移动端Web浏览器上有一些较为明显的特点：设备屏幕较小、新特性兼容性较好、支持一些较新的HTML5和CSS3特性、需要与Native应用交互等。但移动端浏览器可用的CPU计算资源和网络资源极为有限，因此要做好移动端Web上的优化往往需要做更多的事情。

首先，在移动端Web的前端页面渲染中，桌面浏览器端上的优化规则同样适用，此外针对移动端也要做一些极致的优化来达到更好的效果。需要注意的是，并不是移动端的优化原则在桌面浏览器端就不适用，而是由于兼容性和差异性的原因，一些优化原则在移动端更具代表性。

一、网络加载类

1．首屏数据请求提前，避免JavaScript文件加载后才请求数据

为了进一步提升页面加载速度，可以考虑将页面的数据请求尽可能提前，避免在JavaScript加载完成后才去请求数据。通常数据请求是页面内容渲染中关键路径最长的部分，而且不能并行，所以如果能将数据请求提前，可以极大程度上缩短页面内容的渲染完成时间。

2．首屏加载和按需加载，非首屏内容滚屏加载，保证首屏内容最小化

由于移动端网络速度相对较慢，网络资源有限，因此为了尽快完成页面内容的加载，需要保证首屏加载资源最小化，非首屏内容使用滚动的方式异步加载。一般推荐移动端页面首屏数据展示延时最长不超过3秒。目前中国联通3G的网络速度为338KB/s（2.71Mb/s），所以推荐首屏所有资源大小不超过1014KB，即大约不超过1MB。

3．模块化资源并行下载

在移动端资源加载中，尽量保证JavaScript资源并行加载，主要指的是模块化JavaScript资源的异步加载，例如AMD的异步模块，使用并行的加载方式能够缩短多个文件资源的加载时间。