着実な成果。スピーディーなパフォーマンス

性能にこだわる。
お客様がアプリを拡張し、私たちがプラットフォームを拡張するとき、私たちは市場の他のアプリに匹敵する体験を提供したいと考えています。Adalo Editor の使用からネイティブアプリまで、Adalo で作成できるすべてのものは、顧客とメーカーであるあなたにとって、インタラクションの速度が重要です。

パフォーマンスの重要性から、私たちは専用のページを設け、一箇所で情報を提供できるようにしたいと考えました。パフォーマンスの向上は、魔法の杖を使えばできるものではなく、いくつかのプロジェクトを積み重ねることで、大きな効果を発揮します。

ここでは、進行中のプロジェクトの最新情報、速度に関する測定可能な改善点、および機能拡張の出荷時期についてお知らせします。このプロセスとこのページにおける私たちの透明性へのコミットメントが、お客様の不安を取り除く一助となることを願っています。
更新情報
発売されたばかりです。
パフォーマンスを改善しました。通知、アプリの読み込み、アプリ解析、CSV エクスポート

通知レイテンシーの大幅な短縮

Notificationサービスを最適化し、特定のケースではレイテンシーを100倍まで改善しました。このサービスは、より確実に大量の通知を処理できるようになりました。

Adaloエディターでのエクストララージアプリの読み込み改善

特に大きなアプリをエディターで読み込むための改良を続けています。特定のケースでは、一部のアプリが大きすぎてエディタに確実に読み込まれないことがありました。ほとんどの場合、アプリはタイムアウトせずに読み込まれるようになりました。

アプリ解析の高速化

解析タブを最適化し、より高速でスムーズなデータ表示を実現しました。ほとんどのアプリで、ほとんどタイムラグなく瞬時に分析データが表示されるようになりました。

大規模データベースエクスポートのパフォーマンス向上

AdaloのCSVエクスポートを一から作り直し、より高性能になりました。UIは変わっていませんが、機能面では格段に向上しています。また、エクスポートの10,000レコードの制限を解除しました。ただし、特に大規模なエクスポートの場合は、処理に数分かかることがあります。

発売されたばかりです。
エディタのパフォーマンスアップデート

前回のリリースでは、Adalo で構築されたアプリに関連するさまざまな面でパフォーマンスを改善しました。今週は、それに続いて、アプリの作成に時間を費やすAdaloエディタ自体のパフォーマンスを向上させました。テストでは、アプリの読み込みが最大で11倍速くなりました。

本日、エディターのパフォーマンスを大幅に向上させる2つの改良を実施しました。

  • 画面数の多いアプリのエディターパフォーマンスの向上
  • テキストの編集とレンダリングにおけるパフォーマンスの改善

#1.画面数の多いアプリのエディターパフォーマンスの改善

私たちの最もアクティブなユーザーは、いくつかの画面を持つ大きなアプリを構築する傾向があります。数画面というのは、たくさんの画面という意味です。つまりたくさんの画面!この場合、残念ながらパフォーマンスが大きく低下し、エディターの動作が遅くなったり、読み込みに失敗したりすることがあります。これは大きな課題であり、これに取り組むためには、エディタが画面データの読み込みをどのように処理するかを完全に見直す必要がありました。そこで、私たちが行ったのが

すべての画面のデータを常に読み込むのではなく、作業している場所に焦点を当て、そのデータだけを読み込むようになりました。エディターは、あなたが移動するときのニーズを自動的に予測し、必要なものをインテリジェントに読み込み、必要でないものの荷物になることはありません。その結果、大規模なアプリケーションをAdaloで作成する際のスピードと応答性が、驚くほど向上します。ぜひお試しください。本当にずっといいんです

#2.テキストの編集とレンダリングにおけるパフォーマンスの改善

特にテキストが多い画面では、アダロエディターの動作が遅くなったり、停止したりする問題がありました。そこで、テキストのレンダリング方法を見直すことで、大きな文字列を編集する際にも、遅延やクラッシュが発生しないようにしました。

ここでは、テキスト量が多すぎてエディタが停止し、ブラウザがクラッシュすることさえあるアプリの例を示しています。右側の例では、最新のレンダリング変更により、アプリのパフォーマンスが向上し、パン、ズーム、テキストの更新に対応できるようになりました。

注:テキストを多用するアプリのパフォーマンスをさらに向上させるために、大きなテキストの塊をデータベースに保存し、Magic Textでアプリに取り込むことを常に推奨しています。

発売されたばかりです。
アプリのパフォーマンスアップデート

私たちは、Adaloアプリのデータロードのスピードとエクスペリエンスの両方について、大規模なパフォーマンスの改善に取り組んできました。本日、その第一弾を発表します。すごい量です

ここでは、本日発売されるすべての製品の概要を紹介します。

  1. リストの初期読み込み時間の大幅な短縮
  2. インスタントナビゲーション
  3. 読み込み体験の向上
  4. 記録作成速度の向上

