没有网站做cpa,泉州网站开发企业,网站建设推广方案模版,做淘宝相关网站现在前端不仅要能做出一个网站页面#xff0c;还要把这个页面做的炫酷#xff0c;那需要很大程度的优化#xff0c;那么怎么优化才更好呢#xff1f;小猿圈总结了一下自己优化的方案#xff0c;感兴趣的朋友可以看一下。一般网站优化都是优化后台#xff0c;如接口的响应…现在前端不仅要能做出一个网站页面还要把这个页面做的炫酷那需要很大程度的优化那么怎么优化才更好呢小猿圈总结了一下自己优化的方案感兴趣的朋友可以看一下。一般网站优化都是优化后台如接口的响应时间、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前端讲师对于网站性能优化方案的介绍大家学到了吗当然大家可以在学习过程中加一点自己工作的经验估计会有更好的优化方案希望大家能做出更酷的页面。转载于:https://juejin.im/post/5d09dcec6fb9a07ec27ba798
