消除渲染阻止JavaScript

Question

我想通过消除折叠内容上方的渲染阻止javascript来改善移动设备上网页的性能，这是Google页面速​​度洞察所建议的。 该页面使用的所有javascript文件都位于页面顶部的文本框中，用户可以在其中选择成分：

jquery-1.8.2.js，textext.js，home.js

我尝试将所有这些文件移动到html的末尾，但是这导致文本框损坏。 我也尝试对脚本使用async属性，但这具有相同的效果。 有什么办法可以解决这个问题？ 页面在这里 。

Answer 1

可能的方向是找到特定的阻止功能（例如alert ）。 然后，通过在执行当前代码之前实现它们，以非阻塞性代码覆盖它们。

例如，您可以将alert实施为模式，从而使渲染流畅地进行。