Accessibility
You should never treat the unload event as a guaranteed callback, using it as an end-of-session signal to send analytical data and save state.
In fact, in many download situations the unload event will not fire.
Always rely on the visibilitychange event if you want to determine when a session ends, and as the last reliable time to save both app and user data, consider the state hidden.
Browsers can only be prevented from caching pages Back-Forward by the presence of a registered unload event handler (via onunload or addEventListener()).
It is therefore advisable to use the pagehide event on all modern browsers (including IE11) in order to detect page unloads.
const terminationEvent = 'onpagehide' in self ? 'pagehide' : 'unload'; addEventListener(terminationEvent, (event) => { // Note: if the browser is able to cache the page, `event.persisted` // is `true`, and the state is frozen rather than terminated. }, {capture: true});
Learn more about Accessibility
On page SEO performance and page checkup.
Over 300 parameters for the deeper page analysis.
Share this Guide
Did you like it? Share it!
Web tools for modern developers. Try these one!
Over 50 generators, builders and validators to improve your SEO and web performances
Builders and generators Social
Generate Twitter cards markup and improve yours html meta. Attach rich photos, videos and media experiences to Tweets and drive traffic to your site.
Builders and generators Google
Draw rectangles, circle, polygon, polyline and shape on maps and get coordinates. Set styles and colors for your drawed shapes and get the code.
Builders and generators
Generate required and most useful meta tags for your pages. Provide metadata about your website and help search engines to provide relevant content.
Content Google
Find keyword ideas, suggestion and relevance score trought Google autofill suggested keywords.
Tester and validators
Capture web page requests and timeline waterfall. Quickly capture and analyze web page network requests during page load.
Analytics Google Tracking script
Measure and track user interactions with your contents. Track all the actions you want: downloads, clicks, video plays, social share, engagement.
Converters
Convert instantly color codes from HEX to RGB (red, green, blue) color schema and vice versa. Insert color and try it for free.
Transform web pages in rich objects in a social graph. 25 Open Graph type to create a huge impact of social traffic on your website.