优化网站的响应式移动版本时,最佳做法是什么?

时间:2012-02-08 13:02:26

标签: optimization responsive-design

我想在屏幕分辨率较低的屏幕上查看我的网站上的一些项目,因此我使用CSS媒体查询来隐藏项目。但是,例如,Facebook Like框仍然在后台加载 - 一些javascripts和css文件 - 如何防止它们被加载以减少页面加载时间?

现在我正在使用PHP来检查用户代理,然后只是排除代码,但我想知道这是否是最好的方式。随着时间的推移,我将不得不在引入新设备时更改PHP。像Modernizr这样的脚本是一个选项吗?

2 个答案:

答案 0 :(得分:0)

使用后端和前端混音是最好的。您可以使用WURFL甚至Apache Mobile Filter之类的东西,以便更容易在后端工作,并仅在is_tablet()is_mobile()为真时加载某些内容。

另一方面,我建议按需加载检查jQuery图像延迟加载和共享按钮(如techcrunch.com)。这两种前端技术可以真正改善页面加载时间(它们几乎减少了我站点上初始页面加载时间的一半)。

答案 1 :(得分:0)

根据具体情况,你也可以使用Modernizr(一个前端的javascript解决方案)来检测一些真实的东西(比如[if width> 320]),然后根据它有条件地加载一些脚本等