< Back to Blog home

UX Tip #59 Page Load Standards

 An optimised technical solution increases performance and enhances User Experience. A web page should load before the user's attention is broken from the task at hand, which is usually 1 second.

It is best to start painting the web page as early as possible in order to keep the connection between action and reaction from being broken - less than 100ms is best, more than 300ms is too long. To allow the web browser to paint the page, all critical rendering paths need to be loaded. Images are non-blocking, however CSS and JavaScript are. Minimize the number and size of CSS files by aggregating them and compressing them. Make sure the minimal JavaScript files are loaded synchronously, and non-critical JavaScript files loaded asynchronously. To further improve perceived performance lazy load images.