【JavaScript】async/defer属性の使い方
今回の記事では、外部JavaScriptファイルを、async / defer属性を使用して非同期で読み込む方法について解説します。JavaScriptは、何もしなければ基本的には同期的に読み込み・実行がされます。この同期的なJavaScriptが、WEBサイトのパフォーマンスにおいて障害になる場
サイトパフォーマンス改善
記事数
6
JavaScriptで個別リソースの取得時間を計測する方法
前回の記事で紹介した「Navigation Timing API」では、「サイト全体の処理時間 = ユーザーがどれだけ待たされているか」の全体像を知ることができましたが、個別リソース(****.jsなど)の情報については取得できませんでした。JavaScriptでサイトパフォーマンスを計測
JavaScriptでナビゲーションの種類を調べる方法
今回の記事では、Navigation Timing APIを使用して、ブラウザ上のナビゲーションの種類を取得する方法について解説します。概要まずナビゲーションとは、ユーザーがWEBページにアクセスした際に、新しくHTML、CSS、JS、画像などのリソースを読み込み、WEBページを描
JavaScriptでサイトパフォーマンスを計測する方法
今回の記事ではJavaScriptpのNavigation Timing APIを使用して、サイトのパフォーマンスを計測する方法について解説します。Google DevToolsを使用すれば、多角的に分析結果を確認することができますが、計測を自動化できないという短所があります。JavaScript
Chromeの「Network」を使用したパフォーマンス測定方法
サイトパフォーマンスを計測する際には、Chrome DevToolsの「NetWorkタブ」を使用することで、各リソースの読み込みにかかる時間を把握することができます。サイト改善業務の際には、遅延の原因になっている「ボトルネック」を洗い出す作業が必要になりますが、Networkを使用すれば、効率よ
WEBサイトのパフォーマンス測定の重要指標「RAIL」とは？
RAILはGoogleの開発者によって提案されたWEBサイトのパフォーマンスモデルである。このモデルは人間が感じる「速さ」を具体的なパフォーマンス指標に落とし込んでいる。指標はResponse（応答）、Animation（アニメーション）、Idle（アイドル処理）、Load（読み込み）の四つに分類
