{"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-se-bloquea-o-se-vuelve-lento-4-consejos-para-que-bubble-io-vuele","status":"publish","type":"post","link":"https:\/\/nocodestartup.io\/es\/bubble-io-se-bloquea-o-se-vuelve-lento-4-consejos-para-que-bubble-io-vuele\/","title":{"rendered":"\u00bfBubble.io falla o es lento? \u00a14 consejos para hacer volar Bubble.io!"},"content":{"rendered":"<p>Una de las quejas m\u00e1s comunes en grupos y foros comunitarios <a href=\"https:\/\/nocodestartup.io\/es\/burbuja\/\" target=\"_blank\" rel=\"noreferrer noopener\">burbuja.io<\/a> es la lentitud del editor durante el desarrollo.<\/p>\n\n\n\n<p>Se quejan de que llega un punto en el desarrollo en el que el editor empieza a fallar y el trabajo se vuelve inviable, produci\u00e9ndose muchos errores de sobrecarga de memoria.<\/p>\n\n\n\n<p>Y de hecho, si no prestas atenci\u00f3n a algunos puntos en tu proceso de desarrollo, llegar\u00e1 un momento en que la plataforma ser\u00e1 realmente lenta, independientemente de tu computadora.<\/p>\n\n\n\n<p>Hoy os voy a dar 4 consejos imprescindibles para que nunca m\u00e1s teng\u00e1is problemas de lentitud en el editor.<\/p>\n\n\n\n<p><strong>Nota:<\/strong> Contenido imprescindible para los desarrolladores de Bubble.io<\/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=\"\u00bfBubble.io se bloquea o es lento? \u00a14 consejos para hacer volar Bubble.io!\" 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>Tabla de contenido<\/h2><nav><ul><li class=\"\"><a href=\"#h-o-que-fazer-para-o-editor-do-bubble-nao-travar\">Qu\u00e9 hacer para evitar que el editor Bubble falle<\/a><ul><li class=\"\"><a href=\"#h-dica-1\">Consejo 1<\/a><\/li><li class=\"\"><a href=\"#h-dica-2\">Consejo 2<\/a><\/li><li class=\"\"><a href=\"#h-dica-3\">Consejo 3<\/a><\/li><li class=\"\"><a href=\"#h-dica-4\">Consejo 4<\/a><\/li><li class=\"\"><a href=\"#h-conclusao\">C\u00f3mo reducir el uso de memoria de Bubble.io<\/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\">Qu\u00e9 hacer para evitar que el editor Bubble falle<\/h2>\n\n\n\n<p>De los 4 consejos que quiero compartir hoy aqu\u00ed, los dos primeros son extremadamente simples y se pueden implementar en cualquier momento.<\/p>\n\n\n\n<p>Los dos \u00faltimos, que para m\u00ed son los que mayores resultados dan con diferencia, implican una mayor planificaci\u00f3n del desarrollo y tambi\u00e9n conocimiento.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-dica-1\">Consejo 1<\/h3>\n\n\n\n<p>La primera acci\u00f3n r\u00e1pida que puede mejorar el rendimiento del editor es utilizar el par\u00e1metro:<\/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=\"Consejo 1 para romper burbujas: ?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>Este par\u00e1metro le dice a Bubble que no cargue elementos que no son visibles en la p\u00e1gina, mejorando en consecuencia el rendimiento del editor.<\/p>\n\n\n\n<p>Bubble recientemente realiz\u00f3 algunas actualizaciones de rendimiento en las que busca funcionar de esta manera de forma nativa, sin cargar elementos invisibles.<\/p>\n\n\n\n<p>Sin embargo, algunos desarrolladores a\u00fan experimentan mejoras en el rendimiento al usar este par\u00e1metro, as\u00ed que he aqu\u00ed un consejo: lleven a cabo sus pruebas y, eventualmente, algunos de ustedes experimentar\u00e1n mejoras significativas en el rendimiento.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-dica-2\">Consejo 2<\/h3>\n\n\n\n<p>El segundo truco tambi\u00e9n implica utilizar otro par\u00e1metro: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>?issues_off=true<\/code><\/code><\/pre>\n\n\n\n<p>Este par\u00e1metro le dice a Bubble que no muestre los errores presentes en el editor, lo que reduce un poco la carga en el editor.<\/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=\"Consejo de burbuja lenta 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>Atenci\u00f3n:<\/strong> \u00daselo con mucho cuidado, porque con este par\u00e1metro activo, Bubble permite el despliegue a la versi\u00f3n en vivo, incluso si hay errores en la aplicaci\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-dica-3\">Consejo 3<\/h3>\n\n\n\n<p>En mi opini\u00f3n, el consejo m\u00e1s relevante para reducir esta lentitud en los editores. <\/p>\n\n\n\n<p>Honestamente, como siempre uso este tercer consejo, nunca termino usando los dos primeros, para mitigar tambi\u00e9n los problemas que mencion\u00e9 anteriormente.<\/p>\n\n\n\n<p>Para comentar este consejo, quiero presentarles aqu\u00ed dos aplicaciones.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Aplicaci\u00f3n de gesti\u00f3n de proyectos | Capacitaci\u00f3n inicial de Bubble NoCode<\/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=\"Aplicaci\u00f3n de gesti\u00f3n de proyectos | Capacitaci\u00f3n inicial de Bubble NoCode\" 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\">Aplicaci\u00f3n Experiencia Ikigai<\/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=\"Aplicaci\u00f3n Experiencia Ikigai\" 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>Estas dos aplicaciones se crearon utilizando un modelo SPA: aplicaci\u00f3n de p\u00e1gina \u00fanica, es decir, todo se cre\u00f3 utilizando b\u00e1sicamente una sola p\u00e1gina Bubble.<\/p>\n\n\n\n<p>Al ser aplicaciones complejas, puedes imaginar la cantidad de elementos y acciones que no se encuentran en esta p\u00e1gina, ser\u00eda una cantidad enorme.<\/p>\n\n\n\n<p>Sin embargo, siguiendo este tercer consejo, la aplicaci\u00f3n de gesti\u00f3n de proyectos s\u00f3lo tiene 12 acciones en esta p\u00e1gina y la aplicaci\u00f3n Ikigai Experience s\u00f3lo 6 acciones.<\/p>\n\n\n\n<p>Esto s\u00f3lo es posible porque utilizamos ampliamente ELEMENTOS REUTILIZABLES.<\/p>\n\n\n\n<p>El uso de elementos reutilizables reduce significativamente la carga en el editor y tambi\u00e9n ayuda a mantener la aplicaci\u00f3n m\u00e1s organizada, al tener un entorno separado para cada parte de su aplicaci\u00f3n.<\/p>\n\n\n\n<p>Ser\u00eda b\u00e1sicamente imposible crear una aplicaci\u00f3n SPA como esta, con tantas funciones, sin el uso de elementos reutilizables.<\/p>\n\n\n\n<p>Veo que se comenta muy poco sobre esto y mucho menos gente que lo utilice de forma estructurada y adecuada.<\/p>\n\n\n\n<p>Cre\u00e9 mi propio m\u00e9todo de uso de elementos reutilizables y principalmente c\u00f3mo navegar inteligentemente entre ellos, siguiendo buenas pr\u00e1cticas de desarrollo, todo esto lo ense\u00f1o dentro del <a href=\"https:\/\/nocodestartup.io\/es\/formacion-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\">Capacitaci\u00f3n NoCode StartUp Bubble.io<\/a> mientras creamos esta aplicaci\u00f3n de gesti\u00f3n de proyectos paso a paso.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-dica-4\">Consejo 4<\/h3>\n\n\n\n<p>Seguir buenas pr\u00e1cticas de desarrollo desde el principio.<\/p>\n\n\n\n<p>Respete el principio DRY, no cree elementos innecesarios en la pantalla ni elementos duplicados, utilice elementos reutilizables, variables globales, conjuntos de opciones, eventos personalizados.<\/p>\n\n\n\n<p>Esto reducir\u00e1 en gran medida la cantidad de elementos y acciones utilizadas y, en consecuencia, reducir\u00e1 la carga en el editor Bubble.<\/p>\n\n\n\n<p><a href=\"https:\/\/nocodestartup.io\/es\/como-crear-una-aplicacion-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Desarrollar con no-code <\/a>Es muy sencillo, tan sencillo que es muy f\u00e1cil cometer errores en el camino.<\/p>\n\n\n\n<p>Ahora desarrollar apps escalable requiere estructura, planificaci\u00f3n y conocimiento de buenas pr\u00e1cticas.<\/p>\n\n\n\n<p>Para aquellos que ya entienden lo importante que es esto, <a href=\"https:\/\/nocodestartup.io\/es\/formacion-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\">Entrenamiento de burbujas de inicio de NoCode<\/a> Nos centramos en las buenas pr\u00e1cticas desde clase cero.<\/p>\n\n\n\n<p>No tengo ninguna duda de que este es el <a href=\"https:\/\/nocodestartup.io\/es\/curso-bubble-gratis-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\">curso de burbujas<\/a> m\u00e1s estructurado del mercado hoy en d\u00eda para brindarte la base fundamental de la plataforma y hacerte destacar en el mercado.<\/p>\n\n\n\n<p>Si te interesa, visita la p\u00e1gina de Capacitaci\u00f3n ahora para aprender un poco m\u00e1s. Y no pierdas tiempo, porque estoy seguro de que este conocimiento te ahorrar\u00e1 mucho tiempo en el futuro.<\/p>\n\n\n\n<p>Espero que hayan disfrutado de los consejos. Hacen toda la diferencia aqu\u00ed en mi desarrollo y como veo a mucha gente quej\u00e1ndose de esto, no pude evitar compartirlos aqu\u00ed.<\/p>\n\n\n\n<p>\u00bfHas utilizado ya alguno de estos consejos? \u00bfVas a empezar a utilizar alguno a partir de ahora? <\/p>\n\n\n\n<p>\u00a1Y hasta la pr\u00f3xima!<\/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\">C\u00f3mo reducir el uso de memoria de Bubble.io<\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Consejo 1: utilice el par\u00e1metro ?defer_hidden_elements=true<br \/>Consejo 2: utilice el par\u00e1metro ?issues_off=true<br \/>Consejo 3: utilice ampliamente elementos reutilizables<br \/>Consejo 4: utilice buenas pr\u00e1cticas de desarrollo<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Una de las quejas m\u00e1s comunes en los grupos y foros de la comunidad de Bubble.io es la lentitud del editor durante el desarrollo. Se quejan de que llega un punto en el desarrollo en que el editor empieza a fallar y el trabajo se vuelve inviable, con numerosos errores de sobrecarga de memoria. De hecho, si no se presta atenci\u00f3n a [\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\/es\/wp-json\/wp\/v2\/posts\/4468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/comments?post=4468"}],"version-history":[{"count":0,"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/posts\/4468\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/media\/4485"}],"wp:attachment":[{"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/media?parent=4468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/categories?post=4468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/tags?post=4468"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/post_folder?post=4468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}