Loading page part delayed
Have parts of the page loaded by separate Ajax requests, after the main page is loaded.
This example shows the usage of the onload-load
attribute, which triggers an Ajax request to load new content inside the element holding the attribute as soon as that element is loaded:
<h1>Lorem Ipsum</h1>
<div onload-load="/Samples/LoremIpsum">
Loading...
</div>
The onload-load
attribute can help to create pages with less weight that are rendered faster to the user but have parts that are filled in afterwards.
Working demo
Loading demo...
Requirements
This example requires following Sircl library files to be loaded:
or:
Or their non-minified counterparts.
See the Get Started section about how to set up your project to use the Sircl library.