2021-08-22 13:24:07
对于一个网站，这个原则也是适用的。即使你有丰富有价值的内容，客户也长期进不去，慢慢会失去耐心。
尤其是在这个信息爆炸的时代，人们的节奏总是很快。毕竟网站的耐心是有限的。如果网站不优化，就会流失相当多的客户，造成不必要的损失。那么，优化web前端性能有哪些常用且实用的方法呢？
CDN(内容分发网络)部署在主要运营商的机房中。当用户通过浏览器请求资源时，可以直接反馈给用户，大大减轻了服务器数据中心的压力。本质上，CDN也是一种缓存。如果你的位置靠近CDN节点，网站的响应速度也非常明显。此外，CDN缓存的资源主要是静态资源，比如静态页面、图片、CSS、JS文件等。对于一些覆盖面广的网站来说，CDN加速是最有效的。比如阿里巴巴云CDN产品有280多个节点，运营商覆盖面相对全面。
网页的加载时间与HTTP请求密切相关，而外部资源的加载速度与主机服务提供商的服务器架构和分布位置有关。我们可以通过检查网站上多余的图片、CSS、JavaScript和一些组件，并逐一改进，来减少一些HTTP请求。
顾名思义，预访问意味着在获取一些必要的数据和资源之前，您确实需要请求以提高用户的浏览体验。预访问主要有三种方式：链路预获取、DNS预获取和预渲染。根据您想要使用的预取形式，您只需要在站点的链接属性中添加以下标签:rel=prefetch，rel=DNS prefetch，或者rel=prerender。
做好前端网页优化，让你的网站页面浏览量爆满
压缩HTML、CSS和JavaScript
写代码的时候会有一些额外的空间，会占用字节。使用一些压缩工具可以有效解决这个问题。值得注意的是，文件压缩后，可读性会变差，以后维护会变得困难。
一张高清图片大概有几兆字节，很多时候我们并不需要这样的画质。正常情况下，我们会选择另存为高质量的图片，这样可以有效降低加载图片的压力。和JPEG图像一样，它包含时间、地点、相机型号格式，更不用说我们需要什么了。
无法在客户端缓存发布请求。每个请求都需要发送到服务器进行处理，每次都会返回一个状态码200。(数据可以缓存在服务器端，以提高处理速度)
Get请求可以缓存(默认情况下)在客户端。除非指定不同的地址，否则具有相同地址的AJAX请求将不会在服务器上重复，而是返回到304。因此，在发出Ajax请求时，可以尽可能选择使用get方法，这样可以利用客户端的缓存来提高请求速度。
6cu。老铁总编寄语：希望站长站每天都有好的战绩和排名！
