Web前端性能优化指南

文章来源:优帮云SEO 2020-10-29

摘要:一般来说,页面访问时间有一个的“2-5-8原则”。当用户访问页面时:1。当他们在2秒钟内得到响应时,他们会感到系统反应迅速;2。当他们得到2到5秒的响应时,他们会觉得系统的响应速度是正常的;3。当他们在5-8秒内得到响应时,他们会觉得系统的响应速度很慢,但可以接受;当8秒后仍然没有收到响应时,用户会觉得系统很糟糕,选择离开网站,或者提出第二次请求。对于一个网站来说,要想抓住用户,网站的速度和稳定性是非常重要的。

1、 为什么要进行性能优化?

从上面可以看出,网站前端的用户体验决定了用户是否愿意使用网站的功能,而网站的功能决定了用户是否会投票否决前端体验。不仅如此,如果前端优化得好,不仅可以为企业节约成本,还可以因为用户体验的提升而为用户带来更多的用户。可以概括为三点

2、 性能时候是什么时候?

一般来说,遵循避免过早优化的原则,因为网站重发过程中的成本相对较高,如网页开发工程师、UI、产品、运维、后台服务等,所以首先要保证基本功能的完成,然后再考虑优化。其次,在发现性能瓶颈之前不要进行优化

3、 哪些方面需要优化?

在此之前,我们将分析页面从请求到呈现给用户的一般流程

在了解了这些流程之后,我们应该知道如何优化它,对吧!这是对的药:

减少网站使用的域名数量(现代浏览器基本具备并行下载能力),减少DNS查询时间。建议一个网站至少使用2个域名,但不超过4个域名来提供资源

本地存储(本地存储)静态资源打包,启用gzip压缩(保存响应流量)cookie隔离(保存请求流量)使用CDN加速(访问近的服务器)

合理设置HTTP缓存:Etag和cache-control使HTTP/2(多路复用,并行加载)优化数据库查询部署负载平衡

使用CSS3实现图像,Base64(减少请求数)延迟(延迟)加载/异步(异步)加载小图标依赖于优化解析HTML、CSS和JS以删除无用的HTML,CSS和JS优化_次屏幕时间:后脚本位置、图像压缩、延迟加载。

本文标签:前端性能优化