当前位置:主页 > 新闻中心 > seo优化 >

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

发布时间:2021-11-26 00:12 来源:原创 148次阅读

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

第一,浏览器访问优化。

HTTP协议是一种无状态的应用层协议,意味着每个HTTP请求都需要建立一个通信链接来传输数据,而在服务器端,每个HTTP都需要启动一个独立的线程来处理。通信和服务成本都很高,减少HTTP请求的数量可以有效地提高访问性能。

降低HTTP请求的主要方法是合并CSS,JavaScript和图片。把每一次访问所需的浏览器-JavaScript和CSS合并到一个文件中,这样浏览器就只需要一个请求。图片也可以合并。多张图片可以合并成一张。如果每张图片都有不同的超链接,可以用CSS偏移响应鼠标点击操作,构建不同的网址。

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

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

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

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

2.用CDN加速。

CDN(contentdistributionnetwork、内容分发网络)的本质还是缓存,数据被缓存在靠近用户的地方,用户可以快速获取数据。

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

三是反向代理。

常规代理服务器位于浏览器端,代理浏览器向因特网发送HTTP请求,而反向代理服务器位于网站机房侧,代理网站web服务器接收HTTP请求。

因为传统的代理服务器能保护浏览器的安全,反向代理服务器也能保护网站的安全。因特网上的访问请求必须通过代理服务器,这相当于在网络服务器和可能的网络攻击之间建立了一个屏障。

除了安全性,代理服务器还可以通过配置缓存来加速网络请求。当用户第一次访问静态内容时,静态内容缓存在反向代理服务器上,这样当其他用户访问静态内容时,他们可以直接从反向代理服务器返回,加快网络请求的响应速度,减轻网络服务器的负载压力。