colin/Colinx-Blog
1
0
Fork 0
mirror of https://github.com/Colin-XKL/Colinx-Blog.git synced 2026-01-12 02:31:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

Change img CDN URL

Browse Source
This commit is contained in:
github-actions[bot]
2022-05-06 13:42:35 +00:00
committed by GitHub
parent aa23084a0f
commit 2277453cd3
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
content/posts/前端静态资源加载的一些优化.md
View File

@@ -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)