我正在使用W3 Total Cache缩小大约15个CSS文件,还缩小了20个JS文件并在页脚中异步加载这些文件。通过PageSpeed运行我的网站会给我以下消息:
消除折叠内容上方的渲染阻塞JavaScript和CSS
我想知道的是,如何使用W3 Total缓存异步加载此CSS文件?插件没有给我异步加载CSS的选项。你可以看到我的网站是如何加载的here.
我正在使用W3 Total Cache缩小大约15个CSS文件,还缩小了20个JS文件并在页脚中异步加载这些文件。通过PageSpeed运行我的网站会给我以下消息:
消除折叠内容上方的渲染阻塞JavaScript和CSS
我想知道的是,如何使用W3 Total缓存异步加载此CSS文件?插件没有给我异步加载CSS的选项。你可以看到我的网站是如何加载的here.
关于W3TC和pagespeed有很多要说的,但我会尽量抓住重点。
HTML中不应该有JS外部元素作为实际内容的一部分,它们应该位于head元素中(但仅限于必须在页面完成加载之前加载的脚本),或者正好位于正文末尾之前。
CSS应该只在head元素中。
假设是,如果您决定违反这些基本性能规则,您可能有很好的理由,并且没有一个具有理智作者的插件会尝试为您重新安排它,因为如果没有按正确的顺序加载,您可以轻松地破坏页面。
因此,您首先需要了解为什么在页面的该部分有JS和/或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 Total Cache缩小大约15个CSS文件,还缩小了20个JS文件并在页脚中异步加载这些文件。通过PageSpeed运行我的网站会给我以下消息:
消除折叠内容上方的渲染阻塞JavaScript和CSS
我想知道的是,如何使用W3 Total缓存异步加载此CSS文件?插件没有给我异步加载CSS的选项。你可以看到我的网站是如何加载的here.
关于W3TC和pagespeed有很多要说的,但我会尽量抓住重点。
HTML中不应该有JS外部元素作为实际内容的一部分,它们应该位于head元素中(但仅限于必须在页面完成加载之前加载的脚本),或者正好位于正文末尾之前。
CSS应该只在head元素中。
假设是,如果您决定违反这些基本性能规则,您可能有很好的理由,并且没有一个具有理智作者的插件会尝试为您重新安排它,因为如果没有按正确的顺序加载,您可以轻松地破坏页面。
因此,您首先需要了解为什么在页面的该部分有JS和/或CSS,如果不需要,则需要更改代码以将其移动到页眉或页脚。缓存插件与此完全无关,甚至不应该提供这样的页面更改功能。
直到现在,在我的Wordpress主题中,我在主题定制器中实现了一些必要的样式选项,这些选项将编辑CSS并通过将CSS输出到头部内部来覆盖它<style> 标记,例如,这里我实现了颜色选择器,如果默认状态发生更改,我会输出样式:function dc_get_gradient_colors() { $first_color = get_theme_mod( \'primary_color_1\' ); if ( $link_color != \'#0