分析网站前端优化网站性能的方法

我们通常听说网站的性能有问题。为了优化它，所有的后端开发人员都必须加班来优化代码。所以前端程序员无事可做。有优化吗？今天，让我们来谈谈前端程序员的优化点。三个主要方面

1、 浏览器访问优化

HTTP协议是一种无状态的应用层协议，意味着每个应用层协议HTTP所有要求都需要建立数据传输的通信链路，在服务器端，每个HTTP所有这些都需要启动一个独立的线程来处理。这些通信和服务非常昂贵，降低了成本HTTP要求的数量可以有效地提高访问性能。

减少HTTP合并请求的主要方法是合并CSS、JavaScript和图片。每次访问所需的浏览器-JavaScript和CSS合并到一个文件中，这样浏览器只需要一个请求。图片也可以合并。多张图片可以合并成一张。如果每张图片都有不同的超链接，则可以使用CSS偏移响应鼠标单击操作，结构不同url。

分析网站前端优化网站性能的方法

对于一个网站，CSS、JavaScript、logo、icon静态资源文件的更新频率相对较低，几乎每个文件HTTP请求都需要这些文件。如果在浏览器中缓存这些文件，性能可以大大提高。HTTP头中设置cache control和expires浏览器缓存可以设置为属性。缓存时间可以是几天甚至几个月。

服务器端的文件压缩和浏览器端的文件解压缩可以有效减少通信传输的数据量。因此，文本文件的压缩效率可以达到80%以上HTML、CSS和JavaScript文件启用gzip压缩效果更好。

CSS把它放在页面的顶部，JS把它放在页面的底部。下载完所有CSS之后浏览器会呈现整个页面，所以优化的方法是CSS把它放在页面的顶部，这样浏览器就可以尽快下载CSS。相反，JavaScript加载浏览器JavaScript立即执行后，可能会阻塞整个页面，导致页面显示缓慢。JavaScript把它放在页面的底部。但如果需要页面分析JavaScript，所以把它放在底部是不合适的

2、 使用CDN加速

CDN（content distribution network，内容分发网络的本质仍然是缓存，数据被缓存在靠近用户的地方，以便用户能够快速获取数据。

由于CDN在网络运营商的机房部署，网络运营商也是最终用户的网络服务提供商，因此用户要求路由到达CDN服务器。当CDN当有浏览器要求的资源时，它们直接来自CDN返回浏览器，短路径返回响应，加快用户访问速度，数据中心的负载压力。

3、 反向代理

传统的代理服务器位于浏览器端，代理浏览器向互联网发送HTTP反向代理服务器位于网站机房侧，代理网站web服务器接收HTTP请求。

由于传统的代理服务器可以保护浏览器的安全，反向代理服务器也可以保护网站的安全。Internet访问请求必须通过代理服务器，相当于web在服务器和可能的网络攻击之间建立了屏障。

除了安全，代理服务器还可以通过配置缓存来加速Web请求。当用户第一次访问静态内容时，静态内容缓存在反向代理服务器上，以便当其他用户访问静态内容时，可以直接从反向代理服务器返回web要求的响应速度降低web负载压力的服务器。

以上就是分析网站前端优化网站性能的方法的全部内容，