跳到主要内容

您要缩小WordPress网站上的文件吗?最小化WordPress CSS和Javascript文件可以使它们加载更快并加快WordPress网站的速度。在本指南中,我们将向您展示如何在WordPress中缩小CSS / Javascript文件以提高性能和速度。

什么是缩小,何时需要?

“缩小”一词用于描述一种使您的网站文件更小的方法。它通过从源代码中删除空格,行和不必要的字符来实现此目标。

通常,建议仅将其用于发送到用户浏览器的文件。这包括HTML,CSS和JavaScript文件。您也可以最小化PHP文件,但是PHP是一种服务器端编程语言,并且最小化它不会提高用户的页面加载速度。

缩小文件的明显优势是提高了WordPress的速度和性能。压缩文件可以更快地加载并提高网站速度。

但是,一些专家认为,对于大多数网站而言,性能提升非常小,不值得为此烦恼。在大多数WordPress网站上,缩小操作只会减少几千字节的数据。您可以通过简单地优化Web图片来减少更多的页面加载时间。

这是普通CSS代码的示例:

body {
margin:20px;
padding:20px;
color:#333333;
background:#f7f7f7;
}
h1 {
font-size:32px;
color#222222;
margin-bottom:10px;
}

缩小代码后,它将如下所示:

body{margin:20px;padding:20px;color:#333;background:#f7f7f7}h1{font-size:32px;margin-bottom:10px}

如果您尝试在Google Pagespeed或GTMetrix工具上获得100/100的得分,那么最小化CSS和JavaScript将会大大提高您的得分。

话虽如此,让我们看一下如何轻松地最小化WordPress网站上的CSS / JavaScript。

缩小WordPress中的CSS / Javascript

您需要做的第一件事是安装并激活Better WordPress Minify插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

激活后,插件将在您的WordPress管理栏中添加一个名为“ BWP Minify”的新菜单项。单击它会将您带到插件的设置页面。

在设置页面上,您需要检查前两个选项以自动最小化WordPress网站上的JavaScript和CSS文件。

现在,您可以单击“保存更改”按钮来存储您的设置。

如何在wordpress中缩小css和javascript文件
如何在wordpress中缩小css和javascript文件

此页面上还有许多其他高级选项。默认设置适用于大多数网站,但您可以视情况查看和更改这些选项。

接下来,您需要前往您的网站。右键单击任意位置,然后从浏览器菜单中选择“查看页面源代码”。

现在,您将看到WordPress网站生成的HTML源代码。如果仔细观察,您会注意到该插件将从插件自己的文件夹而不是WordPress主题和插件中加载CSS / JavaScript文件。

这些是原始CSS和JavaScript文件的缩小版本。更好的WordPress Minify插件将保留它们的缓存并将缩小的版本提供给浏览器。

回到顶部