Preload web components

The Preload or preload may seem the opposite of the Post-load or post-load, but currently it has a different goal

By preloading components you can take advantage of the time the browser is idle and thus order the components (such as images, styles and scripts) that you will need in the future. This way when the user visits the next page, you could have many of the components already in the browser's cache and the page will load much faster to the user.

Here are several types of preload:

  • Unconditional Preload - as soon as the page loads, you can go ahead and get some extra components. Take a look at google.com for an example of how a sprite image is prompted on load. This sprite image is not required on the google.com home page, but is required on consecutive pages of search results.
  • Conditional preload - based on user actions, making a guess of the user's path and preloading accordingly.
  • Preload early - early preload before releasing a new design. It often happens that after a redesign we hear: "The new site is great, but it is slower than before." Part of the problem could be that users were visiting your old site, with a full cache, but the new one is always an empty cache experience. To mitigate this side effect by preloading some of the components, before the new design is even put into operation. Your old site can use browser time and request images and scripts to be used by the new site.
Date update on 2020-11-13. Date published on 2020-11-13. Category: Computer class Author: Oscar olg Fuente: tecnologia