stackえ~、そんなブログがあるんだったら、もっと早く教えてよ。ロード時間TwitterFacebookWebサイトの読み込み時間は2秒以内に?webサイトの読み込み時間は、長くとも2秒が理想と言われています。それって、体感するとどんな感じなんだろうか。僕「その仕様だと負荷が大きく、読み込みに最低でも2秒はかかります。僕「できました!」??「これじゃ遅すぎて使えないから直して!」こんな感じのやり取りがありました。しょうがないことです。今回は、読み込み時間を体感できる簡易版のエミュレーターを作ってみました。aタグが使われているので、aタグ(もしくはaタグ内の画像やdiv)をクリックした場合にイベントをキャンセルしてsetTimeoutで時間をズラすコードを作ってみました。セマンティックじゃないサイトには効かないぞい。false;}上記のコードを、amazonを開いてchromeのコンソールで実行してみました。何かしらの商品をクリックすると、いつもよりもっさりした動作で遷移してくれました。ScriptAutoRunnerで、ページ遷移ごとにjsを実行ページを移動するたびにスクリプトをコンソールで実行するのは面倒なので、chromeのextensionを使ってみました。自分でextensionを作るのはちょっと面倒なので、こちらを使います。詳しくはこの記事が良さそうです。いえ、見た感じ直感的なextensionなので、触ればわかりそうです。Qiitahttps://qiita.com/itaya/items/36ed8b890c87ac47d9d3設定してみた。+2秒上乗せしたAmazonの動きはこちらです。こんなAmazonは嫌だエミュレータ利用上の注意点あなたが顧客に速度の重要性を説明しても伝わらない場合、これは良いデモになると思います。使用の際には下記に気をつけてくださいこのスクリプトは待ち時間を上乗せできるだけ待ち時間を1000msに設定しても、webサイトの本来の読み込み時間に1000ms上乗せされるだけです。読み込み時間が1000msになるわけではないので気をつけて。リンクのクリック以外のクリックができなくなるすべてのクリックの挙動を上書きしています。検索テキストボックスをクリックしても正しい挙動をしないので、お気をつけください。ProはUS配列です。メルカリで間違えて買いました。コメントをキャンセルメールアドレスが公開されることはありません。