在WordPress中优化Javaｓｃｒｉｐｔ加载体验的几个插件

WordPress的本身，以及主题和插件，通常需要加载一些Javaｓｃｒｉｐｔ实现某些特殊功能。为了保证最大的兼容性，没有Javaｓｃｒｉｐｔ失效，所以在页眉一般加载Javaｓｃｒｉｐｔ文件。但根据雅虎开发者论坛的建议，应在加载Javaｓｃｒｉｐｔ的页面最终提高网页的显示速度（响应，渲染）。根据笔者介绍了几种相关插件的经验，并在一些特殊的页面仍然在头和加载Javaｓｃｒｉｐｔ。

下面简要介绍几个相关的WordPress插件和优化Javaｓｃｒｉｐｔ的特性，然后演示如何处理一些特殊情况。

1。为Javaｓｃｒｉｐｔ优化WordPress插件

我使用了三个插件，WP缩小，autoptimize，Javaｓｃｒｉｐｔ页脚和以下特点。

1。WP缩小

这个插件将缩小引擎到WordPress。一旦启用，该插件可以合并和压缩你的JS和CSS文件，提高网页加载速度。

WP缩小可以抓取JS和CSS文件在生成的WordPress页面并将文件列表的缩小发动机，缩小引擎返回的精简和加强，压缩Javaｓｃｒｉｐｔ和样式表文件（CSS），WP或将取代WordPress的头。

它的主要特点是：

使用方便；
它对于Javaｓｃｒｉｐｔ、CSS和HTML是有效的。
提供了调试工具。
可以处理外部js和CSS文件；
排除指定JS和CSS文件的能力；
在处理JS之后，并指定CSS文件的位置（页眉或页脚，或其他地方）；
您可以将过期的时间添加到已处理的js和CSS文件中。

当WordPress的3.1测试版出来了，我发现WP缩小是不兼容的，这会导致网站被加载。

2。autoptimize

也许WP缩小会在将来解决不兼容的问题，但我不能再等了。后来，autoptimize，插件具有类似的功能，被发现，和插件更容易操作。

autoptimize集成，简化和压缩所有JS和样式表（CSS）文件，添加缓存过期的迹象。然后在页眉的样式表文件（也为了提高效率，和页面加载）JS文件到最后一页，也可以简化HTML代码，依靠你的页面，但我不不认为HTML页面的减肥是不明显的，只要你的服务器打开gzip压缩功能，这样做是没有必要的。

默认情况下，autoptimize优化所有HTML / CSS或Javaｓｃｒｉｐｔ如上。

就我个人而言，我认为Autoptimize是一个更好的WP插件WordPress的优化比缩小。

三.Javaｓｃｒｉｐｔ的页脚

这个插件非常简洁，我查看了源代码，完成任务的代码只有6个WordPress函数（见下文），也就是6行，所以插件自从创建后就已经更新了，我开始看到它在2009年9月22日最后更改日期，所以我忽略了它。

但它只优化加载位置的Javaｓｃｒｉｐｔ，即所有的Javaｓｃｒｉｐｔ文件的正确申报在WordPress移动网页端的负载，它不处理任何的HTML代码和CSS样式表文件。

根据Javaｓｃｒｉｐｔ到页脚的源代码，它使用以下6行代码来完成这项工作：
remove_action（'wp_head '，'wp_print_ｓｃｒｉｐｔs）；
remove_action（'wp_head '，'wp_print_head_ｓｃｒｉｐｔs '，9）；
remove_action（'wp_head '，'wp_enqueue_ｓｃｒｉｐｔs '，1）；
add_action（'wp_footer '，'wp_print_ｓｃｒｉｐｔs '，5）；
add_action（'wp_footer '，'wp_enqueue_ｓｃｒｉｐｔs '，5）；
add_action（'wp_footer '，'wp_print_head_ｓｃｒｉｐｔs '，5）；
如果有必要，你可以在wp_head添加以下代码（）的一个特定的模板功能，逆转上述过程，使它失败，并恢复到原来的加载位置。
remove_action（'wp_footer '，'wp_print_ｓｃｒｉｐｔs '，5）；
remove_action（'wp_footer '，'wp_enqueue_ｓｃｒｉｐｔs '，5）；
remove_action（'wp_footer '，'wp_print_head_ｓｃｒｉｐｔs '，5）；
add_action（'wp_head '，'wp_print_ｓｃｒｉｐｔs）；
add_action（'wp_head '，'wp_print_head_ｓｃｒｉｐｔs '，9）；
add_action（'wp_head '，'wp_enqueue_ｓｃｒｉｐｔs '，1）；
当然，只需说出一些特定的页面模板，如果是所有页面，那么只需禁用插件：d

