W3总缓存:异步加载CS以获得更好的页面速度分数?

时间:2014-10-31 作者:eclipsis

我正在使用W3 Total Cache缩小大约15个CSS文件,还缩小了20个JS文件并在页脚中异步加载这些文件。通过PageSpeed运行我的网站会给我以下消息:

消除折叠内容上方的渲染阻塞JavaScript和CSS

我想知道的是,如何使用W3 Total缓存异步加载此CSS文件?插件没有给我异步加载CSS的选项。你可以看到我的网站是如何加载的here.

1 个回复
最合适的回答,由SO网友:Mark Kaplun 整理而成

关于W3TC和pagespeed有很多要说的,但我会尽量抓住重点。

HTML中不应该有JS外部元素作为实际内容的一部分,它们应该位于head元素中(但仅限于必须在页面完成加载之前加载的脚本),或者正好位于正文末尾之前。

CSS应该只在head元素中。

假设是,如果您决定违反这些基本性能规则,您可能有很好的理由,并且没有一个具有理智作者的插件会尝试为您重新安排它,因为如果没有按正确的顺序加载,您可以轻松地破坏页面。

因此,您首先需要了解为什么在页面的该部分有JS和/或CSS,如果不需要,则需要更改代码以将其移动到页眉或页脚。缓存插件与此完全无关,甚至不应该提供这样的页面更改功能。

结束

相关推荐

如何让一个随机的css样式入队?

我想要一个随机CSS样式的文件加载到我的网站上,每个页面视图,这样我就可以玩颜色背景。所以我把我所有的风格都放在一个文件夹里,我给它们命名1.css, 2.css, 等等,我补充道:<link rel=\'stylesheet\' id=\'name-random-color-css\' href=\'http://www.url.com/wp-content/themes/themename/inc/rcolor/<?php echo mt_rand(1, 9) ?>.css\' ty

W3总缓存:异步加载CS以获得更好的页面速度分数? - 小码农CODE - 行之有效找到问题解决它

W3总缓存:异步加载CS以获得更好的页面速度分数?

时间:2014-10-31 作者:eclipsis

我正在使用W3 Total Cache缩小大约15个CSS文件,还缩小了20个JS文件并在页脚中异步加载这些文件。通过PageSpeed运行我的网站会给我以下消息:

消除折叠内容上方的渲染阻塞JavaScript和CSS

我想知道的是,如何使用W3 Total缓存异步加载此CSS文件?插件没有给我异步加载CSS的选项。你可以看到我的网站是如何加载的here.

1 个回复
最合适的回答,由SO网友:Mark Kaplun 整理而成

关于W3TC和pagespeed有很多要说的,但我会尽量抓住重点。

HTML中不应该有JS外部元素作为实际内容的一部分,它们应该位于head元素中(但仅限于必须在页面完成加载之前加载的脚本),或者正好位于正文末尾之前。

CSS应该只在head元素中。

假设是,如果您决定违反这些基本性能规则,您可能有很好的理由,并且没有一个具有理智作者的插件会尝试为您重新安排它,因为如果没有按正确的顺序加载,您可以轻松地破坏页面。

因此,您首先需要了解为什么在页面的该部分有JS和/或CSS,如果不需要,则需要更改代码以将其移动到页眉或页脚。缓存插件与此完全无关,甚至不应该提供这样的页面更改功能。

相关推荐

通过主题定制器编辑style.css

直到现在,在我的Wordpress主题中,我在主题定制器中实现了一些必要的样式选项,这些选项将编辑CSS并通过将CSS输出到头部内部来覆盖它<style> 标记,例如,这里我实现了颜色选择器,如果默认状态发生更改,我会输出样式:function dc_get_gradient_colors() { $first_color = get_theme_mod( \'primary_color_1\' ); if ( $link_color != \'#0