CSS,JS代码压缩,CDN托管,图片整合。
CSS,JS代码压缩:
webpack的 UglifyJsPlugin压缩插件
gulp的gulp-uglify,gulp-minify-css模块完成
CDN:
CDN的全称是Content Delivery Network,即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。
功能
归纳起来,CDN具有以下主要功能:
(1)节省骨干网带宽,减少带宽需求量; [4]
(2)提供服务器端加速,解决由于用户访问量大造成的服务器过载问题; [4]
(3)服务商能使用Web Cache技术在本地缓存用户访问过的Web页面和对象,实现相同对象的访问无须占用主干的出口带宽,并提高用户访问因特网页面的相应时间的需求; [4]
(4)能克服网站分布不均的问题,并且能降低网站自身建设和维护成本; [4]
(5)降低“通信风暴”的影响,提高网络访问的稳定性。 [4]
图片整合:
减少网站加载时间的最有效的方式之一就是减少网站的HTTP请求数。实现这一目标的一个有效方法就是通过CSS Sprites将多个图片整合到一个图片中,然后再用CSS来定位。缺点可维护性差。