| In which order do you want to load the widget? |
Select Viewport if you want the widget to load when it appears in the page view. Select Parallel to have the widget load just
soon
after the page loads. |
| Device type |
Select the type of device (desktop, tablet, and mobile) on which you want to defer load widgets. |
| Advance dimensions configuration |
Select the
check
box to define the height and width of the widget. |
| Placeholder dimensions |
Specify the height and width of the widget in each of the selected device types with the following code:
{
"mobile": {
"height": "100%",
"width": "100%"
},
"desktop": {
"height": "100px",
"width": "100%"
},
"tablet": {
"height": "100%",
"width": "100%"
}
}
|
| Limit widget size to placeholder |
Select the check box to retain the original placeholder dimensions and avoid layout shifts. |
| Placeholder Template |
Define the custom skeleton loader. A default code is already available and can be edited for
customization. |