フロントエンドが遅いと言われた時に

Webアプリケーションで、ブラウザ上でJavaScriptを用いてAPIからデータを取得して画面に反映する挙動が遅いと言われた時にフロントエンド側が確認することと対処方法。 ユーザのボタンクリックなどのアクションをトリガーとして、APIからデータを取得し画面に反映するというシナリオがあった際に、ユーザのアクションから画面への反映に時間を要しているという状況を想定しています。 Largest Contentful Paint (LCP)が遅い場合に関しては、別のアプローチになるので今回は除外します。 本当にフロントエンドがボトルネックになっているか まず最初にすることは、APIのレスポンスタイムと、APIのデータを画面に反映する処理のどちらがボトルネックになっているかの確認です。 ユーザのアクションから画面への反映までの時間の中でAPIのレスポンスが大部分を占めている場合、プリフェッチなどの

[carolina04]

“最初にすることは、APIのレスポンスタイムと、APIのデータを画面に反映する処理のどちらがボトルネックになっているかの確認です。 ユーザのアクションから画面への反映までの時間の中でAPIのレスポ”

[renowan]

Webフォントを使ってるならまずそれを削除するんだ。これだけで20%くらいパフォーマンスがよくなる。

[solidstatesociety]

なぜデザイナーと話すフェーズからカツカツなの？とかそう言う話かと思った

[otchy210]

改善方法に、API が成功することを見越してレスポンスが返ってくるより先に、ユーザには成功してる風アニメーションを見せちゃうって技が出てない。Twitter とか Faceboook とかみんなこれだよね。

[remonoil]

UIに自己満足アニメーションばっか付けてるからだろ

[xlc]

そもそもフロントエンドが遅いことなんてあるのかね。

[cl-gaku]

推測するな計測せよという話

[nmcli]

基本的な考え方