javascript - 如何修复 joomla 中的 "Eliminate render-blocking JavaScript and CSS in above-the-fold content"

标签 javascript css joomla

我正在使用 Joomla 开发我的网站,当我在 Google 上的 PageSpeed Insights 上测试我的网站时,它会为我生成以下必须修复的警告:

Eliminate render-blocking JavaScript and CSS in above-the-fold content.

如何在 Joomla 中执行此操作?我确实尝试使用扩展程序将 JavaScript 下移,但这会导致布局错误,并破坏我网站上的响应功能。

最佳答案

JCHOptimize 的问题在于,很难让它在不破坏其他内容的情况下提高您网站上的 Google PageSpeed Insights 排名。

为了解决这些问题,您需要在 CSS 和 JavaScript 两个领域下功夫。

对于CSS,您需要将主CSS文件分成两部分:第一部分是您绝对需要的部分,以使您的网站在首次加载时看起来良好(例如,body的宽度) ),而第二部分是您可以在没有第二部分的情况下生活一秒钟左右的部分(直到页面完全加载)。

对于 JavaScript,您需要向页面加载期间不需要的 JavaScript 库添加异步,并且需要删除所有不需要的 JavaScript 库。

在我看来,试图通过 Google PageSpeed Insights 获得超过 85 的结果有点矫枉过正,而且实际上没有必要。我知道大多数人都努力争取 100,但对于许多人来说,这个数字在技术上是不可能的(尽管我们在一些网站上看到过)。

关于javascript - 如何修复 joomla 中的 "Eliminate render-blocking JavaScript and CSS in above-the-fold content",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25236922/

相关文章:

javascript - 你如何使用:focus if you're also setting properties with Javascript?

javascript - 使用 Facebook Graph API Javascript 发布事件

javascript - 隐藏插入符号 - 插入点 - 输入栏 - 闪烁的垂直小条

css-float - 在图像两侧环绕水平链接

html - 在 CSS 中定位 itemprop

html - 让joomla只加载一次模块

html - 自定义 html 模块的位置

javascript - 具有布局算法的 Canvas/SVG 基于 Web 的树形图库?

javascript - 三JS : Mesh becomes invisible when inside another mesh

javascript - 高度属性在 chrome 中不起作用