diff --git a/content/posts/前端静态资源加载的一些优化.md b/content/posts/前端静态资源加载的一些优化.md index ec4c701..11cbd3d 100644 --- a/content/posts/前端静态资源加载的一些优化.md +++ b/content/posts/前端静态资源加载的一些优化.md @@ -71,9 +71,9 @@ after **优化前** -![image-20220506193639029](https://blog-1301127393.cos.ap-shanghai.myqcloud.com/BlogImgs/202205062117479.png) +![image-20220506193639029](https://blog-1301127393.file.myqcloud.com/BlogImgs/202205062117479.png) -![image-20220506193800266](https://blog-1301127393.cos.ap-shanghai.myqcloud.com/BlogImgs/202205062117127.png) +![image-20220506193800266](https://blog-1301127393.file.myqcloud.com/BlogImgs/202205062117127.png) First Contentful Pain Time在1.5s,整个页面到1.5s才能可见,DOM加载总时间达到了2.5s @@ -81,7 +81,7 @@ First Contentful Pain Time在1.5s,整个页面到1.5s才能可见,DOM加载 **优化后** -![image-20220506193652188](https://blog-1301127393.cos.ap-shanghai.myqcloud.com/BlogImgs/202205062117498.png) +![image-20220506193652188](https://blog-1301127393.file.myqcloud.com/BlogImgs/202205062117498.png) 优化后页面没有再阻塞,0.8s页面就可用了,总DOM加载时间只有1.5s,相较之前简直直接起飞。 @@ -136,7 +136,7 @@ CSS的fallback加载同理,此处不再赘述 优化后如图,在开发者工具中手动block资源网站,可以自动fallback从另一个url加载资源,这下网站的可用性又提升了一点点🤏哈哈哈 -![66230832-3581-42DF-9F2F-B817E88DAF4D](https://blog-1301127393.cos.ap-shanghai.myqcloud.com/BlogImgs/202205062133393.png) +![66230832-3581-42DF-9F2F-B817E88DAF4D](https://blog-1301127393.file.myqcloud.com/BlogImgs/202205062133393.png)