前端优化方式
-
1.加载资源的域名使用CDN,将文件上传至cdn，用户可以在距离用户最近的服务器上获取
-
2.使用DNS预取，DNS预取是一种优化网站性能的技术，可以减少DNS查询时间，加速网页加载速度。DNS查询是浏览器加载网页时的第一步，它需要向DNS服务器请求解析网站域名所对应的IP地址。DNS预取可以在浏览器开始加载网页之前，提前解析网页中将要用到的域名对应的IP地址，从而加速DNS查询的过程。使用方法。 尽管DNS预取可以加速页面加载速度，但过度使用DNS预取也会带来一些问题。如果预取了很多域名，会增加网络负载和带宽开销，而且可能导致DNS缓存污染
-
3.设置缓存控制：设置静态资源的缓存控制，可以有效减少页面的HTTP请求次数，提高页面加载速度。设置Expires(指定了响应的过期时间)和Cache-Control(表示缓存控制，可以指定缓存的行为)响应头，控制浏览器缓存。
-
4.禁用不必要的Cookie：对于静态资源请求，不需要设置Cookie，因此可以禁用掉不必要的Cookie。
-
5.预加载资源，link的preload和prefetch属性。preload 提供了一种声明式的命令，可以指明哪些资源是在页面加载完成后即刻需要的。让浏览器提前加载指定资源(加载后并不执行)，需要执行时再执行。优先级高，prefetch告诉浏览器加载下一页面可能会用到的资源，优先级低。
-
6.异步加载js,async,defer,动态创建script
-
7.使用HTTP2协议：
HTTP2协议可以更快地加载资源和文件，从而提高网站的响应速度，多路复用：HTTP2协议支持多路复用，可以在一个连接中同时传输多个请求和响应，从而避免了HTTP1.1中的队头阻塞问题。
二进制传输：HTTP2协议采用二进制格式传输数据，取代了HTTP1.1中的文本格式，减少了传输数据的大小，从而提高了传输效率。
头部压缩：HTTP2协议使用HPACK算法对请求和响应头部进行压缩，减少了传输数据的大小，提高了传输效率。
服务器推送：HTTP2协议支持服务器推送，可以在客户端发送请求之前主动将一些资源推送给客户端，加快页面加载速度。
-
8.Gzip压缩：使用Gzip压缩可以减小资源请求大小，降低响应时间，提高性能
-
9.图片优化：包括压缩图片、使用webp格式图片、图片延迟加载、雪碧图
-
10.压缩和合并js、css文件：将一些同类型的js、css文件进行压缩和合并，降低文件大小，从而减少请求次数，提高页面加载速度。
-
11.服务渲染ssr
服务器会在响应请求时直接生成html页面，减少客户端渲染时间
在服务器渲染过程中会获取所需数据，注入到html中，避免了客户端请求数据的延迟
更好的seo，因为搜索引擎爬虫更容易解析静态html，客户端拿到的时已经渲染好的html
更好的用户体验，更快展示首屏内容
