移动web和PCweb优化的区别
2017-02-10 02:41
302 查看
1、PC优化手段在Mobile侧同样适用。
2、在Mobile侧三秒种内渲染完成首屏指标或使用Loading。
3、基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB,加载时间就会越长,会增加网民访问的跳出率。
4、Mobile侧因手机配置原因,除加载外渲染速度也是优化重点,要合理处理代码减少渲染损耗。
5、加载完成后用户交互使用时也需注意性能。
6、移动端建站的域名选择
具有良好的描述性、规范性、简单的URL,有利于用户更方便的记忆和直观判断网页内容,也有利于搜索引擎更有效的抓取和理解网页,网站设计之初,就应该做好合适的URL规划
7、移动端网站要保持高度简洁
因网速及流量不可控制的因素,移动设备访问网页相比PC端会慢得多,移动端建站应尽可能的将页面数和页面大小控制到最低。我们在设计的流程应该尽量精简再精简,直接省去冗余内容。
8、移动端的支撑技术
在移动设备上可能无法支持部分功能,比如flash,某些图片格式,所以尽量使用PNG,JPG等格式图片,而某些移动设备浏览器对JS的支持不完全。
9、移动端的使用习惯
现在智能机基本都是触摸屏,页面元素如按钮、链接等需要大小适中,适合手指点击,同时手机上也有一些特征有别于PC,比如电话直拨、地理位置定位等,都可以在手机上提供。
谈谈移动端页面性能优化方案
2、在Mobile侧三秒种内渲染完成首屏指标或使用Loading。
3、基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB,加载时间就会越长,会增加网民访问的跳出率。
4、Mobile侧因手机配置原因,除加载外渲染速度也是优化重点,要合理处理代码减少渲染损耗。
5、加载完成后用户交互使用时也需注意性能。
6、移动端建站的域名选择
具有良好的描述性、规范性、简单的URL,有利于用户更方便的记忆和直观判断网页内容,也有利于搜索引擎更有效的抓取和理解网页,网站设计之初,就应该做好合适的URL规划
7、移动端网站要保持高度简洁
因网速及流量不可控制的因素,移动设备访问网页相比PC端会慢得多,移动端建站应尽可能的将页面数和页面大小控制到最低。我们在设计的流程应该尽量精简再精简,直接省去冗余内容。
8、移动端的支撑技术
在移动设备上可能无法支持部分功能,比如flash,某些图片格式,所以尽量使用PNG,JPG等格式图片,而某些移动设备浏览器对JS的支持不完全。
9、移动端的使用习惯
现在智能机基本都是触摸屏,页面元素如按钮、链接等需要大小适中,适合手指点击,同时手机上也有一些特征有别于PC,比如电话直拨、地理位置定位等,都可以在手机上提供。
谈谈移动端页面性能优化方案
相关文章推荐
- Optimizing Your Linux Stack for Maximum Mobile Web Performance[优化Linux 协议栈提升移动互联网性能]
- 移动开发与PC开发区别
- React移动web极致优化
- 移动前端开发和 Web 前端开发的区别
- PHP判断客户端是PCweb端还是移动手机端方法
- 移动开发与PC 区别(Android,iPhone)
- 移动app、接口、web自动化测试区别
- React 移动 web 极致优化
- html移动Web开发----优化浏览器视口宽度设置
- 移动 WEB 通用优化策略介绍
- PC端搜索和移动搜索的区别在哪里
- SEO的25年“进化史”:从PC到移动站点优化
- PHP判断客户端是PCweb端还是移动手机端方法
- 【腾讯Bugly干货分享】React移动web极致优化
- PHP判断客户端是PCweb端还是移动手机端方法
- pc调试移动终端web代码(工具Weinre)
- PHP判断客户端是PCweb端还是移动手机端方法
- CSS中flexbox的使用技巧及相关的移动web布局优化
- PHP判断客户端是PC web端还是移动手机端方法
- 移动app、接口、web自动化测试区别