首页 首页 >  文章资讯

如何优化响应式站点的移动性能?

发布者:feixue2017    发布时间:2018-06-21 10:12:47    浏览次数:205次

移动网站来自过去


我不是说你不应该采用响应式设计或者去用m.*的子域名。事实上,现在社会分享无处不在,不分设备,分配给给文档一个URL,这是聪明的做法。但这并不意味着一个单独URL应该提供相同的文档或每一个设备都应该下载相同的资源。


援引Ethan Marcotte的话,他创造了“响应式网页设计”这个术语。


最重要的是,响应式网页设计的初衷不是要取代移动网页。——Ethan Marcotte


网站优化 移动站点优化 响应式设计


交互、移动、快速


如果我们能使用一些其他的技术,就可以实现获得响应式设计好处的同时,不影响移动设备的性能。响应式设计从来不是意味着要解决“性能”,这也是为什么我们不能因此指责它的原因。然而,相信它能解决你所有问题,这大错特错。


设计响应式很重要,因为我们需要解决跨桌面和移动端视窗大小范围的问题。但是只考虑屏幕大小就低估了移动设备。桌面和移动端的界限正在变得模糊,基于不同的设备对我们而言仍然有多种可能性。但是我们还不能通过媒体查询来决定响应式设计的功能。一些评论家称之为“可靠的响应式网页设计”,然而另一些人则认为它是伴随现代视觉的响应式网页设计。在没有了解其基本语义的情况下,我们需要搞清楚这个问题。


虽然没有可应用于各类文档的万全之策,但是能够运用一些技巧来改善现有响应式的解决办法,并且力求性能最大化。


实现每一个文档对所有的设备都使用相同的URL和相同的内容,结构不必要相同。


当从零开始,遵循“移动先行”的方法。


在一个真实设备上测试当资源加载和显示会发生什么。不要依赖调整你的桌面浏览器。


使用优化工具测量和提高性能。


通过JavaScript传输响应图片,虽然我们更期盼着浏览器供应商(例如srcset)能解决这个问题


当你需要当前设备具备加载条件时,只加载JavaScript,这会在onload事件之后发生。


对移动设备,内联文档的原始视图,或者发送一屏显示内容。


使用下面一种或几种技术应用智能响应式的解决方案:条件加载、按组响应、服务器端层(如适应性方法)。


天津博大医院

【版权与免责声明】如发现内容存在版权问题,烦请提供相关信息发邮件至 335760480@qq.com ,我们将及时沟通删除处理。 以上内容均为网友发布,转载仅代表网友个人观点,不代表平台观点,涉及言论、版权与本站无关。