#1.初期リスト読み込み時間の大幅な短縮

アプリでリストコンポーネントを使用する場合、付随するデータがすべて読み込まれるまで、そのリストはユーザーに表示されません。レコードが数件しかない場合は良いのですが、表示するレコードが数千件に及ぶ場合は、最初の読み込み時間が非常に長くなり、ユーザーがアプリが動作していないと思う可能性もあります。

これを行うより優れた、よりパフォーマンスの高い方法は、最初の画面ロード時に一部のレコードのみをロードし、ユーザーがスクロールするにつれて徐々に多くのレコードをロードすることです(多くのコンテンツを持つ最新のアプリのほとんどはこのテクニックを使用しています)。現在、シンプルリスト、カスタムリスト、イメージリスト、およびカードリストでプログレッシブローディングが可能です(以前はカスタムリストでのみ利用可能でした)。その結果、これらのタイプのリストを使用するアプリの初期画面のロード時間が大幅に改善されました。5,000 件のレコードを含むリストのテストでは、初期ロードにかかる時間が86%減少しました (ビフォーアフタービデオを参照)。

なお、上記のリストタイプでは、プログレッシブローディングがデフォルトで有効になっていますが、アプリ内の既存のリストには手を加えていません。既存のリストでこの機能を有効にするには、"詳細オプション "をクリックし、"ユーザーのスクロールに合わせてアイテムを読み込む "を有効にします。また、この機能がアプリのエクスペリエンスに最適なオプションでない場合は、いつでも無効にすることができます。

#2.インスタントナビゲーション

ユーザーがアプリ内のボタンやリンクをタップしたときに、すぐにフィードバックが得られることは非常に重要です。そうでないと、アプリが壊れたり、動作が重く感じられたりします。残念ながら、リンクアクションに追加のアクションが添付されている場合、リンクアクションを実行する前に、他のアクションがすべて完了する必要があります。このパターンが、アプリを操作しているときに遅く感じる最も一般的な原因です。私たちは、この点を改善しました。

経験則上、リンクアクションに余分なアクションを付けることは、できる限り避けなければなりません。しかし、避けられない場合もあります。そのような場合のために、リンクアクションは、タップするとすぐに起動し、次に読み込み状態になって、アクションが完了する間、すべてが機能していることをユーザーに伝え、次の画面のコンテンツが、作成または更新されたばかりのデータをそのまま読み込むように、体験を最適化しました。これは小さな変更に聞こえるかもしれませんが、アプリの操作感や、画面を切り替えるタップ操作への反応に大きな影響を与えます。ナビゲーションは、ほとんどの場合、即座に感じられるようになりました。デモビデオでは、両方のバージョンで同時にタップを受信していますが、右側の改良版では瞬時に応答していることに注目してください。

ネイティブアプリケーションでこれらの改善を確認するには、新しいビルドが必要であることに注意してください。

#3.アプリ全体の読み込み体験の向上

お気に入りのソーシャルメディアアプリを開いてタップしまくると、いたるところに微妙なローディング状態があることに気づくでしょう。これらは、アプリを使用する際のエクスペリエンスに欠かせないものです。Instagramであろうと、インディーズアプリメーカーであろうと、データの読み込みには必ず時間がかかるものがあります。重要なのは、データがロードされているときに、アプリがユーザーに何かが起こっていることを伝えることです。

私たちは、この分野で多くの改善を行いました。私たちのコアコンポーネントのいくつかは、ロード状態がなく、すべてのデータがロードされるまで何も表示されないというものでした。空白の画面は美しくありませんし、アプリが壊れたように感じられます。私たちは、データが読み込まれたときにすぐに表示され、コミュニケーションが取れるように、コンポーネントに多くの時間を費やしてきました。

同様に、コンポーネントをクリックしたとき、そのコンポーネントが何かしていることを伝える必要があります。私たちは、これまで欠けていた多くのコンポーネントに視覚的なインジケータを追加しました。ナビゲーションからアクションボタンまで、タップが効果を発揮し、アプリが動作していることが明確にわかるようになりました。

その結果、Adaloのアプリはより軽快になり、ユーザーはアクションが実行されているか、データがロードされているかを気にする必要がなくなります。私たちは、この体験をさらに推し進めたいと考えており、このユーザー体験への投資を続けていきます。

#4.作成記録速度の向上

特にレコード作成時にパフォーマンスの低いアクションがありましたが、これを最適化した結果、レコード作成にかかる平均時間が大幅に短縮されました。

あなたのアプリケーションに新しい変更をすべて反映させましょう。

今後作成する新しいアプリは、自動的にこれらの改善が適用されます。既存のアプリについては、次のことを確認してください。

  1. レコード数が多いリストでは、「ユーザーのスクロールに合わせて項目を読み込む」を有効にする("詳細オプション "の下にあります)。
  2. iOSとAndroidのネイティブアプリの場合、ステップ1の完了後、新しいビルドを実行します。

