前端性能提升策略有哪些
前端性能提升的策略包括：
一、降低HTTP请求次数
降低HTTP请求次数的常用方法有：
1、图像整合。当图像数量较多时，可以整合成一张大图，以此减少HTTP请求次数。经常变化的图像可能不太适合，变化相对稳定的图像则可以考虑。整合大图不仅能降低HTTP请求次数，还能充分利用缓存来提高性能。
2、整合压缩CSS样式表和JS脚本，它们的共同目的是为了降低HTTP连接数。
3、去除不必要的请求。在开发编写代码或系统升级后，残留的无效请求连接。
4、充分利用缓存。这里所说的缓存是客户端缓存或浏览器缓存。Expires头信息是客户端缓存的重要依据，格式类似于Expires:sun,20 Dec 2017 23:00:00 GMT。
如果当前时间小于Expires指定的时间，浏览器就会从缓存中直接获取相关的数据信息或html文件，如果当前时间大于Expires指定的时间，浏览器会向服务器发送请求来获取相关数据信息。
以Apache为例，可在Apache的配置文件httpd.conf中设置Expires。
二、图像优化
优化策略：
1、尽可能使用PNG格式的图像，它相对体积较小。
2、对于不同格式的图像，在上线前最好进行一定的优化。
3、图像的延迟加载，也称为懒加载。
三、采用CDN
CDN即内容分发网络，可以使用户就近获取所需内容，解决网络拥堵的问题，提高用户访问网站的响应速度。
四、启用GZIP
GZIP即数据压缩，用于压缩使用Internet传输的所有文本资源。启用GZIP的方法很简单，只需在对应的web服务配置文件中进行设置即可。以Apache为例，在配置文件httpd.conf中添加。
五、样式表和JS文件的优化
一般我们会把CSS样式表文件放在文件的头部。比如，放到＜head>标签中，这样可以让CSS样式表尽早地完成下载。对应JS脚本文件，一般我们把它放在页面的尾部。
六、使用无cookie域名
无cookie域名的概念：当发送一个请求时，同时还要请求一张静态的图像和发送cookie时，服务器对于这些cookie不会做任何使用，也就是说这些cookie没什么用，不需要随请求一同发送。
Web前端新手如何进行性能优化
今天我要和大家分享的文章是关于Web前端新手如何进行性能优化？影响用户访问的最大部分是前端的页面。网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。
而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？所以我们可以理解成前端才是真正和用户接触的。
除了后台需要在性能上做优化外，其实前端的页面更需要在性能优化上下功夫，只有这样才能给我们的用户带来更好的用户体验。不仅如此，如果前端优化得好，他不仅可以为企业节约成本，他还能给用户带来更多的用户，因为增强的用户体验。说了这么多，那么我们应该如何对我们前端的页面进行性能优化呢？
前端性能提升的策略？
一、内容方面
1，减少HTTP请求：合并文件、CSS精灵、inlineImage
2，减少DNS查询：DNS查询完成之前浏览器不能从这个主机下载任何文件。方法：DNS缓存、将资源分布到恰当数量的主机名，平衡并行下载和DNS查询
3，避免重定向：多余的中间访问
4，使Ajax可缓存
5，非必须组件延迟加载
6，未来所需组件预加载
7，减少DOM元素数量
8，将资源放到不同的域下：浏览器同时从一个域下载资源的数目有限，增加域可以提高并行下载量
9，减少iframe数量
10，不要404
二、服务器方面
1，使用CDN
2，添加Expires或者Cache-Control响应头
3，对组件使用Gzip压缩
4，配置ETag
5，FlushBufferEarly
6，Ajax使用GET进行请求
7，避免空src的img标签
三、cookie方面
1，减小cookie大小
2，引入资源的域名不要包含cookie
四、CSS方面
1，将样式表放到页面顶部
2，不使用CSS表达式
3，使用不使用import
4，不使用IE的Filter
五、JavaScript方面
1，将脚本放到页面底部
2，将javascript和css从外部引入
3，压缩javascript和css
4，删除不需要的脚本
5，减少DOM访问
6，合理设计事件监听器、
六、图像方面
1，优化图像：根据实际颜色需要选择色深、压缩
2，优化css精灵
3，不要在HTML中拉伸图像
4，保证favicon.ico小并且可缓存
七、移动方面
1，保证组件小于25k
2，PackComponentsintoaMultipartDocument
以上就是今天为大家分享的关于Web前端新手如何进行性能优化的文章，希望这篇文章能够对正在从事web前端工作的小伙伴们有所帮助。想要了解更多web前端知识记得关注北大青鸟web培训官网。最后祝愿小伙伴们工作顺利！
