如何压缩CSS，HTML和Javascript文件

您想在 WordPress 上压缩 CSS、HTML 和 javascript 文件吗？

压缩网站的CSS，HTML和Javascript文件时，可以节省网站页面加载速度的宝贵时间。现在，我们不是在谈论将页面加载速度降低一半或任何，而是要涉及到网站速度时，任何一点都非常重要。

您网站的加载速度不仅对新访问者很重要，而且对搜索引擎排名也很重要。

术语“缩小用编程语言描述了从源代码中删除不必要的字符的过程。这些字符包括空格，换行符，评论和分界符对我们人类有用，但对机器却没有用。

我们压缩包含CSS，HTML和JavaScript代码的网站文件，以便您的网络浏览器可以更快地读取它们。

这是一个CSS缩小的例子。

缩小之前的CSS

/ *示例CSS文件---------------------------------- * / .user-profile-card {保证金：0px; 背景：#33E43} .user-profile-description {border：0; 位置：绝对; 宽度：自动; margin-top：20px; }

缩小后的CSS

.user-profile-card{margin:0;background:#33e43}.user-profile-description{border:0;position:absolute;width:auto;margin-top:20px}

显然，这只是使用CSS代码段的一个小示例，但是您可以想象一下，在缩小数千行代码时，这将节省多少空间。

如何增加在WordPress博客上花费的时间？ 通过查阅本文进行查找。

因此，如果您想手动进行操作，从技术上讲可以。但是您将极有可能出错，并不必要地浪费您的宝贵时间！

请遵循这些提示，并随时使用工具。

一些工具来执行压缩

幸运的是，您不必一定是开发人员或不知道其中一种编程语言即可减小网站的文件大小。缩小已成为Web设计领域的一种普遍做法。因此，得知有许多出色（免费）的工具可以为您完成工作，您不会感到惊讶。

另见我们的 6个WordPress插件为您的文章注入新的活力

这是入门的有用工具的列表。由于其中许多可以最小化多种类型的代码，因此我在括号中包括了代码类型选项。

- cssminifier.com et javascript-minifier.com （CSS和JS）-Andrew Chilton的这两个缩小器易于使用。您只需要粘贴您的代码，然后单击按钮缩小显示压缩的代码。为了方便起见，您甚至可以将退出代码下载为文件。
- htmlcompressor.com （HTML，CSS和JS）-此在线压缩/缩小工具支持HTML，CSS和JS代码类型。它甚至支持不同的代码类型组合，例如CSS + PHP和JavaScript + PHP。您甚至可以检查压缩代码中是否有错误。

- csscompressor.net （仅限CSS）-此在线CSS压缩器快速，轻松且免费使用。

- jscompress.com （仅限JS）-此JavaScript压缩工具可让您通过复制和粘贴来压缩JavaScript代码，但您也可以一次下载多个JavaScript文件。这是将JavaScript文件合并为单个文件以提高页面加载速度的理想选择。
- 丹的工具- 丹的工具 建议取消 缩小CSS 和 缩小JavaScript 。两种工具都有一个真正干净，易于使用的用户界面。他们没有提供任何高级选项，但对于常见的缩小目的来说却很棒。

- refresh-sf.com （HTML，CSS和JS）-此压缩器将减少JavaScript，CSS和HTML代码类型。如果需要，它还包括每种代码类型的所有压缩选项。
- 关闭编译器 （仅JS）-Closure Compiler是其中的一部分 Closure工具 ，一套来自 Google Developers 的工具。它允许您缩小 JavaScript 以及其他有用的优化。您可以通过输入 js 文件位置的 URL 来使用您的 Javascript 代码，然后选择您希望如何优化和格式化代码。

例如，您选择优化代码以仅删除空白。单击编译按钮后，它将为您减少代码（或编译代码）。

- minifycode.com （HTML，CSS和JS）-该网站提供了以下方面的缩小器： JavaScript的 , 的CSS et HTML 简单干净的用户界面，只需单击一下即可压缩代码。它还提供了一个“美化器”工具来解压缩缩小的代码，以使其更具可读性（缩小的相反）。

如果您正在寻找本地最小化CSS或JavaScript HTML的离线工具，可以选择以下选项：