前端性能优化，有这几招就够了

很多人都以为，搜索引擎只是开个数据库、搜索框一开就能接收大把大把广告费的存在。其实，当每次有人要访问你的网站时，浏览器都不能闲着，网站上面的资源文件都得由它向服务器一次次请求得来，最终才能展示出完整的网页。浏览器的这些请求，直接影响着网站的响应速度，那么用户体验也就受到波及。通常来说，更少的HTTP请求，往往意味着更快的响应速度，这也就是前端性能优化的重要一环。

减少HTTP请求

HTTP请求也就是客户端向服务器端发送请求信息，每次的HTTP请求都需要建立通信链路才能进行数据传输，而减少HTTP请求能够有效提高网站的访问性能，网页加载速度也就随之优化。一来一回肯定消耗比较大，减少HTTP请求的主要方法，就是将浏览器需要请求访问的资源压缩合并起来，这样，浏览器就只需要进行一次的访问。

利用浏览器缓存

一个网站，在浏览过后，网站的资源副本会缓存在服务器和浏览器之间，并在下次浏览器再次请求过程中使用。所以，浏览器对于网站中的css、js等资源文件更新的频率会比较低，但是这些资源在每次的请求过程中都是需要的，但是倘若这些资源文件缓存在浏览器中，这将能加大地降低网站的耗能，改善网站加载性能。

使用延迟加载方法

延迟加载确实是一个很独特的数据获取方法，在用户滚动页面时，自动获取更多的数据。例如一个商城型网站，网页包含很多的图片，需要加载的图片很多，那么很多用户在同时浏览时，服务器的压力就会很大。但是使用延迟加载方法，优先加载页面可视区域的图片内容，这样，大大提高网站的加载性能，减轻服务器压力，提高用户体验。

CSS Sprites

CSS Sprites也称为css精灵，也就是我们常说的雪碧图，属于一种图片处理方式。大概就是将网站中所设计的一些零星的图片放置在同一张大图中，到时候直接使用背景定位background-position属性来确定所需要的图片。这样能够有效减少HTTP请求，降低了图片的下载量。

使用CDN加速

按照网站的需求使用CDN加速，如果你的网站访客大多是在国外，那么最好可以选在CDN加速，因为这样能够优先提高网站的访问速度，然若，你的访客属于本地访客，那么是否则不需要CDN加速。CDN能是内容分发网络，使用户能够就近获取到所需要的查询内容，降低在网络访问时的阻塞，提高用户访问响应和命中率。

归纳

网站的前端性能优化，直接影响着网站的响应速度，进而也对网站访客的用户体验产生影响。前端性能优化中，起着关键作用的便是减少HTTP请求，如果HTTP请求很多，不合并的话，网站在加载过程中将会耗费大量的时间在发送和图片请求上。学会这几招，那你的前端性能优化便足够了。