将充分利用该页面加载的每一点

doreamon999

学习一个简短的 教程。 传输了，但资源为 . ：这实际上意味着什么？ 这意味着实际下载了 的内容，但是以压缩形式（使用 或 等压缩算法）。然后浏览器必须做一些工作才能将其解压成有意义的东西。解压后的数据总大小为 . 。 这种解压不是免费的——解压资源需要几毫秒的开销。但与通过线路发送 . 相比，这个开销可以忽略不计。 性能提示 ：压缩基于文本的资源作为一般规则，请始终使用等工具来压缩您的资源。但不要对图像和其他二进制文件使用压缩 - 您应该在源头提前优化它们。压缩实际上最终可能会使它们变得更大。 并且，如果可以的话， 请避免压缩字节或更小的文件。最小的数据包大小为字节，因此。

通过压缩到字节，您不会节省任何内容，因为它仍然在同一字节数据包中传输。同样，成本可以忽略不计，但会浪费一些服务器上的压缩时间和客户端上的解压时间。 现在回到中的“网络”选项卡：让我们深入研究这些优先级。请注意，资源的优先级为“最高”到“最低”——这是 Whatsapp 号码列表 浏览器对哪些更重要的下载资源的最佳猜测。优先级越高，浏览器就会越早尝试下载资源。 性能提示 ：向浏览器提供资源提示浏览器会猜测最高优先级的资源是什么，但您可以使用 标签提供资源提示< =""> ，指示浏览器尽快下载资源。预加载字体、徽标和其他显示在首屏上方的内容是个好主意。 我们来谈谈缓存。我将按住并右键单击来更改我的列标题，以解锁一些更多有趣的信息。我们将检查缓存控制。 显示如何显示缓存控制信息的屏幕截图背后隐藏着许多有趣的领域。（大预览） - 表示资源是否可以缓存、可以缓存多长时间以及重新验证。



时应遵循哪些规则。设置正确的缓存值对于降低重复访问的数据成本至关重要。 主体：+ 原生 组件与 . 完全兼容 尝试性能提示 ：在所有可缓存资源上设置缓存控制标头 请注意，缓存控制值以或指令开头，后跟过期值（例如-=）。该指令的含义是什么？为什么会有奇怪的具体- 值？网络选项卡的屏幕截图，其中可见缓存控制列 最大年龄值和公共/私有的混​​合。（大预览） 该值是一年中的秒数，并且是缓存控制规范允许的理论最大值。通常会看到此值应用于所有静态资产，并且有效地意味着“此资源不会改变”。实际上，没有浏览器会缓存一整年，但只要有意义，它就会缓存资源。 为了解释 / 指令，我们必须解释服务器。