[教学]线上压缩CSS、JavaScriptCompressor语法，减少CSS与JS代码的大小！
为什么要压缩CSS与JS语法呢？简单来说语法每个人都会写，但是要写出非常精简又短的语法真的是要下功夫才行的，而很多人再写语法时都会用自己的逻辑观念去撰写，写完整个CSS语法后档案打开来看看语法应该是非常整齐的排列顺序，中间还有非常多的空白或是不必要的字元在里面，这样整个语法看下来如果语法够复杂的话还有可能会有上万行的CSS或JS语法，要怎么样把这些不必要的语法行列删除外，在把CSS、JS语法全部只写在一行列里面来加快我们的CSS、JS加载速度呢？这应该会是一个非常头痛的问题，如果您够耐心的话可以把上万行的CSS、JS语法慢慢一行一行的缩短，当然CSS、JS这个问题也是有语法压缩器的，使用者只要透过线上版的CSS、JavaScript Compressor的压缩器就可以一秒产生已减少CSS与JS代码的语法，可以节省非常多不必要的语法行列，来提高节省网页的加载速度，如果您是ㄧ个网页设计师，我想这款线上CSS、JS压缩器一定是不可以缺少的工具之一。
CSS Compressor语法压缩教学
▼ 首先先进入“CSS Compressor”线上压缩器网址，在页面上可以看到下方的下拉式选单内可以选择要压缩CSS语法的程度，可以选择最高、高、标准、低压缩，预设是选择“最高”。
▼ 接下来就是把自己网站内的style语法或其它想要压缩的CSS语法，复制并且贴上在CSS Compressor网页上的CSS Source Code Input中。
▼ 将要压缩的语法贴上后，再按下右下角的“Compress”纽，就会开始进行压缩。
▼ 不用几秒的时间就可以产生出已经压缩好的CSS语法，原本INPUT的语法74453字节压缩减少变成了50266字节，足足节省了48.12%耶。
▼ 在Show advanced options的选项内也有更多进阶的选项可以勾选，如果有兴趣的朋友们也可以自行摸索看看。
▼ 最后可以看看我们实体压缩的Style.css档案，档案大小从69.0KB压缩成49.0KB，真的是差很多阿。
JavaScript Compressor语法压缩教学
▼ 首先先进入“JavaScript Compressor”线上压缩器网址，一样的就是把自己网站内的JavaScript语法或其它想要压缩的JS语法，复制并且贴上在JavaScript Compressor网页上的JavaScript Source Code Input中。
▼ 将要压缩的语法贴上后，再按下右下角的“Compress”纽，就会开始进行压缩。
▼ 不用几秒的时间就可以产生出已经压缩好的JavaScript语法，原本INPUT的语法130270字节压缩减少变成了116333字节，足足节省了11.98%耶。
▼ 在Show advanced options的选项内也有更多进阶的选项可以勾选，如果有兴趣的朋友们也可以自行摸索看看。
▼ 最后可以看看我们实体压缩的asalah.js档案，档案大小从126KB压缩成113KB，真的是差很多阿。
值得收藏使用的原因
- 可以加快网站内的CSS、JS加载速度
- 提升优化网站载入档案流量
- 网页设计人员必收藏的利器
标签: 游戏头条 资讯头条 ggamen科技资讯 ggamen科技 ggamen科技资讯头条 科技资讯头条 ggamen游戏财经 新闻网 科技新闻网 科技新闻 ggamen ggamen游戏新闻网 科技新闻 科技新闻网 新闻网 ggamen游戏财经 ggamen科技资讯头条 ggamen科技 资讯头条 游戏头条 ggamen ggamen游戏新闻网 科技新闻 科技新闻网 科技资讯头条 ggamen科技资讯头条 ggamen科技 ggamen科技资讯 资讯头条 游戏头条
