Share
Explore

icon picker
Bubble.io Performance checklist

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

Frontend
0
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.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.