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是缓存的，所以我只需要担心第一个页面的加载。

现代派为您提供了来自head.js的所有特征检测。将它与html5shiv捆绑在一起，您就可以从head.js获得HTML5 IE引导。CSS3媒体查询是响应屏幕宽度的最佳方法( respond.js可用于添加对IE6-8的支持)。最好使用传统的<script>标记来加载这些脚本，而不是使用异步加载器。理想情况下，它们都会被压缩成一个文件。

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

不需要加载jQuery和<script>标签中的一堆插件肯定会改变对负载时间的感知。也许一些行为不会在几秒钟内起作用，但是哦，好吧。顺便说一句，为了避免FOUC或闪存中未定义的行为问题，jQuery liveQuery插件是很棒的。内衬也很管用但是..。