关灯
得知互动 门户 互联网+ SEO/SEM 查看内容
0

web前端网站性能优化方案

摘要: 一样平常网站优化都是优化背景,如接口的相应时间、SQL优化、背景代码性能优化、效劳器优化等。高并发环境下,对前端web优化也黑白常紧张的。下面说说几种常见的优化步伐。1、HTMLCSSJS位置一样平常必要将CSS放页面 ...
web前端网站性能优化方案

一样平常网站优化都是优化背景,如接口的相应时间、SQL优化、背景代码性能优化、效劳器优化等。高并发环境下,对前端web优化也黑白常紧张的。

下面说说几种常见的优化步伐。

1、HTML CSS JS位置

一样平常必要将CSS放页面最上面,即HEAD部门,而将JS代码放页面底部。由于页面必要加载为CSS才举行渲染,而JS假如不是在页面加载之前就要履行就要放到页面最底部,以避免在页面展示之前因JS过多加载而影响页面渲染速率。

2、引用文件位置

有一些插件必要引用到长途的图片、CSS、JS、图标等,假如长途的资源毗连网速不佳,如国外的某些资源,会造成网页梗阻阻塞,同样也会造成页面展示题目,只管能把引用长途的资源能当地化。

3、淘汰背景哀求

每个哀求都是消耗资源影响体系性能的,以是,能淘汰背景哀求就淘汰。如,只管的将同一个资源(图片、JS、CSS等)归并成一个文件,页面只要哀求一次即可,如许就节流了许多http毗连的开销及来回的时间消耗。

别的一方面,假如是关于抽奖、摇一摇、秒杀等功能,可以限定发往背景的频率,如前端操纵10次才今后端发一次哀求,如许从前端就做到了背景的流量控制,把流量控制到访问的最外层是最好的,只管不要让哀求落到底层。

4、压缩传输

http压缩可以对纯文本可以压缩至原内容的40%, 从而节流了60%的数据传输,GZIP是一种常用的压缩编码。因此,对文本范例的资源如CSS、JS、HTML启用GZIP压缩加快http传输速率。

5、淘汰cookie传输

cookie会包罗在每次哀求和相应中,假如cookie过多会影响http相应速率,以是高并发环境下只管控制cookie的传输量,nginx对cookie传输默认是做了限定的。别的,像CSS、JS、图片等静态资源可以启用单独域名,禁用cookie对静态资源的传输,如许就能大大进步服从。

6、欣赏器缓存

高并发环境下,可以将一些不怎么变更的东西缓存到欣赏器cache中,大概一些运动内容可以提前将内容在客户端缓存起来,以避免运动开始大量哀求涌入效劳器。

7、CDN

之前的文章有讲过CDN的概念,它就是一个静态内容分发网络,本质就是静态资源的缓存,可以将静态资源放到CDN上,如许,用户就能离本身比来的地方获取到资源,大大进步了用户访问速率。

8、反向署理

常用的反向署理nginx除了负载平衡功能,它也能够通过设置缓存功能来加快哀求相应速率,当用户第一次访问的时间静态资源就可以被缓存到反向署理效劳器上,如许其他用户的哀求就能直接从反向署理效劳器直接获取返回,如许也就直到了静态资源缓存的作用。

web前端网站性能优化方案


路过

雷人

握手

鲜花

鸡蛋

说点什么...

已有0条评论

最新评论...

本文作者
2020-9-26 03:20
  • 0
    粉丝
  • 6286
    阅读
  • 0
    回复

关注帮客优品

扫描关注,了解最新资讯

联系人:叶先生
Q Q:956130084
EMAIL:956130084@qq.com
地址:中国·武汉
热门评论
排行榜

关注我们:微信订阅号

官方微信

APP下载

全国服务Q Q:

956130084

中国·湖北

Email:956130084@qq.com

Copyright   ©2015-2022  站长技术交流论坛|互联网技术交流平台Powered by©Discuz!技术支持:得知网络  

鄂公网安备 42018502006730号

  ( 鄂ICP备15006301号-5 )