在优化响应式移动网站版本时，最佳实践是什么？

Question

3

我希望在小屏幕分辨率下浏览我的网站时，可以排除一些项目，因此我使用CSS媒体查询来隐藏这些项目。但是，例如Facebook的“赞”框仍然在后台加载-多个javascript和CSS文件-如何防止它们被加载以减少页面加载时间？

现在，我正在使用PHP来检查用户代理，然后简单地排除代码，但我想知道这是否真的是最好的方法。随着时间的推移，当引入新设备时，我将不得不更改PHP。类似Modernizr的脚本是否在这里可行？

- Richard B

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- The WebMacheter · Answer 1

最好使用后端和前端的混合。您可以使用类似于WURFL或甚至Apache Mobile Filter之类的东西来使后端更易于处理，并在is_tablet()或is_mobile()为真时仅加载特定内容。

另一方面，我建议检查jQuery图像惰性加载和按需加载共享按钮（例如techcrunch.com所做的）。这两种前端技术确实可以大大提高页面加载时间（它们减少了我的网站上初始页面加载时间近一半）。

- Justin Lucente · Answer 2

根据情况，你也可以使用Modernizr（一种前端JavaScript解决方案）来检测某些真值（例如 [if width > 320]），然后根据条件加载一些脚本等。