[B! WEB][パフォーマンス] massiromoheのブックマーク

massiromohe id:massiromohe

WEBとパフォーマンスに関するmassiromoheのブックマーク (2)

Chrome DevToolsを使用してサイトのパフォーマンス改善をしてみた - WILLGATE TECH BLOG
こんにちは！開発室メディアユニット所属新卒1年目の小澤です。ウィルゲートでは現在（2018年9月1日）4つのメディアを出版社と協業で運営しており、そのうちの3つを自社で開発、運用・保守しています。暮らしニスタ｜知りたい！教えたい！暮らしのアイデアがいっぱい！ Milly ミリー｜妊娠・出産・子育ての“今知りたい”をすぐ解決花時間 | 花やグリーンから始まるボタニカルライフの提案 PV数や回遊率を上げるためには良質なコンテンツを提供するのはもちろんですが、その他にできる取り組みとして、UI・UXの改善、表示速度のチューニングなどがあります。今回は、ページの表示速度を改善する一歩目として、webブラウザ「Google Chrome」に標準で搭載されている「Chrome DevTools」を利用して簡単にサイトスピードを計測する方法を紹介します。 Chrome DevTools(旧：
massiromohe 2019/04/18
パフォーマンス

web
リンク
RAIL モデルでパフォーマンスを測定する | Articles | web.dev
目標とガイドライン RAIL においては、「目標」と「ガイドライン」という用語には次のような特定の意味があります。目標。ユーザーエクスペリエンスに関連する主要なパフォーマンス指標。たとえば、タップして 100 ミリ秒未満でペイントします。人間の認識は比較的一定であるため、これらの目標が近いうちに変更される可能性は低くなります。ガイドライン。目標の達成に役立つ推奨事項。現在のハードウェアやネットワーク接続の状態に固有のものであるため、今後変更される可能性があります。レスポンス: 50 ミリ秒未満でイベントを処理目標: ユーザー入力によって開始される遷移を 100 ミリ秒以内に完了し、ユーザーが操作が瞬時にあると感じられるようにします。ガイドライン: レスポンスが 100 ミリ秒以内に表示されるようにするには、ユーザー入力イベントを 50 ミリ秒以内に処理します。これは、ボタンのク
massiromohe 2018/02/28
google

パフォーマンス

UX

Web
リンク
1