52. 迁移到HTTPS，然后打开HTTP / 2 53. 正确部署HTTP / 2 54. 您的服务器和 CDN 是否支持 HTTP / 2 55. 是否启用了 OCSP stapling 56. 是否采用 IPv6 57. 是否正在使用 HPACK 压缩 58. 确保服务器…

17. 使用 Brotli 或 Zopfli 进行纯文本压缩 18. 使用响应式图像和 WebP 19. 图像是否已恰当优化 20. 视频是否已恰当优化 21. Web 字体是否已恰当优化 22. 分清轻重缓急 23. 考虑使用 cutting-the-mustard 技术 2…

让 2019 来得更迅速吧~你正在阅读的是 2019 年前端性能优化年度总结，始于 2016。 早些时候，性能都是所谓的“后顾之忧”。直到项目快结束的时候，它会被归结为代码压缩（minification）、拼接（concatenation）、静态资源优化（asset optim…

让 2019 来得更迅速吧~你正在阅读的是 2019 年前端性能优化年度总结，始于 2016。 7. 100 毫秒响应时间，60 fps 为了使用户感觉交互流畅，界面的响应时间不得超过 100ms。如果超过了这个时间，那么用户将会认为该应用程序是卡顿的。RAIL，一个以用户为中…

写在译前：首先介绍一下我自己，一个跨行业的、完全非科班生的文科单身狗。因为生计，走上了自学前端的荆棘之路，然后经过一路的摸爬打滚终于算是入了前端的这个门，自己也知道在前端这条道路上还有很长的路要走。平常生活中喜欢跑步，欢迎有同样爱好的大佬一起交流切磋。 这篇译文是在掘金Limi…

前段时间，和头条的小伙伴聊天问头条面试前端会问哪些问题，他称如果是他面试的话，event-loop肯定是要问的。那天聊了蛮多，event-loop算是给我留下了很深的印象。原因很简单，因为之前我从未深入了解过，如果是面试的时候，我遇到了这个问题，估计回答得肯定不如人意。 因此，…

以上实现的只是比较粗糙的版本，要真正实现性能大幅提升优化还需要处理较多的细节，本文旨在让帮助部分同学了解基本原理，有了宏观的认识后，可以尝试去读一下相关这种懒加载插件的源码，能学到不少东西。