Jquery head.js与响应式网页设计

我一直在研究响应式网页设计技术和head.js，我有几个问题

• 当延迟加载外部js文件时，head.js的加载时间实际减少了多少
• 需要多少额外的开发/工作来防止未格式化内容的闪现问题
• head.js的所有CSS功能是否都有助于创建响应性设计（针对不同大小的屏幕、设备等）
• head.js是否会延迟加载图像和插件

当我们试图完成以下任务时，人们会推荐不同的东西吗

• 快速、高效地加载大量javascript文件
• 减少开发时间并增加多个设备、屏幕尺寸的用户体验
• 大规模应用程序的可扩展性
• 遵循最佳做法

非常感谢您的任何意见。

我的两分钱：

我在head.js上遇到了一些问题，最终选择使用异步Javascript加载。对于我正在工作的站点，大多数功能都是静态的或有回退。FOUC问题通常通过隐藏内容（使用css）来缓解，直到加载javascript（然后使用javascript显示）。因为Javascript是缓存的，所以我只需要担心第一页的负载

Modernizr为您提供了head.js中的所有功能检测。将它与html5shiv捆绑在一起，您就可以从head.js获得HTML5IE引导。CSS3媒体查询最适合响应屏幕宽度（respond.js可用于添加对IE 6-8的支持）。这些脚本最好使用传统的

标记而不是异步加载程序加载。理想情况下，它们都被压缩到一个文件中

Modernizr会自动隐藏带有

.no js

CSS类的任何内容。我还发现，创建一个

.js

类，将其隐藏在CSS文件中，并在任何必要的脚本编写完成后使用javascript显示也很有帮助

不必在

标记中加载jQuery和一堆插件，这无疑会改变加载时间的感知。也许有些行为在几秒钟内都不起作用，但是哦，好吧。顺便说一句，为了避免FOUC或Flash的未定义行为问题，jQuery插件非常棒。内联也可以，但是