Skip to content
Share
Explore

Bubble.io Performance checklist

You can use this as a simple checklist or guide to build high performing optimized Bubble apps.
Shuvam Paudel

⁠
Frontend
Done
Checklist
Style: Check if there are unused styles.
Style: Design and appearance settings if used at more than one places in the app should be kept in style. In a single line: every element must have a style attached to it.
Style tip: Create a separate page to display all the styles with its name, so that a developer can keep this page open in version-test, and attach the exact style to an element. This also helps in removing/not creating duplicate styles.
Data: When Page is loaded, bubble loads and queries the current user and current page thing. Since Bubble uses SQL, having a horizontal database(too many columns/fields) affects performance.
Data: Data Searches should be as simple as possible. Limit the use of filtered: and other advanced filtering of data. RGs should not load all items at once. Better to use pagination.
Data: Small static lists should be set as option sets, so that we should not do a search.
Workflow: Shift workflows with multiple steps to a backend workflow.
Workflow: Use functional units(custom events) when the workflow is going to be used in other triggers as well.
Design: Using Lot of Elements/Groups/... affects page load speed. So design for mobile-first responsiveness.
There are no rows in this table
⁠


Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.