{"id":8513,"date":"2020-10-16T14:38:00","date_gmt":"2020-10-16T19:38:00","guid":{"rendered":"https:\/\/www.loadview-testing.com\/blog\/laden-von-einzel-seitenanwendungen\/"},"modified":"2023-04-22T03:40:48","modified_gmt":"2023-04-22T08:40:48","slug":"laden-von-einzel-seitenanwendungen","status":"publish","type":"post","link":"https:\/\/www.loadview-testing.com\/de\/blog\/laden-von-einzel-seitenanwendungen\/","title":{"rendered":"Laden von Einzel-Seitenanwendungen"},"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

Laden von Testanwendungen (SPAs)<\/strong><\/h2>\n

Eine Single-Page-Anwendung (SPA), auch als Single-Page Interface (SPI) bezeichnet, ist eine Webanwendung oder Website, die auf eine einzelne Seite “passt” und die Seite dynamisch aktualisiert, anstatt eine neue Seite zu laden. Der Hauptvorteil von BSP besteht darin, dass sie eine reaktivere und reibungslosere Benutzererfahrung bieten. Das SPA-Konzept gibt es seit \u00fcber 15 Jahren, aber erst in den letzten Jahren hat es an Zugkraft gewonnen. Fortschritte in Technologie und Frameworks haben SPAs zu einer echten M\u00f6glichkeit f\u00fcr Entwickler und Organisationen gemacht.<\/p>\n

Webbrowser-JavaScript-Frameworks wie AngularJS, Ember, Ext JS, Knockout, React und Vue unterst\u00fctzen alle SPA-Prinzipien<\/a>. Einige der gr\u00f6\u00dften Unternehmen der Welt verwenden SPAs, darunter Google (Gmail), Netflix, Facebook, Trello und 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

JMeter Lasttests mit 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

\u00dcberwinden Sie Ihre JMeter-Lasttestbeschr\u00e4nkungen mit LoadView<\/p>\n[\/et_pb_text][et_pb_button button_url=”https:\/\/www.loadview-testing.com\/products\/jmeter\/” url_new_window=”on” button_text=”JMeter-Belastungstest” 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=”Zeile” _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

Mehrseitige Anwendungen: Eine kurze Zusammenfassung<\/strong><\/h3>\n

Die meisten Websites und Anwendungen funktionieren auf folgende Weise<\/a>: Ein Benutzer greift \u00fcber seinen Browser auf das Internet zu und gibt eine Webadresse ein. In diesem Fall sendet der Browser eine Anfrage an den Server, in der er aufgefordert wird, die Homepage zu senden. Sobald die Seite geladen wurde, navigiert der Benutzer durch die Seite und erstellt zus\u00e4tzliche Anforderungen f\u00fcr den Server. Alle Aktionen, wie z. B. Klicks oder Suchanfragen, f\u00fchren zu einer weiteren Seitenanforderung<\/a>. Diese Methode, bekannt als Multi-Page Application (MPA), ist, wie viele Websites und Anwendungen heute erstellt werden.<\/p>\n

Single-Page-Anwendungen: Das n\u00e4chste gro\u00dfe Ding<\/strong><\/h3>\n

\"Testing
Einseitige Anwendungen hingegen verwenden einen v\u00f6llig anderen Ansatz. F\u00fcr einen normalen Benutzer, sie k\u00f6nnen nicht einmal den Unterschied erkennen. Wenn sie darauf achten, werden sie feststellen, dass ihre Aktualisierungsschaltfl\u00e4che im Browser nicht neu geladen wird, sobald die urspr\u00fcngliche Seite geladen wird. Mit einem SPA l\u00e4dt, speichert und f\u00fchrt der Browser ein JavaScript-Programm hinter den Kulissen im Handumdrehen aus. Es ist eine vollst\u00e4ndige Anwendung, als ob der Benutzer heruntergeladen und installiert eine Anwendung auf ihrem Computer, aber nur dieses Mal, es ist in ihrem Browser.<\/p>\n

Sobald diese Anwendung ausgef\u00fchrt wird, muss die Seite nicht erneut geladen werden. Das Programm steuert alles, was der Benutzer sieht und kommuniziert mit dem Server, falls erforderlich. Auch hier wird die Seite nicht neu geladen, sondern nur einige Teile der DOM-\u00c4nderung. Dies spart viel Bandbreite, Zeit und vor allem, gibt dem Benutzer eine fl\u00fcssigere Erfahrung. Dar\u00fcber hinaus kann das SPA nach dem Laden des SPA in der Regel im Browser ausgef\u00fchrt werden, wenn keine Internetverbindung vorhanden ist.<\/p>\n

MPAs vs. SPAs: Vor- und Nachteile<\/strong><\/h3>\n

Das klingt toll, oder? Wie kann es also Nachteile f\u00fcr SPAs geben? Nun, wie bei allem im Leben, gibt es einige, und wir werden ein paar von ihnen hier behandeln.<\/p>\n