Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 15 additions & 0 deletions adev-ja/src/content/guide/performance/overview.en.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<docs-decorative-header title="Performance" imgSrc="adev/src/assets/images/overview.svg"> <!-- markdownlint-disable-line -->
Learn about different ways you can optimize the performance of your application.
</docs-decorative-header>

One of the top priorities of any developer is ensuring that their application is as performant as possible. These guides are here to help you follow best practices for building performant applications.

That said, please note that these best practices will only take the performance of your application so far. At the end of the day, we encourage you to measure performance in order to best understand what custom optimizations are best for your application.

| Guides Types | Description |
| :---------------------------------------- | :--------------------------------------------------------------------------------------------------------- |
| [Deferrable views](/guide/defer) | Defer loading of select dependencies within a template by wrapping corresponding parts in a `@defer` block. |
| [Image optimization](/guide/image-optimization) | Use the `NgOptimizedImage` directive to adopt best practices for loading images. |
| [Server-side rendering](/guide/ssr) | Learn how to leverage rendering pages on the server to improve load times. |
| [Build-time prerendering](/guide/prerendering) | Also known as static-side generation (SSG), is an alternate rendering method to improve load times. |
| [Hydration](/guide/hydration) | A process to improve application performance by restoring its state after server-side rendering and reusing existing DOM structure as much as possible. |
20 changes: 10 additions & 10 deletions adev-ja/src/content/guide/performance/overview.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
<docs-decorative-header title="Performance" imgSrc="adev/src/assets/images/overview.svg"> <!-- markdownlint-disable-line -->
Learn about different ways you can optimize the performance of your application.
<docs-decorative-header title="パフォーマンス" imgSrc="adev/src/assets/images/overview.svg"> <!-- markdownlint-disable-line -->
アプリケーションのパフォーマンスを最適化するためのさまざまな方法について学びましょう。
</docs-decorative-header>

One of the top priorities of any developer is ensuring that their application is as performant as possible. These guides are here to help you follow best practices for building performant applications.
開発者の最優先事項の1つは、アプリケーションのパフォーマンスを可能な限り向上させることです。これらのガイドは、パフォーマンスの高いアプリケーションを構築するためのベストプラクティスに従うのに役立ちます。

That said, please note that these best practices will only take the performance of your application so far. At the end of the day, we encourage you to measure performance in order to best understand what custom optimizations are best for your application.
とはいえ、これらのベストプラクティスは、アプリケーションのパフォーマンスをある程度までしか向上させられません。最終的には、パフォーマンスを測定して、アプリケーションに最適なカスタム最適化を理解することをお勧めします。

| Guides Types | Description |
| ガイドの種類 | 説明 |
| :---------------------------------------- | :--------------------------------------------------------------------------------------------------------- |
| [Deferrable views](/guide/defer) | Defer loading of select dependencies within a template by wrapping corresponding parts in a `@defer` block. |
| [Image optimization](/guide/image-optimization) | Use the `NgOptimizedImage` directive to adopt best practices for loading images. |
| [Server-side rendering](/guide/ssr) | Learn how to leverage rendering pages on the server to improve load times. |
| [Build-time prerendering](/guide/prerendering) | Also known as static-side generation (SSG), is an alternate rendering method to improve load times. |
| [Hydration](/guide/hydration) | A process to improve application performance by restoring its state after server-side rendering and reusing existing DOM structure as much as possible. |
| [遅延可能なビュー](/guide/defer) | `@defer`ブロックで対応する部分をラップすることで、テンプレート内の選択された依存関係の読み込みを遅らせます。 |
| [画像の最適化](/guide/image-optimization) | `NgOptimizedImage`ディレクティブを使用して、画像の読み込みのベストプラクティスを採用します。 |
| [サーバーサイドレンダリング](/guide/ssr) | ロード時間を短縮するために、サーバーでページをレンダリングする方法について学びます。 |
| [ビルド時の事前レンダリング](/guide/prerendering) | 静的サイドジェネレーション(SSG)とも呼ばれ、ロード時間を短縮するための別のレンダリング方法です。 |
| [ハイドレーション](/guide/hydration) | サーバーサイドレンダリング後にアプリケーションの状態を復元し、可能な限り既存のDOM構造を再利用することで、アプリケーションのパフォーマンスを向上させるプロセスです。 |