挺好的，我自己买了 Personal Plan 快两年了，对我来说倒是没什么太大的影响。不过这会给 Notion 带来一波新用户吧，毕竟之前的 block 限制劝退了不少人。

BTW，我自己使用 Notion 的 API （自己爬他们的 API 接口整理的，他们暂未对外开放）搭了自己的博客： https://blog.serenader.me ，现在博客内容都是在 Notion 上面创建、编辑，然后博客自动同步 Notion 最新的内容，感觉很爽。博客暂未开源，未来完善之后会开源。路过的朋友可以访问看看呗。

顺便贴一下以前写的文章： https://blog.serenader.me/bu-tong-jiao-ben-jia-zai-fang-shi-dui-domcontentloaded-shi-jian-yi-ji-load-shi-jian-de-ying-xiang

async 先执行，然后才是 onload 。其实写个 demo 跑一下就知道了。

async 是指脚本的加载不会阻塞页面后续资源的加载，它自己的执行时间不确定。

而 onload 之所以比 async 晚执行是因为 onload 本身的定义就是在页面所有资源加载完成之后才会触发，而 async 脚本也算是页面的资源，所以 onload 是在 async 脚本之后才触发。同样的道理，defer 也是一样。

稍微有点安全意识的都知道生产环境不能开启 sourcemap，否则就是安全事故了。无论应用规模大小，这都是应该关掉的。

除此之外，开发阶段用 console.log 输出的内容也应该屏蔽掉。

@MorningStar0 我觉得你没必要跟某 m 开头的用户争论了，你会发现跟他交流简直就是对牛弹琴。

Vue 确实对新手友好没错，而且对国人开发者很友好，但是他提到的几个点我完全 get 不到 Vue 的优势。至于你跟他讨论的过程我看了都要替你心塞。。。

btw，逛 V 站这么久，凡是前端框架相关的讨论，或者 iPhone vs Android，或者 MacBook vs Windows 笔记本，你都能看到他的“精彩”言论。

如果 V 站有点“踩”的功能的话，我觉得我很有可能给他的每个回答都点踩。。。

@cydian 每个月 500 笔赞赏 貌似不少了。想问下你个人网站的访问量有多少？

好巧，这段时间我也在做博客的优化，之前总结过一篇文章，也发出来给大家看看：
https://blog.serenader.me/ye-mian-de-jia-zai-xing-neng-you-hua-fang-an
内容比较长，不过涵盖的范围比较广。楼主文章提到的方法基本上我也有使用过。

大家也可以体验一下我的博客速度，之前优化过一波后目前整体的速度应该不差。

CSP 就是用来帮你拦截不想要的请求的，不管是你自己还是你博客的访客。

就算是纯静态博客也能配置 CSP，CSP 除了可以通过配置响应头来实现之外，也能使用 meta 标签来声明。

楼上说的其他方法太 tricky 了，我不觉得是个好办法。

搭博客的话还是用 VPS 吧。另外不建议买国内的各种 1m 小水管的服务器，最划算的我看是阿里云国际版的新手套餐，最低配一个月才 2.5 美元，带宽起码有 30mbps 。

配置 CSP 头，浏览器就能帮你拦截掉。

@Psychiwave 你说的区域限制是怎样的？是代理不支持吧？我现在使用旁路由来做代理，效果很好啊，没有任何问题，而且可以正常看 4K HDR 内容。

另外之前提到说不知道 SONY 电视怎么看当前播放的视频的分辨率的，我这段时间找到方法了。只要用 SONY 自带的遥控器按一下 “屏显” 按钮，就会在左上角上展示当前播放的视频的详细信息了。对于 PS4 Pro 的话是按手柄的 Options 键也能弹出相应的信息面板。

前面说懒加载没用的估计都不是前端开发者吧。在我看来，图片懒加载不仅仅只是用来减少带宽压力，更重要的是它能实实在在地提升页面的加载性能，能够让你的性能数据更好看。

我司好多项目都用了这个特性，性能优化效果挺明显的。当然懒加载并不是单纯地把所有图片都做懒加载这么简单，通常只是给不在视窗范围内的图片才做懒加载。

如果要再考虑用户体验的话，那么可以在页面 onload 之后，或者第一张图片加载完成之后再开始使用 Preload 或者 Prefetch 去进行预加载后面的懒加载图片，这样的好处是可以充分利用网络空闲的时候去提前下载好这些图片，不用等到用户滚动到图片位置才开始加载。而且使用 Preload 或者 Prefetch 的好处是，它不会影响你的性能指标。是不是很棒？这样一番操作下来，其实跟你页面直接加载所有图片的效果类似，只是浏览器转圈圈的时间缩短了很多，页面加载性能也提升上来了。

对于 RSS 阅读器，以及爬虫的话，其实在服务端做个适配就行了，对特定 UA 做特殊处理，直接吐完整的图片标签，而不用懒加载，问题不就解决了。

所以回过头来看，懒加载有用吗？当然有用。前面的 V 友提到的用户体验不好，那只是部分网站没有做进一步优化而已。优化做得好的话体验基本跟不使用懒加载一致的。但是懒加载收益是提升了性能。

对图片优化感兴趣的同学可以看看这个手册： https://images.guide

另外对于楼主提到的 loading="lazy" 这个特性来说，目前很少浏览器支持，我个人建议可以做个兼容，低版本浏览器使用 IntersectionObserver 来进行懒加载。

我前段时间安装的 6.1-5 也是这样，在 Web 管理页面上传文件特别慢。最后是通过 scp 传文件的。

@zhangchimr 感谢回复，我试试这个方案先。

iPhone 11 支持双卡啊。我也是从 7P 升级过来的，11 对比 7P 的性能提升不止一点点，具体体现在打开应用的速度，响应速度等。续航的话，一天一充基本没问题的，比 7P 也好不少。我自己的使用体验是，11 对比 7P，在性能，续航，发热这几个方面都要好不少。建议去 Apple Store 体验一下吧。

华为手机没使用过，不评价。至于信号问题，我感觉手头的 11 跟 7P 没有太大差别。坐标广州。

发热也是我比较关心的问题，之前用的是 7P，动不动就发热，一玩游戏热得可以煎鸡蛋，所以在买 11 之前特意去 Apple store 体验了一下，真的不热。

现在 11 到手两三天了，可以明确地说，只有在刚激活，从旧手机迁移数据的时候发热比较大之外，其他时候，比如刷微博，聊微信，甚至玩游戏（我只玩王者荣耀），几乎没什么热的感觉。特别是玩游戏，比 7P 强太多了。

所以我也很好奇，知乎上那些说发热严重的，究竟是怎么操作的。看了楼上的回复，也感觉发热的情况非常少，楼主可以自行辨别。

LZ 的这个方法有个 bug，无法去重 NaN 以及 {} 。

几年前我写过一篇文章，也是讲去重的：blog.serenader.me/javascript-shu-zu-qu-zhong/

不过刚刚看了一下，我文章里面最后给出的方案也有 bug。。纯粹当抛砖引玉了，看看大家能找到几个 bug 🤣🤣

我跟 LZ 一样，也是每个月定时捐赠 $2，只不过我从 2015 年就开始捐了。算下来其实总共也才不到 $90。