移动前端页面加速优化
简单记录下,前面做过的移动前端页面优化采用的措施
背景:前端页面(网站登录注册页面)采用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
相关推荐
Phoebe的学习天地 2020-07-28
liduote 2020-10-16
PncLogon 2020-08-16
89253818 2020-07-19
ChinaGuanq 2020-05-09
MrHaoNan 2020-05-03
hjucook 2020-03-09
FruitHardCandy 2014-01-15
zhangruiweb 2019-11-18
林大夏 2019-11-07
LONGSHAN 2019-11-04
林大夏 2019-10-19
FruitHardCandy 2015-03-04
haimianxiaojie 2019-09-05
chwzmx 2019-09-05
叨校长灬 2018-12-24
无名大强在前端 2018-11-05
前端学习笔记 2015-04-17
guoyuexuan 2015-08-13