Javascript - Detect page reload before document was fully loaded

Question

I'd like to find out if a user presses F5 in a web browser before the page was fully loaded. I would like to use this as an indicator to find out if the page load time was too high for the user.

Is there a possibility?

Thanks much!

possible duplicate of Can I run javascript before the whole page is loaded? — Sinan Samet
– Sinan Samet, Commented Apr 28, 2014 at 8:00

Amir Popovich · Accepted Answer · 2014-04-28 08:06:40Z

1

You can use the before unload event and save info somewhere:

$(window).bind('beforeunload',function(){
     //save info 
});

just notice, that this event will invoke when you close the browser as well.

answered Apr 28, 2014 at 8:06

Amir Popovich

30.1k9 gold badges58 silver badges102 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

paulitto · Accepted Answer · 2014-04-28 08:32:11Z

1

with jQuery you can do something like this

var pageLoaded = false;

$(window).load(function(){
   pageLoaded = true;
});

$(document).on('keyup', function(e){
  if (!pageLoaded && e.keyCode == 116)
         alert("f5 pressed before page fully loaded");
});

edited Apr 28, 2014 at 8:32

answered Apr 28, 2014 at 8:03

paulitto

4,6932 gold badges24 silver badges28 bronze badges

Collectives™ on Stack Overflow

Javascript - Detect page reload before document was fully loaded

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest