Share
Explore
Bubble.io Performance checklist
You can use this as a simple checklist or guide to build high performing optimized Bubble apps.
Frontend
Done
Checklist
1
Style: Check if there are unused styles.
2
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.
3
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.
4
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.
5
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.
6
Data: Small static lists should be set as option sets, so that we should not do a search.
7
Workflow: Shift workflows with multiple steps to a backend workflow.
8
Workflow: Use functional units(custom events) when the workflow is going to be used in other triggers as well.
9
Design: Using Lot of Elements/Groups/... affects page load speed. So design for mobile-first responsiveness.
10
Plugin: Unused plugins affects performance
11
Advanced: Use of Satellite Data types if a page references a data which is horizontal(has many fields)
There are no rows in this table
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.