{"id":4468,"date":"2023-09-21T12:26:11","date_gmt":"2023-09-21T15:26:11","guid":{"rendered":"https:\/\/nocodestartup.io\/?p=4468"},"modified":"2025-12-11T11:34:38","modified_gmt":"2025-12-11T14:34:38","slug":"bubble-io-crashing-or-slow-4-tips-to-make-bubble-io-fly","status":"publish","type":"post","link":"https:\/\/nocodestartup.io\/en\/bubble-io-crashing-or-slow-4-tips-to-make-bubble-io-fly\/","title":{"rendered":"Bubble.io Crashing or Slow? 4 Tips to make Bubble.io fly!"},"content":{"rendered":"<p>One of the most common complaints in community groups and forums <a href=\"https:\/\/nocodestartup.io\/en\/bubble\/\" target=\"_blank\" rel=\"noreferrer noopener\">bubble.io<\/a> is the slowness of the editor during development.<\/p>\n\n\n\n<p>They complain that there comes a certain point in development where the editor starts to crash and the work becomes unfeasible, with many memory overload errors occurring.<\/p>\n\n\n\n<p>And in fact, if you don&#039;t pay attention to some points in your development process, there will come a time when the platform will indeed be slow, regardless of your computer.<\/p>\n\n\n\n<p>Today I&#039;m going to give you 4 essential tips so you never have problems with slowness in the editor again.<\/p>\n\n\n\n<p><strong>Note:<\/strong> Must-have content for Bubble.io developers<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Bubble.io Crashing or Running Slow? 4 Tips to Make Bubble.io Fly!\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/fy3tq92HzBQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Table of Contents<\/h2><nav><ul><li class=\"\"><a href=\"#h-o-que-fazer-para-o-editor-do-bubble-nao-travar\">What to do to stop the Bubble editor from crashing<\/a><ul><li class=\"\"><a href=\"#h-dica-1\">Tip 1<\/a><\/li><li class=\"\"><a href=\"#h-dica-2\">Tip 2<\/a><\/li><li class=\"\"><a href=\"#h-dica-3\">Tip 3<\/a><\/li><li class=\"\"><a href=\"#h-dica-4\">Tip 4<\/a><\/li><li class=\"\"><a href=\"#h-conclusao\">How to reduce Bubble.io memory usage<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-o-que-fazer-para-o-editor-do-bubble-nao-travar\">What to do to stop the Bubble editor from crashing<\/h2>\n\n\n\n<p>Of the 4 tips I want to share here today, the first two are extremely simple and can be implemented at any time.<\/p>\n\n\n\n<p>The last two, which for me are the ones that give the greatest results by far, involve greater development planning and also knowledge.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-dica-1\">Tip 1<\/h3>\n\n\n\n<p>The first quick action that can improve the editor&#039;s performance is to use the parameter:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>?defer_hidden_elements=true<\/code><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"498\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/Defer-Hidden-Elements-1024x498.jpg\" alt=\"Bubble Crashing Tip 1: ?defer_hidden_elements=true\" class=\"wp-image-4475\" srcset=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/Defer-Hidden-Elements-1024x498.jpg 1024w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/Defer-Hidden-Elements-768x373.jpg 768w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/Defer-Hidden-Elements-1536x747.jpg 1536w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/Defer-Hidden-Elements-2048x996.jpg 2048w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/Defer-Hidden-Elements-18x9.jpg 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This parameter tells Bubble not to load elements that are not visible on the page, consequently improving the editor&#039;s performance.<\/p>\n\n\n\n<p>Bubble recently made some performance updates in which it natively seeks to work this way, not loading invisible elements.<\/p>\n\n\n\n<p>However, some developers still experience performance gains when using this parameter, so here&#039;s a tip, carry out your tests, and eventually some of you will experience significant performance gains.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-dica-2\">Tip 2<\/h3>\n\n\n\n<p>The second trick also involves using another parameter: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>?issues_off=true<\/code><\/code><\/pre>\n\n\n\n<p>This parameter tells Bubble not to show errors that are present in the editor, reducing the load on the editor a little.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"344\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/issues-off-1024x344.jpg\" alt=\"Slow Bubble Tip 2: ?issues_off=true\" class=\"wp-image-4476\" srcset=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/issues-off-1024x344.jpg 1024w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/issues-off-768x258.jpg 768w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/issues-off-1536x516.jpg 1536w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/issues-off-18x6.jpg 18w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/issues-off.jpg 1644w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Attention:<\/strong> use with great care, because with this parameter active, Bubble allows deployment to the live version, even if there are errors in the application.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-dica-3\">Tip 3<\/h3>\n\n\n\n<p>In my opinion, the most relevant tip to reduce this slowness in editors. <\/p>\n\n\n\n<p>Honestly, as I always use this third tip, I never end up using the first two, to also mitigate the problems I mentioned above.<\/p>\n\n\n\n<p>To comment on this tip, I want to present two applications here for you.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Project Management App | Bubble NoCode StartUp Training<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"562\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/App-Gestao-de-Projetos-1024x562.jpg\" alt=\"Project Management App | Bubble NoCode StartUp Training\" class=\"wp-image-4477\" srcset=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/App-Gestao-de-Projetos-1024x562.jpg 1024w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/App-Gestao-de-Projetos-768x422.jpg 768w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/App-Gestao-de-Projetos-1536x843.jpg 1536w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/App-Gestao-de-Projetos-2048x1124.jpg 2048w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/App-Gestao-de-Projetos-18x10.jpg 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"undefined-1\">Ikigai Experience App<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"643\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/App-Ikigai-Experience-1024x643.jpg\" alt=\"Ikigai Experience App\" class=\"wp-image-4478\" srcset=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/App-Ikigai-Experience-1024x643.jpg 1024w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/App-Ikigai-Experience-768x483.jpg 768w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/App-Ikigai-Experience-1536x965.jpg 1536w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/App-Ikigai-Experience-2048x1287.jpg 2048w, https:\/\/nocodestartup.io\/wp-content\/uploads\/2023\/09\/App-Ikigai-Experience-18x12.jpg 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>These two applications were built using a SPA model \u2013 Single Page Application, that is, everything was built using basically just one Bubble page.<\/p>\n\n\n\n<p>Being complex applications, you can imagine the number of elements and actions that don&#039;t live on this page, it would be a huge amount.<\/p>\n\n\n\n<p>However, following this third tip, the project management application only has 12 actions on this page and the Ikigai Experience application only 6 actions.<\/p>\n\n\n\n<p>This is only possible because we extensively use REUSABLE ELEMENTS.<\/p>\n\n\n\n<p>Using reusable elements significantly reduces the load on the editor and also helps keep the app more organized, having a separate environment for each part of your application.<\/p>\n\n\n\n<p>It would be basically impossible to create a SPA app like this, with so many functions, without the use of reusable elements.<\/p>\n\n\n\n<p>I see very little being commented on about this and much less people using it in a structured and appropriate way.<\/p>\n\n\n\n<p>I created my own method for using reusable elements and mainly how to navigate intelligently between them, following good development practices, I teach all of this within the <a href=\"https:\/\/nocodestartup.io\/en\/formation-bubble-2\/?src=9c4b236f107b4ab3b65e769530aedc1e&amp;utm_source=blog&amp;utm_campaign=perpetuo&amp;utm_medium=social&amp;utm_term=texto&amp;utm_content=bubble-travando\" target=\"_blank\" rel=\"noreferrer noopener\">NoCode StartUp Bubble.io Training<\/a> as we create this project management app step by step.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-dica-4\">Tip 4<\/h3>\n\n\n\n<p>Follow good development practices from the beginning.<\/p>\n\n\n\n<p>Respect the DRY principle, do not create unnecessary elements on the screen and duplicate elements, make use of reusable elements, global variables, option sets, custom events.<\/p>\n\n\n\n<p>This will greatly reduce the number of elements and actions used, consequently reducing the load on the Bubble editor.<\/p>\n\n\n\n<p><a href=\"https:\/\/nocodestartup.io\/en\/how-to-create-an-app-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Develop with no-code <\/a>It&#039;s very simple, so simple that it&#039;s very easy to make mistakes along the way.<\/p>\n\n\n\n<p>Now developing scalable apps requires structure, planning and knowledge of good practices.<\/p>\n\n\n\n<p>For those who already understand how important this is, <a href=\"https:\/\/nocodestartup.io\/en\/formation-bubble-2\/?src=9c4b236f107b4ab3b65e769530aedc1e&amp;utm_source=blog&amp;utm_campaign=perpetuo&amp;utm_medium=social&amp;utm_term=texto&amp;utm_content=bubble-travando\" target=\"_blank\" rel=\"noreferrer noopener\">NoCode StartUp Bubble Training<\/a> we focus on good practices from class zero.<\/p>\n\n\n\n<p>I have no doubt that this is the <a href=\"https:\/\/nocodestartup.io\/en\/free-bubble-course-2\/?lead=9ef2d1efd01f4f34b24db0ecd8b69154&amp;bg_source=blog&amp;bg_campaign=perpetuo&amp;bg_medium=social&amp;bg_term=texto&amp;bg_content=bubble-travando\" target=\"_blank\" rel=\"noreferrer noopener\">bubble course<\/a> most structured on the market today to give you the fundamental basis of the platform and make you stand out in the market.<\/p>\n\n\n\n<p>For those interested, check out the Training page now to learn a little more. And don&#039;t waste time, because I&#039;m sure this knowledge will save you a lot of time in the future.<\/p>\n\n\n\n<p>I hope you liked the tips. They make all the difference here in my development and as I see a lot of people complaining about this, I couldn&#039;t help but share them here.<\/p>\n\n\n\n<p>Have you already used any of these tips? Are you going to start using any from now on? <\/p>\n\n\n\n<p>And see you next time!<\/p>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list\">\n<div id=\"faq-question-6830ab6f3f409\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\">How to reduce Bubble.io memory usage<\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Tip 1: Use the parameter ?defer_hidden_elements=true<br \/>Tip 2: Use the ?issues_off=true parameter<br \/>Tip 3: Utilize reusable elements extensively<br \/>Tip 4: Use good development practices<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>One of the most common complaints in Bubble.io community groups and forums is the slowness of the editor during development. They complain that there comes a certain point in development when the editor starts to crash and the work becomes unfeasible, with many memory overload errors occurring. And in fact, if you don\u2019t pay attention to [\u2026]<\/p>","protected":false},"author":4,"featured_media":4485,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"post_folder":[],"class_list":["post-4468","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-no-code"],"acf":[],"_links":{"self":[{"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/posts\/4468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/comments?post=4468"}],"version-history":[{"count":0,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/posts\/4468\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/media\/4485"}],"wp:attachment":[{"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/media?parent=4468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/categories?post=4468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/tags?post=4468"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/post_folder?post=4468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}