@@ -2259,21 +2259,17 @@ Deferring / Lazy Loading Components
22592259-----------------------------------
22602260
22612261When a page loads, all components are rendered immediately. If a component is
2262- heavy to render, you can defer its rendering after the page has loaded.
2263-
2264- Moreover, some components are not needed until the user scrolls to them (like
2265- components at the bottom of a long page like comments, related products, etc.).
2266- In this case, you can load them "lazily" when they are in the viewport.
2267-
2268- By loading a component asynchronously, the page will load faster and the user
2269- will be able to interact with it sooner, improving both the user experience
2270- and the overall performance of your application.
2262+ heavy to render, you can defer its rendering until after the page has loaded.
2263+ This is done by making an Ajax call to load the component's real content either
2264+ as soon as the page loads (``defer ``) or when the component becomes visible
2265+ (``lazy ``).
22712266
22722267.. note ::
22732268
22742269 Behind the scenes, your component *is * created & mounted during the initial
2275- page load, but its template isn't rendered. So keep your heavy work to methods in
2276- your component (e.g. ``getProducts() ``) that are only called when rendering.
2270+ page load, but its template isn't rendered. So keep your heavy work to
2271+ methods in your component (e.g. ``getProducts() ``) that are only called
2272+ from the component's template.
22772273
22782274Loading "defer" (Ajax on Load)
22792275~~~~~~~~~~~~~~~
0 commit comments