Skip to content

Commit

Permalink
[zh-cn]: fix sidebar missing for Web/Performance/* (mdn#24224)
Browse files Browse the repository at this point in the history
  • Loading branch information
Yanko1013 authored and ikenk committed Oct 29, 2024
1 parent 566620c commit d939ba7
Show file tree
Hide file tree
Showing 6 changed files with 6 additions and 6 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ l10n:
sourceCommit: b12b0159b3f27459ed82b9ac8e3711fec4912e19
---

{{QuickLinksWithSubPages("Web/Performance")}}
{{QuickLinksWithSubPages("/zh-CN/docs/Web/Performance")}}

关键渲染路径是浏览器将 HTML、CSS 和 JavaScript 转换为屏幕上的像素所经历的步骤序列。优化关键渲染路径可提高渲染性能。关键渲染路径包含了[文档对象模型](/zh-CN/docs/Web/API/Document_Object_Model)(DOM)、[CSS 对象模型](/zh-CN/docs/Web/API/CSS_Object_Model)(CSSOM)、渲染树和布局。

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: CSS 动画与 JavaScript 动画的性能
slug: Web/Performance/CSS_JavaScript_animation_performance
---

{{QuickLinksWithSubPages("Web/Performance")}}
{{QuickLinksWithSubPages("/zh-CN/docs/Web/Performance")}}

对众多应用程序而言,动画对提供友好的用户体验有着关键的作用。我们有很多方式生成 web 动画,比如 CSS {{cssxref("transition")}} 和 {{cssxref("animation")}} 或者基于 JavaScript 的动画(使用 {{domxref("Window.requestAnimationFrame","requestAnimationFrame()")}})。在这篇文章中,我们分析 CSS 动画和 JavaScript 动画的性能差异。

Expand Down
2 changes: 1 addition & 1 deletion files/zh-cn/web/performance/dns-prefetch/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: 使用 dns-prefetch
slug: Web/Performance/dns-prefetch
---

{{QuickLinksWithSubPages("Web/Performance")}}
{{QuickLinksWithSubPages("/zh-CN/docs/Web/Performance")}}

**`DNS-prefetch`** 尝试在请求资源之前解析域名。这可能是后面要加载的文件,也可能是用户尝试打开的链接目标。

Expand Down
2 changes: 1 addition & 1 deletion files/zh-cn/web/performance/how_browsers_work/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ l10n:
sourceCommit: f32c38c1245815c7f520730f0cdef54960e5cee1
---

{{QuickLinksWithSubPages("Web/Performance")}}
{{QuickLinksWithSubPages("/zh-CN/docs/Web/Performance")}}

在浏览网页时用户希望页面的内容能够快速加载且流畅交互。因此,开发者应力争实现这两个目标。

Expand Down
2 changes: 1 addition & 1 deletion files/zh-cn/web/performance/lazy_loading/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: 懒加载
slug: Web/Performance/Lazy_loading
---

{{QuickLinksWithSubPages("Web/Performance")}}
{{QuickLinksWithSubPages("/zh-CN/docs/Web/Performance")}}

**延迟加载**(懒加载)是一种将资源标识为非阻塞(非关键)资源并仅在需要时加载它们的策略。这是一种缩短[关键渲染路径](/zh-CN/docs/Web/Performance/Critical_rendering_path)长度的方法,可以缩短页面加载时间。

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: 优化启动性能
slug: Web/Performance/Optimizing_startup_performance
---

{{QuickLinksWithSubPages("Web/Performance")}}
{{QuickLinksWithSubPages("/zh-CN/docs/Web/Performance")}}

一个在软件应用开发中经常被忽视的方面—即便在那些专注于性能优化的软件中—就是启动时的表现。你的应用需要花费多长时间启动?当应用加载时是否会卡住用户的设备或浏览器?这会让用户担心你的应用崩溃了,或者哪儿出错了。花时间确保你的应用能够更好地启动总是一个好主意。这篇文章提供了一些技巧和建议来帮助你达成这个目标,不管是在写一个新的应用还是从其他平台向 Web 移植一个应用。

Expand Down

0 comments on commit d939ba7

Please sign in to comment.