简单记录下,前面做过的移动前端页面优化采用的措施
背景:前端页面(网站登录注册页面)采用HTML5重新写过后,在手机等移动终端上跑了一段时间后,收到投诉抱怨:登录、注册页面加载过慢。只能对前端页面诊断可能存在影响页面加载显示速度的原因
经分析讨论,决定从以下几点入口做优化:
1、去掉不必要的文件(js、图片、CSS等)
2、将多个图片合并为一个(使用CSS Sprite显示)
3、l 压缩HTML、JS和CSS中的空白字符、换行符等(可以用这个工具压缩:http://www.jb51.net/tools/jsmin/,但不要用它压缩CSS文件,否则会有问题,如果HTML页面中包含了CSS代码,也需要注意压缩后可能会有问题)
4、点击登录、注册按钮后,显示加载动画(提升用户体验)
5、异步加载次要内容,这样可以避免首次加载页面会加载太大
6、使用zepto替换jQuery
相关推荐
移动Web前端性能优化方案的应用,申冬,陈萍,随着信息化技术快速发展,移动互联网得到迅猛普及,但是移动设备性能参差不齐,移动互联网速度普遍低下,所以移动Web前端性能优化
移动前端开发经验.zip移动前端开发经验.zip移动前端开发经验.zip移动前端开发经验.zip移动前端开发经验.zip移动前端开发经验.zip移动前端开发经验.zip移动前端开发经验.zip移动前端开发经验.zip移动前端开发经验.zip...
移动H5前端性能优化指南,某TX工程师经验总结,纯干货。
移动h5前端性能优化指南
移动前端开发经验指南学习资料.zip移动前端开发经验指南学习资料.zip移动前端开发经验指南学习资料.zip移动前端开发经验指南学习资料.zip移动前端开发经验指南学习资料.zip移动前端开发经验指南学习资料.zip移动前端...
移动H5前端性能优化指南.zip 加载优化 图片优化 CSS优化 渲染优化
移动前端开发经验指南_md文档.zip移动前端开发经验指南_md文档.zip移动前端开发经验指南_md文档.zip移动前端开发经验指南_md文档.zip移动前端开发经验指南_md文档.zip移动前端开发经验指南_md文档.zip移动前端开发...
Axure 8 Web前端+移动前端+后台+元件库+交互原型+系统框架.zipAxure 8 Web前端+移动前端+后台+元件库+交互原型+系统框架.zipAxure 8 Web前端+移动前端+后台+元件库+交互原型+系统框架.zipAxure 8 Web前端+移动前端+...
HTML5移动前端开发基础与实战(微课版)-教案.rar
Axure 8 Web前端+后台+移动前端 元件库.rar
随着移动互联网的发展,我们越发要关注移动页面的性能优化,今天跟大家谈谈这方面的事情。首先,为什么要最移动页面进行优化?纵观目前移动网络的现状,移动页面布局越来越复杂,效果越来越炫,直接导致了文件越来越...
Axure 8 Web前端+后台+移动前端 元件库 。 利用Axure V8 下载,直接使用。 主要用于产品经理在构建清晰化需求的不二选择。 拥有一整套元件是互联网产品经理必备文档。
网站前端页面模板(15套包括pc端、移动端),供大家学习参考。
租房APP前端HTML页面为快速开发H5移动应用提供便捷,省去前端
移动前端框架 ionic.zip
数码时钟——前端页面中倒计时以及数字时钟的效果非常常见,本资源利用javascript原生实现前端页面中的数码时钟效果
移动Web前端开发研究
基于Vue开发的京东商城移动前端代码
26前端开发基础视频-图片标签img的使用和title的seo优化.avi 27前端开发基础视频-网站图片的类型及如何选择.avi 28前端开发基础视频-有序列表和无序列表.avi 29前端开发基础视频-有序列表和无序列表的补充.avi ...