dongyuanxin / blog

📚 专注Web与算法
https://0x98k.com
MIT License
1.38k stars 184 forks source link

「评论」个人博客UI设计 #114

Open dongyuanxin opened 5 years ago

dongyuanxin commented 5 years ago

个人博客UI设计:https://xin-tan.com/passages/2018-09-09-mysql-blog-ui/

babydada commented 5 years ago

666

438345494 commented 5 years ago

1.为啥博客要加载这么多js资源文件?对同一host浏览器有并发请求限制额 2.service worker里的缓存资源路径都是手写的吗?其实可以正则匹配缓存的 3.service worker为何没有对所有资源文件都缓存?(几百个js文件)

dongyuanxin commented 5 years ago

@438345494 1.为啥博客要加载这么多js资源文件?对同一host浏览器有并发请求限制额 答:可以去看下vuepress的实现原理(首屏与load后的spa托管)

2.service worker里的缓存资源路径都是手写的吗?其实可以正则匹配缓存的 答:pwa插件自动生成的

3.service worker为何没有对所有资源文件都缓存?(几百个js文件) 答:因为最新的内容存在了js文件中,有些文件是不能缓存的,否则无法感知新网页。参考:sw离线缓存实战

ps: 这篇文章是很久之前的文章了,网站一共改了4版,这篇文章记录的是第1和第2版

438345494 commented 5 years ago

针对以上三个问题还是有疑问: 1.无论用什么框架,这么多js资源文件加载首次肯定走http协议,浏览器对同host请求有并发数量限制。 2.从sw文件看pwa插件也是使用worker box,同时service worker不光要缓存js文件,也要对图片和css等其他文件缓存,因为资源请求都是要走http的。只针对js的缓存只是优化了一部分。 3.使用的worker box对比要缓存的资源文件,是根据文件的字节数来判断是否更新的 ps:我没看文章,我直接访问的网站看的😄