购物网站的文化建设问题,网络推广合作协议范本,长沙市网站开发,网站设计规划方案性能优化 根据实际情况做性能优化的流程和分析。 性能优化的话#xff0c;可以从很多方面#xff0c;ui优化#xff0c;组件优化#xff0c;打包体积优化#xff0c;页面优化等#xff0c;但我们要监控这个页面哪些指标需要优化#xff0c;比如FP#xff0c;FCP#x…性能优化 根据实际情况做性能优化的流程和分析。 性能优化的话可以从很多方面ui优化组件优化打包体积优化页面优化等但我们要监控这个页面哪些指标需要优化比如FPFCPFMP如果是fp时间过长就要从网络层面进行优化现在普遍的都是http1.1的请求方式就要去考虑要不要升级到http2采用一种多路复用的能力或者再上一层可以考虑dns解析的速度是否过慢可以考虑是否用dns缓存或者dns预解析去解决问题然后做一些预加载的过程。如果是fcp时间过长那就是说浏览器渲染第一块时间过长我们浏览器接收的包的体积过大导致我们解析过慢我们考虑一下是否要进行拆包处理也要对图片进行一些压缩操作大概能想到的也就这两种。如果是fmp时间过长那就是说浏览器绘制时间过长这要从代码层面去解决问题可以通过ssr在服务端进行渲染然后返回其实压缩图片体积也能优化FMP的时间。
FPfirst paint 白屏时间如果是fp时间过长就要从网络层面进行优化现在普遍的都是http1.1的请求方式就要去考虑要不要升级到http2采用一种多路复用的能力或者再上一层可以考虑dns解析的速度是否过慢可以考虑是否用dns缓存或者dns预解析去解决问题然后做一些预加载的过程。
FCP如果是fcp时间过长那就是说浏览器渲染第一块时间过长我们浏览器接收的包的体积过大导致我们解析过慢我们考虑一下是否要进行拆包处理也要对图片进行一些压缩操作大概能想到的也就这两种。
FMP如果是fmp时间过长那就是说浏览器绘制时间过长这要从代码层面去解决问题可以通过ssr在服务端进行渲染然后返回其实压缩图片体积也能优化FMP的时间。
多路复用http1.1中浏览器同一时间只能发送一个请求。当一个请求占用通道时其他请求只能等待即使他能立即响应消耗了很多等待时间。h2中通过多路复用的方式解决了对头阻塞的问题。提高了传输效率h1.1是通过文本方式进行传输的而http2引入了帧和流的概念链接成功后一条链接上可以以二进制的方式发送多条消息彼此之间互不影响这就解决了对头阻塞的问题。
DNS解析
就是当你进行请求的时候服务器会把你的域名解析成ip这个过程就是dns的解析过程优化dns过慢的问题可以通过cdn服务进行dns负载均衡或者进行dns缓存dns预解析都能提高速度。
cdn服务进行dns负载均衡即cnd服务器会将用户请求导向最近的cdn服务站然后当进行dns解析时cdn服务站会返回距离最近的服务站的ip地址从而加速内容的运输。
dns缓存对请求的域名和ip结果在本地进行缓存以便在将来的DNS查询中重复请求。
dns预解析预解析是一种浏览器技术它可以在后台对网页中的域名进行解析以便提前获取域名对应的IP地址或其他资源从而加速网页的加载速度。预解析可以通过
标签来实现。
ssr服务端渲染
这个晚些会单出一个文档这里就放一个链接了
深入浅出 SSR 及 Nuxt.js 初体验 - 掘金
