パフォーマンス向上のコツ

レスポンシブアプリのパフォーマンスを向上させるためには、デザインを洗練させるだけで十分です！

スキルレベル: 中級

コンポーネントを過剰に使用しないこと

• アプリを高速に保つためには、画面に配置するコンポーネントの数に注意することが重要です。コンポーネントが多すぎると、ユーザーの画面読み込みが遅くなる可能性があります！ユーザーのために画面を複数のスクリーンに分割してみてください。1つの画面に多くのコンポーネントを配置するよりも、複数のスクリーンがユーザーのパフォーマンスとエクスペリエンスにとって良いです。

深く入れ子になったコンポーネントを避ける

• 親コンポーネントと子コンポーネント でコンポーネントを深く入れ子にしすぎないように注意してください - 4つ以上の深く入れ子になった親は、おそらく読み込み速度が低下し、予期しない結果が生じる可能性があります。さらに、深く入れ子になったコンポーネントは、それらのレイアウト設定を管理することがより困難になります。画面を複数のスクリーンに分割するか、データベースを再構築して必要なデータを表示するように考慮してください。

ビルダーでの Lottie プレビューをオフにする

• ビルダーで Lottie アニメーションを実行すると、ビルド体験が著しく遅くなる可能性があります。Lottie プレビューをオフにすること を検討してください。

データベース内の関係を過剰に使用しないこと

• 関係を過剰に使用したり、深いデータを表示したりすると、ビルダーの速度が低下する可能性があります。類似のコレクションを1つのコレクションに統合することを検討してください。例えば、靴、パンツ、シャツ、帽子のコレクションを作成する代わりに、これらの異なるタイプを保持する Type というテキストプロパティを持つ Clothing Pieces という1つのコレクションを作成します。

大量のテキストやアップロードされた画像を避ける

• テキストや画像はビルダーでレスポンシブに生成されるため、大量のテキスト、背景画像、または他のアップロードされた画像を持つとビルダーが遅くなる可能性があります。可能であれば、大量のテキストや画像を静的な固定コンポーネントとして表示するのではなく、データベースに動的データとして保存することを検討してください。

画面接続をオフにする

• 非常に大きなアプリは、画面接続がオンの場合に遅延が発生することがあります。ビルダーの体験が遅い場合は、これをオフにすることを検討してください。