鸿卓课工场—web前端学习中CSS，JS代码压缩

web前端要学习的知识有很多，前端基础要学习三个部分：HTML，CSS，JavaScript（简称JS），因此首先明确三个概念：HTML负责结构，网页想要表达的内容由html书写。 CSS负责样式，网页的美与丑由它来控制JS负责交互，用户和网页产生的互动由它来控制。今天小编介绍下web前端学习中CSS，JS代码压缩

（1）CSS,JS 代码压缩

可以应用gulp的gulp-uglify，gulp-minify-css模块完成；可以应用webpack的 UglifyJsPlugin压缩插件完成。

（2）CDN

内容分发网络(CDN)是一个经策略性部署的整体系统，包括分布式存储、负载均衡、网络请求的重定向和内容管理4个要件。

主要特点有：本地Cache加速，镜像服务，远程加速，带宽优化。

关键技术有：内容发布，内容路由，内容交换，性能管理。CDN网站加速适合以咨询为主的网站。CDN是对域名加速不是对网站服务器加速。CDN和镜像站比较不需要访客手动选择要访问的镜像站。

CDN使用后网站无需任何修改即可使用CDN获得加速效果。如果通过CDN后看到的网页还是旧网页，可以通过URL推送服务解决，新增的网页和图片不需要URL推送。使用动态网页可以不缓存即时性要求很高的网页和图片。CDN可以通过git或SVN来管理。

（3）图片整合

减少网站加载时间的最有效的方式之一就是减少网站的HTTP请求数。实现这一目标的一个有效的方法就是通过CSS Sprites——将多个图片整合到一个图片中，然后再用CSS来定位。缺点是可维护性差。可以使用百度的fis/webpack来自动化管理sprite。