From a02f4b2f60c81e09b318a090e5c9c2d2d641c878 Mon Sep 17 00:00:00 2001 From: t7yang Date: Sat, 17 Jul 2021 16:10:02 +0800 Subject: replace wiki links in zh-CN --- .../zh-cn/web/performance/dns-prefetch/index.html | 26 +++++++++++----------- .../zh-cn/web/performance/lazy_loading/index.html | 2 +- 2 files changed, 14 insertions(+), 14 deletions(-) (limited to 'files/zh-cn/web/performance') diff --git a/files/zh-cn/web/performance/dns-prefetch/index.html b/files/zh-cn/web/performance/dns-prefetch/index.html index f6674818a6..155cdf100c 100644 --- a/files/zh-cn/web/performance/dns-prefetch/index.html +++ b/files/zh-cn/web/performance/dns-prefetch/index.html @@ -10,9 +10,9 @@ translation_of: Web/Performance/dns-prefetch

为什么要使用 dns-prefetch?

-

当浏览器从（第三方）服务器请求资源时，必须先将该跨域域名解析为 IP地址，然后浏览器才能发出请求。此过程称为 DNS解析。DNS 缓存可以帮助减少此延迟，而 DNS解析可以导致请求增加明显的延迟。对于打开了与许多第三方的连接的网站，此延迟可能会大大降低加载性能。

+

当浏览器从（第三方）服务器请求资源时，必须先将该跨域域名解析为 IP地址，然后浏览器才能发出请求。此过程称为 DNS解析。DNS 缓存可以帮助减少此延迟，而 DNS解析可以导致请求增加明显的延迟。对于打开了与许多第三方的连接的网站，此延迟可能会大大降低加载性能。

-

dns-prefetch 可帮助开发人员掩盖 DNS解析延迟。 HTML <link>元素 通过 dns-prefetch的 rel 属性值提供此功能。然后在 href属性中指要跨域的域名：

+

dns-prefetch 可帮助开发人员掩盖 DNS解析延迟。 HTML <link>元素 通过 dns-prefetch的 rel 属性值提供此功能。然后在 href属性中指要跨域的域名：

句法

@@ -30,19 +30,19 @@ translation_of: Web/Performance/dns-prefetch </body> </html> -

每当站点引用跨域域上的资源时，都应在 <head> 元素中放置 dns-prefetch提示，但是要记住一些注意事项。

+

每当站点引用跨域域上的资源时，都应在 <head> 元素中放置 dns-prefetch提示，但是要记住一些注意事项。

最佳实践

请记住以下三点：

-

首先，dns-prefetch 仅对跨域域上的 DNS查找有效，因此请避免使用它来指向您的站点或域。这是因为，到浏览器看到提示时，您站点域背后的IP已经被解析。

+

首先，dns-prefetch 仅对跨域域上的 DNS查找有效，因此请避免使用它来指向您的站点或域。这是因为，到浏览器看到提示时，您站点域背后的IP已经被解析。

-

其次，还可以通过使用 HTTP链接字段将 dns-prefetch（以及其他资源提示）指定为 HTTP标头：

+

其次，还可以通过使用 HTTP链接字段将 dns-prefetch（以及其他资源提示）指定为 HTTP标头：

Link: <https://fonts.gstatic.com/>; rel=dns-prefetch
-

第三，考虑将 dns-prefetch 与 preconnect(预连接)提示配对。尽管 dns-prefetch 仅执行 DNS查找，但preconnect 会建立与服务器的连接。如果站点是通过HTTPS服务的，则此过程包括DNS解析，建立TCP连接以及执行TLS握手。将两者结合起来可提供进一步减少跨域请求的感知延迟的机会。您可以安全地将它们一起使用，如下所示：

+

第三，考虑将 dns-prefetch 与 preconnect(预连接)提示配对。尽管 dns-prefetch 仅执行 DNS查找，但preconnect 会建立与服务器的连接。如果站点是通过HTTPS服务的，则此过程包括DNS解析，建立TCP连接以及执行TLS握手。将两者结合起来可提供进一步减少跨域请求的感知延迟的机会。您可以安全地将它们一起使用，如下所示：

<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
 <link rel="dns-prefetch" href="https://fonts.gstatic.com/">
@@ -54,15 +54,15 @@ translation_of: Web/Performance/dns-prefetch
 
 
配对这些提示的逻辑是因为对dns-prefetch的支持比对预连接的支持要好。不支持预连接的浏览器仍然可以通过回退到dns-prefetch来获得更多好处。由于这是HTML功能，因此非常容错。如果不支持的浏览器遇到dns-prefetch提示（或任何其他资源提示），则您的网站不会中断。您只是不会获得它提供的好处。

 
-
一些资源（如字体）以匿名模式加载。在这种情况下，应使用预连接提示设置 crossorigin 属性。如果您省略它，则浏览器将仅执行DNS查找。

+
一些资源（如字体）以匿名模式加载。在这种情况下，应使用预连接提示设置 crossorigin 属性。如果您省略它，则浏览器将仅执行DNS查找。

 
 
查看更多

 
 
diff --git a/files/zh-cn/web/performance/lazy_loading/index.html b/files/zh-cn/web/performance/lazy_loading/index.html
index 6399c43e0f..4d8a013441 100644
--- a/files/zh-cn/web/performance/lazy_loading/index.html
+++ b/files/zh-cn/web/performance/lazy_loading/index.html
@@ -9,7 +9,7 @@ tags:
   - 懒加载
 translation_of: Web/Performance/Lazy_loading
 ---
-
延迟加载(懒加载) 是一种将资源标识为非阻塞（非关键）资源并仅在需要时加载它们的策略。 这是一种缩短关键渲染路径长度的方法，可以缩短页面加载时间。

+
延迟加载(懒加载) 是一种将资源标识为非阻塞（非关键）资源并仅在需要时加载它们的策略。 这是一种缩短关键渲染路径长度的方法，可以缩短页面加载时间。

 
 
延迟加载可以在应用程序的不同时刻发生，但通常会在某些用户交互（例如滚动和导航）上发生。

 
-- 
cgit v1.2.3-54-g00ecf