响应式前端设计的优化
来源:互联网 发布:programming python 编辑:程序博客网 时间:2024/05/17 05:58
(1)减轻Javascript库负载
对于移动端来说,jQuery表现的太过厚重,而现在针对移动端的状态来说,有jQuery Mobile、YUI、XUI等可供选择的框架。
(2)减少HTTP请求次数
移动端相比较PC端有一个特殊的限制需要考虑到,就是用户的网络流量是有限的。这时候针对这些页面内部的部分操作,可以使用Ajax异步请求来完成,针对短期内不会变化的一些数据,可以使用服务器端缓存、前端缓存等机制来保存这些数据,这样可以减少用户一定的数据请求量。
(3)Javascript和CSS需要尽量压缩
把页面中使用的Javascript和CSS进行压缩之后会有效地减少页面大小。
(4)用CDN管理页面资源
CDN的即内容分发网络,意在尽可能避开互联网上有可能影响数据传输速度和稳定性的环节,使内容传输的更稳定。
(5)列表图片实现“懒”加载
移动终端设备因为屏幕大小有限,没有必要将全屏中的图片一次性加载完成,网页加载的同时,我们可以选择逐个加载,当用户进行滑动页面的时候,再继续加载图片。
(6)图片显示的优化处理
根据用户设备的分辨率来加载不同分辨率下的不同图片,这样既能给不同终端的用户一个很好的视觉体验,又不会白白浪费用户的网络数据流量。
0 0
- 响应式前端设计的优化
- 响应式设计-前端笔记
- 前端之响应式设计
- 网罗响应式设计前端设计框架
- 分享前端网站模板,HTML5的响应式设计模板
- 15个最新的响应式设计前端框架
- 15个最新的响应式设计前端框架
- 15个响应式设计前端框架
- 与前端设计师谈响应式设计
- 前端复习--来谈谈响应式设计
- web前端响应式设计总结
- 响应式Web设计(四):响应式Web设计的优化
- 【特别推荐】14个支持响应式设计的流行前端开发框架
- 14个支持响应式设计的流行前端开发框架
- 14个支持响应式设计的流行前端开发框架
- 14个支持响应式设计的流行前端开发框架
- 14个支持响应式设计的流行前端开发框架
- 前端开发响应式设计之媒体查询(bootstrap)
- php的CURL模块实现在线代理
- jqury mobile 手机显示页面问题
- c# sendmessage 发送键盘按键详解
- restEasy接受http请求的三种方式
- Mount与Mount Point是什么意思
- 响应式前端设计的优化
- fastDFS分布式文件系统
- undefined reference问题总结
- Decode Ways
- 点击图片在弹出层显示大图
- MyMFC(10-11)绘图控制和保存 CMyMFC4View
- Lua的面向对象--类和继承
- MyEclipse 10 添加xfire客户端插件
- 第十三章 13.3节练习