两。使用方法

我相信大多数西佩特斯顿-埃克赛特铁路，看着前面的介绍，知道如何选择优化的插件，你需要正确的使用它。它是基于以下三个方面：

在页面模板中是否使用了大量HTML注释、空格、空行和其他标记如果你没有，那么你不必使用HTML简化一点点节省带宽（通常是小于1%时，gzip压缩）；

页面上有多个CSS样式表文件吗如果不是，你不需要简化和整合通过插件的CSS样式表，并手动优化CSS样式表比使用插件更简单、更有效；

WordPress会在javaｓｃｒｉｐｔ上加载默认的标题，一般的WordPress网站需要js加载位置优化，但是如果你的大部分页面需要在页面的头部加载js，以确保不会有JS失败，那么你就不能做出这样的优化。

在我看来，WP消除不需要的原因在之前已经说过了，当时的autoptimize和Javaｓｃｒｉｐｔ页脚的其他人可以选择一个或两个使用（如果使用它，当然是使用HTML和CSS减少 /整合功能，并使用JS的位置控制功能，后者由于对这一功能后者）。我只需要控制JS加载位置，所以我选择了Javaｓｃｒｉｐｔ的页脚。因为我也有四个或五个在我的网页上的js文件，我把它放在页面的结尾。我认为没有必要把它整合起来。

三。特殊情况处理

虽然在一个页面的加载端的Javaｓｃｒｉｐｔ文件是网页加载速度很有帮助，但是请注意，网页端指WordPress（wp_footer）函数调用，这个函数通常位于前面的标签页（当然是结束）。

有时我们可能需要使用一些Javaｓｃｒｉｐｔ，如jquery.js文件，在wp_footer功能出现。

这样的情况也很常见。比如，我创建了一个链接页面分开，在我用jQuery方法得到的链接网站的图标。显然，我需要使用这部分代码的页面，所以把这个代码直接在网页模板最好的办法。问题来了：这一部分显然是出现在wp_footer，所以代码出现在jquery.js文件，导致部分不能工作，因为代码段调用jQuery方法必须加载的jquery.js文件后。
那么，你如何处理这种特殊情况呢这很简单，太。以上述方案为例，因为我们需要打电话给jquery.js文件首先，我们直接输出所需的jquery.js文件在代码段，而不是使用wp_enqueue_ｓｃｒｉｐｔ（）而不是wp_print_ｓｃｒｉｐｔs函数（）函数。

wp_enqueue_ｓｃｒｉｐｔ之间的差异（）和（）是wp_print_ｓｃｒｉｐｔs wp_enqueue_ｓｃｒｉｐｔ（）是告诉WordPress，我需要使用Javaｓｃｒｉｐｔ文件在这个页面，你可以记住加载it.wordpress是默认的wp_head处理（），我们改变它wp_footer（）。wp_print_ｓｃｒｉｐｔs（）直接输出所需的Javaｓｃｒｉｐｔ文件在你使用这个方法的位置，而不是添加到WordPress的处理任务。

如果我们在页面中间使用它，

直接输出jquery.js文件（通常是压缩版本的jQuery。版），那么即使其他任何插件或使用某物，

告诉WordPress需要负载jquery.js。当WordPress处理wp_footer（），它会检查它是否已经去过。如果是这样，它将不会被重新加载。

四。结论

在WordPress的Javaｓｃｒｉｐｔ的最佳使用是使用wp_enqueue_ｓｃｒｉｐｔ（）函数来降低问题的效率。如果你没有这些特殊情况的处理，这显然是更好的使用autoptimize，这是完整的和易于使用的。

但如果主题本身非常简洁，那么Javaｓｃｒｉｐｔ到页脚就更简单、更高效、更好。