{"id":21973,"date":"2021-05-26T13:50:22","date_gmt":"2021-05-26T18:50:22","guid":{"rendered":"https:\/\/www.loadview-testing.com\/blog\/teste-de-carga-aplicativos-de-uma-unica-pagina\/"},"modified":"2023-04-22T03:47:09","modified_gmt":"2023-04-22T08:47:09","slug":"teste-de-carga-aplicativos-de-uma-unica-pagina","status":"publish","type":"post","link":"https:\/\/www.loadview-testing.com\/pt-br\/blog\/teste-de-carga-aplicativos-de-uma-unica-pagina\/","title":{"rendered":"Teste de carga aplicativos de uma \u00fanica p\u00e1gina"},"content":{"rendered":"[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”4.16″ custom_padding=”0px||0px” global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.20.4″ _module_preset=”default” global_colors_info=”{}”]\n

Teste de carga Aplicativo de uma \u00fanica p\u00e1gina (SPAs)<\/strong><\/h2>\n

Um SPA (Single-Page Application, tamb\u00e9m chamado de SPI), \u00e9 um aplicativo ou site da Web que “se encaixa” em uma p\u00e1gina individual e atualiza a p\u00e1gina dinamicamente, em vez de carregar uma nova p\u00e1gina. O principal benef\u00edcio dos SPAs \u00e9 que eles proporcionam uma experi\u00eancia de usu\u00e1rio mais reativo e suave. O conceito SPA existe h\u00e1 mais de 15 anos, mas apenas nos \u00faltimos anos ganhou for\u00e7a. Os avan\u00e7os na tecnologia e nas estruturas tornaram os SPAs uma possibilidade real para desenvolvedores e organiza\u00e7\u00f5es.<\/p>\n

As estruturas JavaScript do navegador da Web, como AngularJS, Ember, Ext JS, Knockout, React e Vue, todas oferecem suporte aos princ\u00edpios de SPA<\/a>. Algumas das maiores empresas do mundo usam SPAs, incluindo Google (Gmail), Netflix, Facebook, Trello e Twitter.[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.19.1″ background_color=”#0e134f” custom_margin=”||2em” custom_padding=”20px|15px|30px|15px|false|false” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text admin_label=”Setup a Load Test” _builder_version=”4.16″ header_font=”||||||||” header_2_font=”Montserrat||||||||” header_2_text_align=”center” header_2_text_color=”#ffffff” header_2_font_size=”32px” header_2_line_height=”1.35em” custom_margin=”||15px” header_2_font_size_tablet=”” header_2_font_size_phone=”22px” header_2_font_size_last_edited=”on|desktop” global_colors_info=”{}”]\n

Teste de carga jmeter com LoadView<\/div>\n[\/et_pb_text][et_pb_text admin_label=”On-demand. No credit card. No contract.” _builder_version=”4.16″ text_font=”Montserrat|300|||||||” text_text_color=”#ffffff” text_font_size=”18px” text_orientation=”center” text_font_size_tablet=”” text_font_size_phone=”15px” text_font_size_last_edited=”on|desktop” global_colors_info=”{}”]\n

Supere as limita\u00e7\u00f5es de teste de carga do JMeter com o LoadView<\/p>\n[\/et_pb_text][et_pb_button button_url=”https:\/\/www.loadview-testing.com\/products\/jmeter\/” url_new_window=”on” button_text=”Teste de carga do JMeter” button_alignment=”center” _builder_version=”4.16″ custom_button=”on” button_text_size=”14px” button_text_color=”#ffffff” button_border_width=”2px” button_border_color=”#FF8000″ button_border_radius=”6px” button_font=”Montserrat|700||on|||||” button_use_icon=”off” custom_padding=”10px|24px|10px|24px” box_shadow_style=”preset1″ box_shadow_horizontal=”2px” box_shadow_vertical=”4px” box_shadow_blur=”8px” box_shadow_color=”rgba(0,0,0,0.2)” button_border_color_hover=”#74ffda” button_bg_color_hover=”#74ffda” locked=”off” global_colors_info=”{}” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”on” button_border_color__hover=”#ffffff” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off|desktop” button_bg_color__hover=”#FF8C19″ button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=”remar” _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text admin_label=”Text” _builder_version=”4.20.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]\n

Aplicativos de v\u00e1rias p\u00e1ginas: um resumo r\u00e1pido<\/strong><\/h3>\n

A maioria dos sites e aplicativos opera da seguinte maneira<\/a>: um usu\u00e1rio acessa a Internet por meio de seu navegador e digita um endere\u00e7o da Web. Quando isso acontece, o navegador envia uma solicita\u00e7\u00e3o ao servidor pedindo que ele envie a p\u00e1gina inicial. Uma vez que a p\u00e1gina \u00e9 carregada, o usu\u00e1rio navega pela p\u00e1gina, criando solicita\u00e7\u00f5es adicionais para o servidor. Quaisquer a\u00e7\u00f5es, como cliques ou pesquisas, resultam em outra solicita\u00e7\u00e3o de p\u00e1gina<\/a>. Este m\u00e9todo, conhecido como Aplicativo multi-p\u00e1gina (MPA), tem sido quantos sites e aplicativos s\u00e3o constru\u00eddos hoje.<\/p>\n

Aplicativos de uma p\u00e1gina: a pr\u00f3xima grande coisa<\/strong><\/h3>\n

\"Aplicativos
Aplicativos de uma \u00fanica p\u00e1gina, por outro lado, usam uma abordagem completamente diferente. Para um usu\u00e1rio normal, eles podem nem perceber a diferen\u00e7a. Se eles estiverem prestando aten\u00e7\u00e3o, eles notar\u00e3o que seu bot\u00e3o de atualiza\u00e7\u00e3o no navegador n\u00e3o recarrega uma vez que a p\u00e1gina inicial \u00e9 carregada. Com um SPA, o navegador baixa, salva e executa um programa JavaScript nos bastidores, em um instante. \u00c9 um aplicativo completo, como se o usu\u00e1rio baixasse e instalasse um aplicativo em seu computador, mas s\u00f3 que desta vez, ele est\u00e1 em seu navegador.<\/p>\n

Uma vez que este aplicativo est\u00e1 sendo executado, a p\u00e1gina n\u00e3o precisa recarregar novamente. O programa controla tudo o que o usu\u00e1rio v\u00ea e se comunica com o servidor, se necess\u00e1rio. Novamente, a p\u00e1gina n\u00e3o est\u00e1 realmente recarregando, apenas algumas partes do DOM mudam. Isso economiza muita largura de banda, tempo e, o mais importante, d\u00e1 ao usu\u00e1rio uma experi\u00eancia mais fluida. Al\u00e9m disso, depois que o SPA \u00e9 carregado, ele geralmente pode ser executado no navegador quando n\u00e3o h\u00e1 conex\u00e3o com a Internet.<\/p>\n

MPAs vs. SPAs: Vantagens e Desvantagens<\/strong><\/h3>\n

Isso parece \u00f3timo, certo? Ent\u00e3o, como pode haver alguma desvantagem para os SPAs? Bem, como em qualquer coisa na vida, h\u00e1 alguns, e vamos cobrir alguns deles aqui.<\/p>\n