返回

长沙博为峰教育

响应式网站缺陷有哪些

php学习网更新时间:2023-01-09 浏览:105

响应式网站缺陷

1、响应式站用户体验不能化

响应式网站设计基本原则是:自动识别屏幕尺寸并做出相应调整的网页设计,页面布局和展示的内容可能会随着屏幕尺寸变化而有所变化。响应式布局不管使用什么设备都是在服务器把数据推送到浏览器后,脚本或CSS自行检测设备屏幕大小后执行对应的样式表内容,并且一直通过本地脚本在监听屏幕大小的变化,随时做出样式响应的变化。

比如在1280x768分辨率的电脑屏幕上和在320x240分辨率的手机屏幕上显示一样的内容的话,内容都挤一起无法看清楚。所以响应式设计是选择把部分内容隐藏来解决这个问题。但这样的话页面的表现效果就不是那么好了,用户的交互体验也非常不友好。

如果是单独设计PC站和移动站,就能整体考虑规划,设计成一个整体风格类似功能相同的网站,避免像上面这种显示上的突兀,比如天猫PC站和移动站的对比:

从天猫的做法可以看到:移动站界面是大家熟悉的和流行的,交互上更接近APP的UI风格。

2、响应式设计并不利于SEO和推广

百度对移动站和PC站的关键词处理策略不尽相同。如果网站设计成响应式, 所有设备访问同一份代码,这就非常不利于百度关键词优化。

而且百度的搜索排名是区分移动站和PC站的。如果PC站和移动站是独立分开的,那么移动站所做的百度排名,不会影响PC站的排名,PC站的百度优化也可以独立于移动站进行。

从商业推广的角度来看的话,移动站和PC站分开单独做比设计成一个统一的响应式网站会更好。

3、响应式网站代码冗余,打开速度慢

响应式网站的实现原理通常是通过css或js来控制部分内容显示或不显示,从而使得网站在移动设备上看起来也正常。但通过代码不显示的内容其实依然还在页面上,只是表面看不见(不显示)了而矣,所以浏览器依然还会加载这部分看不见的网页代码。也就是说响应式网站要比单独的非响应式网站加载更多的数据,从而造成流量增加,而且网页的打开速度变慢。

比如说单独设计一个移动端网站,整个页面大小可能是100kb,如果设计成响应式网站(PC站和移动站代码合在一起)则页面大小可能就是400kb甚至更多。导致打开响应式网站的时间相比非响应式会慢很多,尤其是手机在用2G、3G网络上网的情况下更明显。

4、响应式兼容性差

响应式网站算是比较新的技术了,运用了很多html5的特性,只有浏览器的高版本才支持这些html5特性,尤其是微软的IE浏览器对这一块的支持比较弱。

相关资讯

PHP语言的有哪些优势和PHP的特点是什么
2021-07-08 216
优势和特点:1、执行速度快:PHP是一种强大的CGI脚本语言,语法混合了C、Java、Perl和PHP式的新语法,执行网页比CGI、Perl和ASP...
零基础学PHP好吗?
2021-06-16 195
很多人工作一段时间后会想着去转行学 IT,主要原因是自己的工作工资低,发展前途不是很好,看不到希望,出于生活所迫,只能去 找...
零基础能学会php吗
2021-07-08 186
10基础如何学习php?任何技能,所有人都是0基础开始学习的,只要你付出时间和精力,一定学得会。1、首先,你一定要有学习的决心...
零基础想转行php开发,怎么学?
2021-06-16 182
面对严峻的就业形势,每年*高校毕业生都面临“就业难”的窘境;再加上传统行业市场的低迷,同年招聘比列下降,导致越来越多的...
详细解析PHP安全配置
2021-10-07 181
PHP实际上*是Web服务端的一个控制模块作用,因此*要确保Web服务端的安全性。自然Web服务端要安全性又务必是先确保系统优化,那样就扯远了,数不胜数...
PHP发展前景如何
2021-06-18 181
PHP语言比较简单易懂,上手很快, 培训机构或者学校出来的他们的实践经验比较丰富,当然要得是那些大型机构口碑比较好的。*培...
编程入门先学什么
2022-09-30 176
近些年来,对着信息化时代的发展,编程的相关岗位越来越受人欢迎,很多人都想学习编程从事相关工作,那么编程入门先学什么呢?编...
关于php.inp文件的详细解析
2021-10-12 175
PHP或是一个持续发展趋势的专用工具,其作用仍在不断删剪,而php.ini的设定变更能够体现出非常的转变,在应用新的PHP版本号前,研究一下php.ini会出现好处的有关这一文档...

相关课程

栏目导航