响应式页面利用一套代码适用于所有的设备,其问题有:代码量比较多,影响加载速度和渲染速度;加载的资源相同,未对不同设备进行优化;电商类不适合
图731-1:响应式布局
响应式页面设计中突出明显的问题。
1、 页面需要加载的代码比较多,就会导致文件增大,从而影响加载速度。这是运用响应式网页设计方式比较常见的缺点之一。因为,为了适配不同的设备,进行响应式设计的页面需要大量的CSS,以及JS代码,这是影响加载速度的最主要因素。尤其是JS代码,在配置低的设备上,用户体验会更加糟糕。
图731-2:响应式网站和传统网站的对比
2、 其次是响应式网站设计当中,对于图片、视频等资源的加载是统一的,如若用户使用低分辨率的设备浏览,实际加载会大于它们的请求。导致了不必要的流量浪费。
3、 不适合大型的内容与电商网站,因为这一类型的网站对于信息内容数据比较庞大,使用响应式设计形式会导致页面拉长,加载速度无疑会更加慢。
转载请注明:网创网 www.netcyw.cn/b731.html
加油!!!