WordPress如何最小化JavaScript和CSS文件

什么是JavaScript和CSS最小化?

所谓最小化(minification)就是将JavaScript和CSS文件中的空白、注释等不必要的字符删除以降低文件大小的过程。这可以提升网站速度,使网页加载得更快。通过最小化,文件的大小可以降低10%~40%。借助适当的工具,我们可以轻松地将JavaScript和CSS文件最小化。

CSS文件的最小化

首先,备份原来的CSS文件,你可以将备份的CSS文件命名为style-old.css。

然后前往这个网站:http://www.freeformatter.com/css-minifier.html  自动帮你最小化CSS文件。在这个网站上,你可以输入CSS文件的URL,然后点击minify按钮以进行最小化。

minify-css

最小化完成后,它会自动弹出最小化后CSS文件的下载对话框。将最小化后的CSS文件放在原来CSS文件在网站中的目录。最小化后,我的CSS文件的大小从90K变成了72K。CSS文件最小化后的模样:

minifycss

JavaScript文件的最小化

首先,备份原来的JavaScript文件,你可以将备份的JavaScript文件命名为js-old.js

然后前往这个网站: http://jscompress.com 自动帮你最小化JavaScript文件。在这个网站上,你要将JavaScript文件的内容粘贴到文本框,然后点击Compress JavaScript按钮以进行最小化。你可以在浏览器地址栏中输入JavaScript的URL,然后按CTRL+A复制全部内容,粘贴到文本框中。

最小化完成后,会有一个下载的按钮,点击这个按钮下载最小化后的JavaScript文件。我的JavaScript文件从155K压缩到了124K。然后将最小化后的JavaScript文件放在网站中对应的目录。

另外一个提供最小化CSS和JavaScript文件的网站 http://refresh-sf.com/

为这篇文章评分
[Total: 0 Average: 0]

Leave a Reply

Your email address will not be published.

The maximum upload file size: 2 MB. You can upload: image, audio, video, document, spreadsheet, interactive, text, archive, code, other. Links to YouTube, Facebook, Twitter and other services inserted in the comment text will be automatically embedded. Drop file here