如何控制顺序的排队样式和脚本的组合--站点速度问题

时间:2013-11-11 作者:Mayeenul Islam

我们知道,使用wp_head()wp_footer() 所有脚本和样式都使用wp_enqueue_styleswp_enqueue_scripts 钩我们所做的是使用functions.php. 同样,WordPress插件也使用相同的方法将其样式表和脚本排队。

因此,最终在页眉或页脚中有许多排队的样式和脚本。Google PageSpeed建议:

Optimize the order of styles and scripts - 谷歌PageSpeed

我们知道,wp_enqueue_script()wp_enqueue_style() 提供a$deps 参数,我们可以在其中定义脚本或样式表的深度或优先级。但这只影响脚本和样式,而不影响两者。因此,如果从主题和/或子主题、和/或插件、和/或第三方API等中同时加载脚本和样式表,我们如何让WordPress将它们全部排队,从而提高网站速度和网站质量
或者,相对于脚本,它们是否能够防弹地首先响应样式?

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

考虑到没有防弹方法,我会尽可能地回答这个问题。

真正规划DOM的绘制方式取决于开发人员,WordPress无法猜测主题/插件/用户将要做什么,它可以简单地提供一些指导和基本工具。当然,问题是,当许多插件被添加到一个站点时,您可能会手忙脚乱。这就是将精心设计的网站结构与匆忙点击到位的网站结构区分开来的原因。

这个$deps 并没有真正定义优先级,它只提供依赖上下文。实际上,您可以使用$priority 参数使用多个wp_enqueue_scripts 使用不同的$priority 设置。

一些指针。

为你的css/js设计一个加载结构,写下来,使用开发人员工具、Firebug等进行分析,以检查页面是如何绘制的wp_enqueue_scripts 针对的操作wp_enqueue_style使用$priority$in_footer 对于您的操作,如果可能,异步加载javascript,并根据需要加载尽可能少的javascript

结束

相关推荐

Performance on WPMS

我的WPMS站点托管在8核/32mb RAM服务器上,但响应时间非常长。我们有大约1000个博客(单个db上有35000多个表)和70000个页面浏览量。我认为我可以缩短响应时间,将具有更多页面浏览量的博客移动到单独的DB中,并使用hyper DB插件将所有博客拆分为每个DB 100个博客。你觉得怎么样?