有什么通用和实际的方法来优化web前端性能？

对网站而言，这一原则同样适用，即使你拥有丰富而有价值的内容，但顾客半天都进不去，就会慢慢失去耐心。

特别是在这个信息爆炸的时代，人们的节奏总是很快。归根结底，网站的耐性是有限的。如网站不优化，就会导致大量客户流失，带来不必要的损失。因此，有什么通用和实际的方法来优化web前端性能？

CDN(内容分发网)被部署在主要运营商的机房。通过浏览器请求资源，可直接向用户反馈，极大地减轻了服务器数据中心的压力。基本上，CDN还是一个缓存。假如你在CDN节点附近，这个站点的响应速度也是很明显的。此外，CDN缓存的资源大多是静态资源，如静态页面、图片、CSS、JS文件。CDN加速对某些覆盖面广的网站最为有效。例如阿里云的CDN产品有280多个节点，运营商的覆盖面更广。

web页面的载入时间与HTTP请求有很大关系，而外部资源的载入速度与主机服务提供者服务器架构及分布位置有关。通过查看网站上多余的图片，CSS,JavaScript和一些组件，我们可以一个接一个地减少HTTP请求。

正如其名称所示，预访问是真正需要请求来改进用户浏览体验所需的数据和资源。预存取的方式主要有三种：链路预采集、DNS预采集和预绘制。取决于你想要使用的预取格式，你可以简单地为这个站点的链接属性添加如下标签：rel=prefetch,rel=DNSprefetch或rel=prerender。

压缩HTML,CSS,JavaScript。

当你写代码时，还有一些额外的空格会占用字节。利用某些压缩工具可以有效的解决这个问题。需要指出的是，文件经过压缩后，可读性会变差，并且很难维护。

一幅高清晰图像大约有几兆字节，而且大多数情况下，我们不需要它。通常，我们会选择保存为高质量的图片，这样能有效地减少图片装载的压力。和JPEG图片一样，它包括时间、位置、相机型号格式，更别提我们所需的东西。

未能缓存客户端中的Post请求。每一次的请求都需要被发送给服务器，每一次都会返回200状态码。(可在服务器端缓存数据，以加快处理)

Get请求可在客户端缓存在(默认情况下)。具有相同地址的AJAX请求不会在服务器上重复执行，除非指定另一个地址，否则返回304。所以，当您发出Ajax请求时，有一种选择是尽可能多的get方法，以使客户端缓存更快。