Web性能实战

元数据

Web性能实战

• 
• 书名： Web性能实战
• 作者： 杰里米·瓦格纳
• 简介： 本书是创建快速网站的指南，指导你如何以正确的方式创建高性能网站。书中介绍了如何加快向用户交付站点资源的速度、提高渲染速度、减少网站占用空间；探讨了HTTP/2等能够大幅提升网站速度的技术；阐述了如何构建一个自动化的工作流以完成常见的优化任务，同时提高开发效率。如果你是Web开发人员，想创建快速灵活的网站，或者提升已有网站的性能，打造更佳的用户体验，那么本书不失为一个理想的选择。
• 出版时间 2020-05-29 00:00:00
• ISBN： 9787115538321
• 分类： 计算机-编程设计
• 出版社： 人民邮电出版社

高亮划线

4.2 关键CSS的原理

• 📌 内联CSS之所以如此有效，是因为浏览器不必等待太久。浏览器加载页面的HTML时将解析文档，并找到指向其他资源的URL。如果样式是通过标签加载的，那么在浏览器必须等待CSS时，渲染就会被阻塞。但是当样式内联到HTML中时，用户只需要等待加载HTML的过程，随后浏览器就能解析CSS，页面就能渲染。美中不足的是：当你以这种方式加载一个网站的所有CSS时，就会失去其可移植性。最后，每次加载页面时都会复制CSS，这意味着以后每次加载页面时都会出现无法有效缓存的情况。 ^32670886-35-1050-1321
  • ⏱ 2021-06-22 11:10:48

9.1 何为Service Worker

• 📌 Service Worker无法直接访问父页面上的window对象。尽管它也可以与父页面通信，但必须通过中介（如postMessage API）间接地进行。 ^32670886-66-1014-1092
  • ⏱ 2021-06-24 15:02:36

9.2 编写第一个Service Worker

• 📌 为了方便起见，Service Worker可以在不使用HTTPS的本地主机上运行。但是，由于ServiceWorker能够拦截网络请求并在后台运行，因此在产品Web服务器上需要使用HTTPS。你在本地主机上有一定的回旋余地，但是进入生产环境时，你需要一个有效的SSL证书。 ^32670886-67-991-1128
  • ⏱ 2021-06-24 15:05:29

11.2 探索HTTP/2对应的优化技术变化

• 📌 数据URI方案应用广泛，比如标签、标签、CSS的url引用，以及几乎任何允许你引用外部资源的地方。

  • ⏱ 2021-06-24 18:20:30

• 📌 虽然使用数据URI方案似乎是一个好主意，在一些场景中可能有些用处，但它们效率低下。编码的字符串通常比它的源字符串大，有时超过33%甚至更多。更糟糕的是，所有的资源内联方法都无法有效缓存。跨多个文档使用的内联数据是冗余下载的，并且只能在包含它的文档的上下文中缓存。

  • ⏱ 2021-06-24 18:20:35

读书笔记

3.3 对CSS进行性能调整

划线评论

• 📌 鲁棒性 ^16142247-7rfev91Vf
  • 💭 鲁棒是Robust的音译，也就是健壮和强壮的意思。
  • ⏱ 2021-06-22 10:40:23

本书评论

书评 No.1

^16142247-7riLSYpBc ⏱ 2021-06-24 18:30:08