一、如何使用better wordpress minify
Better WordPress Minify插件使用很简单。安装并启用插件后,会自动压缩合并你的JS和CSS文件。当然你可以在设置页面中,进行如下更细致的设置。
删除不必要的空格与空行。
合并多个CSS或JavaScript文件。
自动缩小的JS文件。
自动缩小CSS文件。
并提供gzip压缩。 域名优惠码
缩小代码bloginfo()样式表?
缩小网址。
缓存目录。
二、用fullpage插件,头部和尾部怎么处理
WordPress 本身以及主题和插件通常需要加载一些 JavaScript 来实现某些特殊功能。
为了最大限度地保证兼容性,不至于出现 JavaScript 失效的情况,所以一般在页头加载 JavaScript 文件。但是根据 Yahoo 开发者论坛的建议,加载 JavaScript 应该尽量在页尾以提高页面的显示(响应、渲染)速度。
本文根据作者的使用经验介绍几个相关插件,并说明如何在某些特殊页面仍然在页头加载 JavaScript。 下面先简单介绍几个相关的优化 JavaScript 的 WordPress 插件及特点,然后演示如何处理一些特殊情况。
一. 优化JavaScript的WordPress插件 我曾经用过 WP Minify、Autoptimize、JavaScript to Footer这三个插件,下面一一介绍其特点。 1. WP Minify 这个插件将 Minify 引擎整合到 WordPress 中。
一经启用,该插件就能够合并和压缩你的 JS 和 CSS 文件来提高页面的加载速度。 WP Minify 能够抓取生成的 WordPress 页面中的 JS/CSS 文件,将文件列表传递给 Minify 引擎。
Minify 引擎处理后返回一个加强、精简并经过压缩的 JavaScript 或样式表文件(CSS),由 WP Minify 将其替换到 WordPress 页头中。 其主要特点是: 易于使用; 对 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 压缩特性就没必要这么做了。 默认情况下,Autoptimize 会按照上面介绍的方式优化所有 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 的源代码,它使用下面的 6 行代码来完成工作: 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 文件,又是放到页尾加载,我觉得没必要进行整合。
三. 特殊情。
三、介绍几个JS和CSS压缩合并插件
介绍几个JS和CSS压缩合并插件
由于添加各种功能的代码和wordpress插件,会导致JS和CSS增多,影响了wordpress博客的加载速度。虽然可以用代码来对JS和CSS进行压缩合并,可是对初学者不是那么简单,很容易出错。因此介绍几个 JS 和CSS 压缩合并插件,方便初学者进行优化。
Better WordPress Minify
Better WordPress Minify 是将Minify引擎集成到wordpress博客上,一旦被启用,它将合并和压缩所有的 JS 和 CSS 文件,从而降低网页的加载时间。
Better WordPress Minify插件使用很简单。安装并启用插件后,会自动压缩合并你的JS和CSS文件。当然你可以在设置页面中,进行如下更细致的设置。
删除不必要的空格与空行。
合并多个CSS或JavaScript文件。
自动缩小的JS文件。
自动缩小CSS文件。
并提供gzip压缩。
缩小代码bloginfo()样式表?
缩小网址。
缓存目录。
四、如何去除WordPress脚本和样式表的版本号
WordPress中使用wp_enqueue_script()和wp_enqueue_style()引入js脚本和css样式表时,会生成一个版本号,如果你不亲自指定,版本号会是WordPress的版本号,比如3.4.2。版本号有好处,可以强制浏览器更新脚本,但有些SEO检测工具会认为带有版本号是非静态化的表现,那么这里有一个去除版本号的方法。
在主题的functions.php中加入如下代码,就可以去除版本号
function sb_remove_script_version( $src ){
$parts = explode( '?', $src );
return $parts[0];
}
add_filter( 'script_loader_src', 'sb_remove_script_version', 15, 1 );
add_filter( 'style_loader_src', 'sb_remove_script_version', 15, 1 );
要注意的是,只有通过WordPress的方式引入脚本才会产生版本号,如果自己硬编码进去,这段代码是不起作用的,当然,不推荐硬编码js文件。
一点小提示,当你需要用到W3 Total Cache插件时,最好用wp_enqueue_script()引入脚本,可以使用自动Minify的功能直接将所有脚本合并成一个文件,并且不要将WordPress默认的jquery替换成google的或者其它的外部jquery,否则当开启W3 Total Cache的自动Minify功能时,可能导致脚本运行错误。
五、百度js和css合并压缩是如何做的
简单来说是通过插件实现,当然现在淘宝出的服务器(nginx修改版)自带有这个功能。 通过一个url地址里写上每个js或者css 路径,然后插件通过路径将js/css 进行gzip形式压缩,最后组合成一个文件输出。你能看到的输出格式是php后缀,但是输出文件的表头是js/CSS 这样浏览器也就当是js/css来解析了。
合并代码工具我推荐minify (PHP),这个比较早,也很简单。
压缩的话网上有很多地方都提供在线压缩
简单说说 JS压缩:
1. 长变量变量名 压缩为短变量名,去空格,去注释
2. 可以将 new Array() 改写为 [], new Object 改写为{} 云云
3. 使用eval, 关键词等等 的复杂逻辑 也可以压缩
这样处理过后,如果觉得还是太大了,还可以采用服务端的gzip压缩传输
转载请注明出处51数据库 » minifywordpress
直插主题