现在前端不仅要能做出一个网站页面，还要让这个页面很酷，这需要很大程度的优化，那么如何优化比较好？小源泉总结了自己的优化方案，有兴趣的朋友可以看看。一般的网站优化就是优化后台，比如界面响应时间、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、图片等静态资源启用单独的域名，并关闭cookies对静态资源的传输，可以大大提高效率。6、在浏览器缓存并发高的情况下，可以将一些变化不大的东西缓存在浏览器缓存中，或者将一些活跃的内容提前缓存在客户端，防止大量请求泛滥活动开始时的服务器。7.CDN上一篇文章提到了CDN的概念。它是一个静态内容分发网络，本质上是静态资源的缓存。可以将静态资源放在CDN上，让用户就近获取资源，大大提高用户访问速度。8、常用的反向代理nginx除了负载均衡功能外，还可以通过配置缓存功能来加快请求响应速度。当用户第一次访问时，可以在反向代理服务器上缓存静态资源。这样就可以直接从反向代理服务器获取并返回其他用户的请求，从而达到静态资源缓存的作用。以上就是小源泉web前端讲师对网站性能优化方案的介绍。你学会了吗？当然，你可以在学习过程中加入一点自己的工作经验。估计会有更好的优化方案。我希望你能做一个更酷的页面。
