【发布时间】:2016-09-20 05:39:10
【问题描述】:
我已经缩小了 js 和 css 并优化了图像。在适用的js中使用async="async"。
如何修复“消除首屏内容中的渲染阻止 JavaScript 和 CSS”
有什么想法吗?
【问题讨论】:
-
尝试在页面底部调用您的脚本,并为文档准备功能(如果有的话)进行变通。
标签: javascript css
我已经缩小了 js 和 css 并优化了图像。在适用的js中使用async="async"。
如何修复“消除首屏内容中的渲染阻止 JavaScript 和 CSS”
有什么想法吗?
【问题讨论】:
标签: javascript css
渲染意味着加载,所以如果某些东西是渲染阻塞的,这意味着它会尽可能快地阻止页面加载。
1) 在页眉中加载 css,在页脚中加载 Js
2) 使用精灵图片
3) 您可以添加 htaccess 代码以获得更好的性能
4) 仅在页面上加载所需的 css/js
选择最佳方法 一旦您确定了需要移动哪些脚本,就该决定“如何”修复它们了。有两种主要方法可供选择。首先是使脚本内联;在这种方法中,脚本的内容直接添加到页面的 HTML 中,并且仅在需要时才加载。如果脚本很小并且适用于单个页面,这是最佳选择。
另一个选择是推迟脚本。当您延迟 JavaScript 时,您会将任何非必要脚本的加载延迟到第一次渲染之后或加载更重要的部分之后。当脚本不重要并且可以等待加载时,此方法最好。
PS:- 在某些情况下我们无法完全解决这个问题。
【讨论】: