响应式web设计的流行使得所有端的用户都能够访问所需的web站点。当前关于响应式设计的讨论大多集中在自适应布局的实现上。是的,web内容与浏览器窗口缩放良好互动的能力是响应式设计的一个优势,但也是一个巨大的障碍——响应式设计最初的目的是在任何终端上显示内容。

如今,响应式网站的终端范围从高速机顶盒到低端CPU和网速差的手机。后者更为重要,因为17%的美国公民将手机作为主要的互联网接入设备。

用圣母大学的Erik Runyon的话来说,我们对RWD的理解应该超越响应式网页设计,而转向负责任的网页设计。我们应该尽一切努力优化网站的性能。从目前的设计状况来看,我们还有很长的路要走。

网页膨胀

事实上,近年来,网络变得越来越臃肿。自2003年以来,单个页面的平均文件大小已从300 KB增加到1098 KB,或超过1 MB(平均每页85个请求!)。对于用于呈现一个简单页面的内容量,我既惊讶又困惑。Tim Berners-L_EE的第一页只有2.5kb,即当前平均页面文件大小的1/420。文件大小受两个因素的影响:图像和JavaScript,它们一起占据了页面文件的82%。图像本身占64%。此外,更重要的原因在于我们自己。作为设计师和开发者,我们都被互联网速度会越来越快的想法所驱动。是的,这是一个使我们的工作合理化的想法。

屏幕越来越大,我们有更多的空间来填充图像。新的浏览器和JavaScript库使我们能够提供更丰富的浏览体验。互联网速度越来越快,为什么要担心web文件大小?我们先去。互联网将迎头赶上。但在移动设备上,互联网速度越来越快的感觉已经超越了现实:互联网速度虽然比拨号好得多,但仍远远不够快。假设互联网速度将不可避免地增加,可以掩盖我们的许多错误。根据我们在桌面开发方面的经验,我们努力根据网络速度优化web性能,但忽略了移动web性能提高的最根本瓶颈:延迟。
延迟:移动网络杀手

移动网络没有有线网络快,但也没那么糟糕。性能差距背后的主要原因是延迟。LyaGrigorik在《延迟:网络性能的新瓶颈》中指出,仅仅提高互联网速度不会显著减少页面加载时间。超过某个值后,无论您如何加快网页速度,加载速度都不会发生显著变化。“例如,将互联网速度从5Mbit/s提高到10Mbit/s只会减少5%的网页加载时间。”然而,减少网络延迟可以显著提高网页加载速度。

那么什么是延迟呢?延迟是浏览器向服务器发送资源请求和开始接收响应之间的时间。

有线网络的每个请求的延迟平均可达20毫秒,而3G网络的延迟为200毫秒,相差10倍。以下是延迟如何影响web性能的示例:在有线网络环境中,浏览器同时打开四个页面,平均每页85个请求,延迟占总加载时间的0.4秒。在3G网络环境中,在相同条件下,延迟本身高达4.5s。

不要降低移动设备的性能预期

由于延迟差异,我们设计了响应性网页,在移动设备上阅读的时间是在桌面(我们的开发和测试环境)上阅读的10倍。但想想看,延误并不是那么可怕。毕竟,用户知道移动页面的阅读时间更长,所以应该很容易原谅我们。这是个大错误!根据调查,74%的移动用户认为移动网页的加载速度应与桌面网页一样快。两年前,这个数字是58%。在同一项调查中,57%的用户表示,他们在手机上的网络浏览体验很差,包括加载速度慢,不会向他人推荐该网站或服务。46%不会返回现场。报告中最引人注目的统计数据与页面阅读次数有关。2009年,20%的受访者表示,他们不会访问移动网站加载速度比桌面网站慢5秒以上的网站。2011年,同样的最长等待时间(5秒)上升到74%。如上所述,延迟在关键的5秒中占4.5秒。这些数字对设计师和开发人员意味着什么?

RWD不可见下载

RWD作为移动开发技术的丑陋之处在于它可以有效地隐藏页面文件大小。一些开发人员将RWD视为财富。媒体查询就像是全世界的石油。一旦采用,可以立即创建体验友好的移动网站。正如Jason Grigsby所说,“CSS的媒体查找功能已成为掩盖问题的工具,并给开发人员一种错觉,即创建具有无限前景的多终端页面很容易。”


广州网站建设,新跃,广州新跃,广州高端网站建设,广州建网站公司,广州小程序开发;

广州新跃专注网站建设,小程序开发多年,通过了解企业的特性进行打造适合各种企业网站,小程序;

获取您的专业报价方案
取得联络 无限可能往往从第一次交流开始
15814558325微信二维码线上服务咨询