ウェブサイトがブラウザでレンダリングされた時間を知る方法を教えてください。

Question

お客様のウェブサイトがクライアントでダウンロードされた時間を知る方法はありますか？ （あなたがブラウザを所有していないとき）、好ましくは単純なバニラのjavascriptスクリプトが歓迎されるでしょう。

Answer 1

これを試してください。

var now = new Date().getTime(); 
 
     var page_load_time = now - performance.timing.navigationStart; 
 
     $("#labletest").text("Page render time is : " + page_load_time + " ms")

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <span><label id="labletest"></label></span> 
 
</div>

Answer 2

PingdomとGTMetrixのようなツールを使用できると思います。

Answer 3

アクセスログにはいくつかのヒントがあります。最初のリクエストの開始とページのロードの最後のリクエストの開始を探すことができます。

Answer 4

あなたがwindow.performanceを持つ新しいブラウザを持っている場合、あなたは多くのことにタイミングを行うことができます。

ここ仕様に従ってください：あなたの特定のケースでhttps://www.w3.org/TR/navigation-timing/#sec-window.performance-attribute

を、私はあなたが何をしたいと思うがある：ユーザーヒットがURLに入力したとき window.performance.timing.domInteractive - window.performance.timing.navigationStart

ときに、あなたの時間のフロームを与えることdomはインタラクティブです（完全に読み込まれていませんが、リンクをクリックする、テキストを選択するなどの方法でページとやりとりすることができます）。

（https://www.w3.org/TR/navigation-timing/#sec-window.performance-attributeから画像）