响应式网站与自适应网站的比较
来源:互联网 发布:陕西省网络作家协会 编辑:程序博客网 时间:2024/06/05 07:47
开发难度比较
自适应网站开发起来比较既复杂(不同屏幕的适配控制)又简单(独立于PC端),但是容易维护与调试(只有移动端的处理事件)。
响应式网站开发起来比较既简单(只需通过媒体查询来调整)又复杂(与PC端网页元素耦合度大),但是不容易调试与维护(绑定了移动端与手机端的处理事件)。
页面性能比较
自适应网站只有移动端的布局与样式(内容少),下载到浏览器立刻显示,所以性能快。
响应式网站不仅有移动端的布局与样式,还有PC的布局与样式(内容多),下载到浏览器之后进行网页布局调整再显示,所以性能慢。
PS:响应式网站也有提高性能的方法,就是针对屏幕加载不同的媒体查询样式,选择性加载资源。但是性能依然不如自适应网站。
用户体验比较
响应式网站保证PC端与移动端的一致性,流式布局。
自适应网站保证移动端更友好的体验。
SEO比较
自适应网站不容易聚集网站权重,但可以通过重定向进行聚集权重。
响应式网站容易聚集网站权重,容易把移动端的权重与PC端的权重叠加,提高网站排名。
PS:这种做法是电脑端与移动端使用单独的网址。
http://hipaint.blog.sohu.com/
http://hipaint.blog.sohu.com/324622025.html
总结:推荐开发自适应网站,追求性能与用户体验。(大多数的互联网公司都是web PC端与移动端分离的)
响应式网站不适合开发一些比较复杂的网站。(涉及一些动画交互效果,页面元素过多)
建议开发一套响应式电脑网站(过渡到平板端,不过渡到手机端)和开发一套响应式手机端网站(过渡到平板端以下的尺寸,不过渡到平板端)
- 响应式网站与自适应网站的比较
- 前端菜鸟------自适应网站与响应式网站傻傻分不清
- 自适应响应式,手机,平板,PC,java企业网站源码
- 响应式网站的好处
- html5响应式网站拥有什么样的优势与特点?
- 自适应网站的测试
- 响应式网站设计与制作
- 响应式与自适应的区别
- 响应式网站教程
- 响应式网站制作
- 响应式网站
- 响应式网站
- 响应式网站开发
- ajax与jQuery比较棒的网站
- 使用bootstrap3做的响应式网站
- 设计响应式网站的注意点
- 一些漂亮的响应式网站学习
- 响应式网站建设的常用技巧
- Html5 内联SVG
- android_WindowManager.LayoutParams.type属性
- 为树莓派做系统备份镜像(for Linux & Mac)
- shell脚本中倒引号,$(), eval的区别
- 尺寸相关工具类
- 响应式网站与自适应网站的比较
- 切入点
- LeetCode:Search a 2D Matrix II
- bootstrap 3 去除面包屑导航li的分割符/
- 【JVM】字节码执行引擎
- 在 JNI 编程中避免内存泄漏
- cookie,session优缺点
- python pickle模块详解
- 【SpringMVC】入门案例