head.js和响应式网页设计

Question

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

• 在加载外部js文件时，您经历了多少实际的加载时间减少head.js？
• 需要多少额外的开发/努力才能防止Flash的无格式内容问题？
• head.js的所有CSS功能对创建响应式设计（适用于不同尺寸的屏幕，设备等）有用吗？
• head.js是否会延迟加载图像和插件？

人们会推荐一下，当我们试图完成以下事情不同：

• 快速，高效的加载时间进行了大量的JavaScript文件
• 缩短开发时间，提高UX为多个设备，屏幕尺寸
• 扩展大规模应用
• 的以下最佳实践

任何输入表示赞赏，谢谢。

Answer 1

我的两分钱：

我遇到了一些问题，head.js，并最终选择使用script.js了异步JavaScript加载。对于我正在处理的网站，大多数功能都是静态的或具有后备功能。 FOUC问题通常通过隐藏内容（用css）来缓解，直到javascript被加载（然后用javascript显示它）。而且由于Javascript被缓存，我只需要担心第一个页面加载。

Modernizr为您提供head.js中的所有功能检测。将其与html5shiv捆绑在一起，并从head.js获得HTML5 IE引导程序。 CSS3 Media Queries最适合用于响应屏幕宽度（并且respond.js可用于添加对IE 6-8的支持）。这些脚本可能最好装载一个传统的<script>标签，而不是一个异步装载器。理想情况下，他们都被压缩成一个文件。

Modernizr自动隐藏任何含有.no-js CSS类的内容。我还发现创建一个.js类，将其隐藏在CSS文件中，以及在完成任何必要的脚本之后使用JavaScript显示是有帮助的。

不需要加载jQuery和一堆<script>标签中的插件，在加载时间感知上肯定会有所不同。也许有些行为不会持续几秒钟，但是哦。顺便说一句，为了避免FOUC或Flash的未定义的行为问题，jQuery liveQuery插件是伟大的。内嵌也可以，但是...