在进行css js在线压缩的时候,大家需要使用到一些在线工具。常使用的包括CSS压缩网站cssminifier.com,JS压缩网站jscompress.com以及压缩和格式化CSS和JS的工具tools.taskboy.com。
当然,大家也可以利用前端构建工具(如grunt、gulp)来实现本地对css和js文件的压缩。这样也能提高开发效率,但相比在线压缩,需要开发者自己安装相应的构建工具和插件,稍稍有些麻烦。
// 以下是使用tools.taskboy.com进行css js在线压缩的简单代码演示
<!DOCTYPE html>
<html>
<head>
<title>使用tools.taskboy.com进行css js在线压缩</title>
</head>
<body>
<h1>在线压缩示例</h1>
<form method="POST" action="http://tools.taskboy.com/css-js-minify/"
enctype="multipart/form-data">
<p>CSS:<br/></p>
<textarea name="CSSInput">
// 在此输入要压缩的CSS代码
</textarea>
<p>JS:<br/></p>
<textarea name="JSInput">
// 在此输入要压缩的JS代码
</textarea>
<p><input type="submit" value="压缩"/></p>
</form>
</body>
</html>
通过在线压缩,大家可以在保证优化网页性能的情况下,节省网页的带宽。但要注意,在线压缩的过程中很容易犯错。因此在使用过程中,需要谨慎检查压缩后的代码是否正确。此外,对于安全性要求较高的项目,在线压缩工具可能会存在一些隐患,因此需要开发者进行自偶权衡。