Home App Docs Blog Github

Page elements loading at different times

We have elements on our page that don’t all load at the same time/sometimes the page needs to be refreshed to see them. Why is this behavior occurring? We are using Vue.js and Netlify to host the frontend and Strapi on the backend.

content entry: Builder.io: Drag and drop page builder and CMS
recording of behavior: Screen Recording 2021-07-19 at 1.56.02 PM.mp4

Those elements that are lagging behind are Symbols, the default behavior is to lazy load symbols, if you want to include the symbol json in your parent content response make sure to pass noTraverse=false to the API call you’re making to fetch builder content.