Mar articles related to web optimization
Empty Buffer early if your page is in php
What does Configure ETags mean on my website
What is Gzip compression and what is it for
How to add Expires or Cache-Control Header
Use Content Delivery Network on your website
How to reduce the number of DOM elements on my website
How to avoid redirects on your site
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.