郑州H5培训卓越的前端开发工程师

Web前端性能优化

当然，还有另一种更傻瓜式的使用方式，赶兴趣的朋友自己可去多尝试下。

压缩图片和使用图片Sprite技术
基本原理:

注：其实压缩图片和图片精灵是两个方面的技术，可是既然都是关于图片的优化还是放到一块吧。

现在由于工作的细分，专业的前端工程师已经少有机会去切图了，可是关于图片压缩还是得略微了解，一般图片压缩的方式有：

1.缩小图片分辨率；

2.改变图片格式；

3.降低图片保存质量。

关于图片精灵(Sprite)技术就和我们工作直接相关，不管是在CSS中的图片还是在HTML结构中的图片都会产生HTTP请求，前端优化的条就是减少请求数，直接有效的方法是使用图片精灵（CSS Sprite）。图片精灵就是把许多图片放到一张大图片里面，通过CSS来显示图片的一部分。

至于图片精灵的操作细节就不多做介绍了，网上相关内容很多。

注意控制Cookie大小和污染 基本原理和使用方法：
有关Cookie的基础和高级知识可以去看本人写过的一篇文章《JavaScript 操作 Cookie》。

因为Cookie是本地的磁盘文件，每次浏览器都会去读取相应的Cookie，所以建议去除不必要的Coockie，使Coockie体积尽量小以减少对用户响应的影响；

使用Cookie跨域操作时注意在适应级别的域名上设置coockie以便使子域名不受其影响；

Cookie是有生命周期的，所以请注意设置合理的过期时间，合理地Expire时间和不要过早去coockie，都会改善用户的响应时间。

这些都是郑州HTML5培训分享的一些常用的优化性能的方法，更多方法可以加微信lanouzz讨论。