用fullpage插件,头尾怎么处理?
WordPress本身,以及主题和插件,通常需要加载一些JavaScript来实现一些特殊的功能。为了最大程度的保证兼容性,避免JavaScript失败,通常会在页面头部加载JavaScript文件。但根据雅虎开发者论坛的建议,JavaScript应该尽可能加载在页面的末尾,以提高页面的显示(响应、渲染)速度。本文根据作者的经验介绍了几个相关的插件,并说明了如何在一些特殊页面的头部加载JavaScript。先简单介绍几个优化JavaScript的WordPress插件及其特性,然后演示如何处理一些特殊情况。1.优化JavaScript的WordPress插件。我用过三个插件,WP Minify,Autoptimize,JavaScript to Footer。下面逐一介绍它们的特点。1.WP Minify是一个插件,将Minify引擎集成到WordPress中。启用后,该插件可以合并和压缩您的JS和CSS文件,以提高页面的加载速度。WP Minify可以抓取生成的WordPress页面中的JS/CSS文件,并将文件列表传递给Minify引擎。经过处理后,Minify引擎返回一个增强的、简化的、压缩的JavaScript或样式表文件(CSS),在WordPress头中替换为WP Minify。其主要特点是:使用方便;对JavaScript、CSS、HTML有效;提供调试工具;能够处理外部JS和CSS文件;能够排除指定的JS和CSS文件;能够指定被处理的JS和CSS文件的位置(页眉或页脚,甚至其他地方);您可以为已处理的JS和CSS文件添加到期时间。WordPress 3.1测试版出来的时候,我发现WP Minify不兼容,会导致网站加载不正确。2.Autoptimize以后可能会解决WP Minify升级后的不兼容问题,但是我等不及了。后来找到了功能类似的插件Autoptimize,这个插件的操作更简单了。Autoptimize集成、精简和压缩所有JS和CSS文件,并增加缓存过期标志。然后将样式表文件放在页眉中(也是为了提高页面加载的效率),JS文件放在页脚中。它还可以简化HTML代码,并使您的页面变得苗条。但是,我觉得HTML页面瘦身的效果并不明显。只要您的服务器打开了Gzip压缩特性,就没有必要这样做。默认情况下,自动优化会优化所有HTML/CSS/JavaScript,如上所述。个人认为Autoptimize是一个比WP Minify更好的WordPress优化插件。3.JavaScript to Footer是一个非常简洁的插件。我查了一下源代码,完成任务的代码只有6个WordPress函数(见下图),也就是6行。所以这个插件从创建开始就一直在更新。我一开始就忽略了,因为我看到它的最后一次更改日期还是在2009年9月22日。但它只是优化了JavaScript的加载位置,即所有在WordPress中正确声明的Javascript文件都被移到页面的末尾进行加载。它不处理HTML代码和CSS样式表文件。根据JavaScript to Footer的源代码,它使用了以下六行代码来完成工作:remove _ action ('WP _ head ',' WP _ print _ scripts ');remove_action('wp_head ',' wp_print_head_scripts ',9);remove_action('wp_head ',' wp_enqueue_scripts ',1);add_action('wp_footer ',' wp_print_scripts ',5);add_action('wp_footer ',' wp_enqueue_scripts ',5);add_action('wp_footer ',' wp_print_head_scripts ',5);如果有必要,可以在特定WordPress模板的wp_head()函数前添加以下代码,来反转上述过程,即使其无效,恢复到原来的加载位置:remove _ action ('WP _ footer ',' WP _ print _ scripts ',5);remove_action('wp_footer ',' wp_enqueue_scripts ',5);remove_action('wp_footer ',' wp_print_head_scripts ',5);add_action('wp_head ',' WP _ print _ scripts ');add_action('wp_head ',' wp_print_head_scripts ',9);add_action('wp_head ',' wp_enqueue_scripts ',1);当然只是关于某些页面模板。如果都是页面,直接禁用插件:d .如何使用。相信对于大部分WPer来说,看完前面的介绍,你就会知道如何选择自己需要的优化插件,并合理使用。是基于以下三个方面:你的页面模板中是否使用了大量的HTML注释、空格、空行等标签?如果不是,那么为了一点点的带宽节省(通常在Gzip压缩开启的情况下低于1%),就不需要使用HTML缩减功能;您的页面中是否加载了多个CSS样式表文件?如果没有,就不需要通过插件来精简和集成CSS样式表。手动精简和集成CSS样式表比使用插件更简单、更有效。基于WordPress,默认会在头部加载JavaScript,一般WordPress网站需要优化JS的加载位置。但是如果你的大部分页面还需要在页面头加载JS来保证JS不会失效,那么你就不能做这样的优化。在我看来,WP Minify是没有必要的,原因如上所述。然后剩下的Autoptimize和JavaScript to Footer可以一起用(如果一起用,当然是用前者的HTML和CSS简化/整合功能,后者的JS位置控制功能,因为后者只有一个功能)。我只需要控制JS的加载位置,所以选择了JavaScript to Footer。因为我的页面里只有四五个JS文件,而且是在页面末尾加载的,所以我觉得没必要集成。3.处理特殊情况虽然在页面末尾加载所有JavaScript文件对页面加载速度很有帮助,但是请注意,所谓的页面末尾是指在WordPress的wp_footer()函数中调用,该函数通常位于