さらなるパフォーマンスの向上をご期待ください。Adaloエディタにエキサイティングな改良を加え、近日中にお届けする予定です。

過去12ヶ月間のパフォーマンスワーク
過去の更新情報
パフォーマンスに関する作業に終わりはなく、Adaloのすべての業務の一部となっています。以下に、過去に展開した主なパフォーマンスアップデートを紹介します。
配備完了!
カウントでリストを高速化
画面に表示されないテーブルのカウントを持つリストは、アプリに不必要な負担をかけ、動作が遅くなる原因となっていました。カウントのロジックをバックエンドに移し、これらのリストのパフォーマンスを改善しました。
配備完了!
アプリサイズの縮小
アプリの設定を保存する方法を大幅に見直し、アプリ全体のサイズを約 25% 削減しました!これは、アプリの編集と実行の両方に多数の画面やコンポーネントがあるアプリで特に効果があるはずです。
配備完了!
CSVアップロードのパフォーマンスを改善
Collectionへの大きなCSVのアップロードは、頻繁に失敗やタイムアウトが発生するため、よりパフォーマンス良く、より大きなアップロードを可能にするためにこの機能を作り直しました。 
配備完了!
パフォーマンス監視の改善
私たちは、今後もパフォーマンスを大きく向上させたいと考え、時間をかけて全体的なパフォーマンス・トラッキングを改善しました。これにより、問題の発見が容易になり、次に取り組むプロジェクトが最大の効果を発揮できるようになります。 
配備完了!
トグルの高速化
トグルは、ユーザーがクリックすると即座に状態が変化するようになりました。
配備完了!
アプリの文字入力がより速くなりました。
フォームや入力の入力が、特にWeb上では圧倒的に速くなりました。
配備完了!
大量のデータを扱うアプリでユーザーデータの読み込みを高速化する
数百から数千行のデータを持つ大規模なアプリのすべてを高速化しました。これは、新しいコレクションを作成するたびに、自動的にテーブルのインデックスを作成することで、リストや詳細ビューなどのデータを以前よりも速く読み込むことができるようになります。
配備完了!
データベース全体のレスポンスタイムを改善
データベースへの不要な呼び出しを大幅に減らし、データベースの応答時間を改善しました。Adalo APIへのすべてのリクエスト、エディターでのアプリデータの編集、そしてウェブアプリの初期ロードも、データベースリソースをより少なくするよう最適化されています。
配備完了!
アプリのデータベースからのデータ取得を改善しました。
アプリとそのデータベースを関連付ける処理にインデックスを追加し、データの追加や取得をより高速に行えるようにしました。
配備完了!
WebアプリやPWAの初期負荷が改善された!
コンポーネントは、AmazonのCDNであるCloudfrontを通じて提供されるようになりました。 この変更前は、ユーザーがウェブ上でアプリを最初に開いたときに、コンポーネントのダウンロードに8秒もかかることがありました。CDNを利用することで、コンポーネントは低レイテンシーかつ高速な転送速度(平均165.92ms)でグローバルに配信されるようになりました。また、アプリアイコンなど、アプリの初回ロード時に必要な他のファイルの取得速度も改善されました(233msから44ms)。
配備完了!
エディタの初期ロード時間が改善されました
いくつかのクエリを最適化することにより、エディタの初期ロード時間を短縮しました。この変更によって影響を受けるエディタ内のその他の例として、カスタムアクションのリスト、チーム設定モーダル、データベーステーブルの初期ロードがあります。
配備完了!
画像の読み込みが5倍速くなりました
現在、Imgixのサービスを通じて画像を圧縮し、パフォーマンスが高い方法で画像がアプリに送信されるようにしています。画面上の5つのテスト画像のロードに、以前は6.32秒かかっていました。この変更により、5枚の画像のロードに1.15秒かかるようになりました。
配備完了!
ビルドの待ち時間を解消
この変更前は、iOSのビルドが処理されてTestflightに公開されるまで18時間待つ必要があり、Androidのビルドも同様にキューで待たされることが頻繁にありました。 現在では、AndroidとiOSの両方について、ビルドがトリガーされるとすぐに開始されます。これは、多くのビルドが失敗するのを防ぎ、ビルドサーバーを追加することで実現しました。
パフォーマンスバックログ
もっとやりたいことがある
以下のリストは、次のプロジェクトについて私たちが現在考えていることですが、次に何をすべきかを考えるために、私たちは常に多くの情報を入手し、さまざまなベンチマークを調査しています。
企画
スケルトンロード状態
私たちは、ユーザーが最初の画面ロードを待っているときに、より良い体験を提供するために、人気のあるスケルトンUXパターンを使用したリッチなローディングステートを実験しています。
ぜひ、ご協力をお願いします。
アダロのどの部分で読み込みが遅くなっているのか、お知らせください。
ありがとうございました。
速度が遅いのは残念ですが、このように送っていただきありがとうございます。調査する際にとても助かります。
おっと!フォームを送信する際に何か問題が発生しました。