{"id":354,"date":"2011-11-18T17:53:22","date_gmt":"2011-11-18T15:53:22","guid":{"rendered":"http:\/\/hasselba.ch\/blog\/?p=354"},"modified":"2011-11-19T10:29:12","modified_gmt":"2011-11-19T08:29:12","slug":"performance-tuning-5-links-und-xsp-redirect","status":"publish","type":"post","link":"https:\/\/hasselba.ch\/blog\/?p=354","title":{"rendered":"Performance-Tuning (5): Links und xsp.redirect"},"content":{"rendered":"

Ein Serverseitiger Redirect wird durch die XPages-Engine standardm\u00e4\u00dfig so durchgef\u00fchrt, da\u00df an den Client ein spezieller HTTP-Header<\/a> gesendet wird, der via Javascript ausgewertet und dann durch CSJS ge\u00f6ffnet wird.<\/p>\n

Der Hintergrund hierbei ist, da\u00df sich dadurch die URL in der Browser-Addressleiste \u00e4ndert, und so dem Nutzer die Seiten\u00e4nderung aktiv angezeigt wird. Das Problem hierbei ist jedoch, da\u00df dadurch ein zus\u00e4tzlicher Request vom Server an den Client gesendet wird, der zum Einen nat\u00fcrlich die Last auf dem Server erh\u00f6ht, zum Anderen den Vorgang unn\u00f6tig verlangsamt.<\/p>\n

Ein Clientseitiger Link…<\/p>\n

<xp:link escape=\"true\" text=\"LinkClient\" id=\"link1\"\r\nvalue=\"\/Page2.xsp\" \/><\/pre>\n
… ist daher besser als das gleiche Konstrukt \u00fcber einen Serverseitigen Event-Handler …<\/p>\n
<xp:link escape=\"true\" text=\"LinkServer\" id=\"link2\" >\r\n   <xp:eventHandler event=\"onclick\" submit=\"true\"\r\n      refreshMode=\"complete\">\r\n\u00a0\u00a0    <xp:this.action>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0 <xp:openPage name=\"\/Page2.xsp\"><\/xp:openPage>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 <\/xp:this.action>\r\n   <\/xp:eventHandler>\r\n<\/xp:link><\/pre>\n
… auch wenn im ersten Moment daraus das gleiche Ergebnis resultiert.<\/p>\n
Das erste Beispiel \u00f6ffnet den Link direkt \u00fcber den Client:<\/p>\n
\"Screentshot:<\/a><\/p>\n
[Beispiel 1 Firebugged: Direktes \u00d6ffnen von Page1.xsp via HTTP GET]<\/em><\/p>\n
Das zweite Beispiel sorgt daf\u00fcr, da\u00df beim Klicken auf den Link zuerst ein HTTP POST-Request<\/a> an den Server an die aktuelle Seite geschickt wird; die Antwort (versehen mit dem HTTP-StatusCode 302<\/a>) l\u00f6st dann einen zweiten Request mittels HTTP GET<\/a> aus, durch den dann die Page2.xsp<\/em> ge\u00f6ffnet wird.<\/p>\n
\"Screenshot:<\/a><\/p>\n
[Beispiel 2 Firebugged: POST-Request an Page1.xsp, dann GET-Request an Page2.xsp]<\/em><\/p>\n
Daher sollte prinzipiell darauf geachten werden, da\u00df z.B. Links in der XPage direkt eingebettet werden, und das Serverseitige Verarbeiten mittels OpenPage<\/em> besser zu unterlassen.<\/p>\n
Doch auch dieses Verhalten l\u00e4\u00dft sich noch durch eine Einstellung im xsp.properties<\/em>-File modifizieren. Durch die Einstellung xsp.redirect = false<\/em> wird kein Redirect mehr f\u00fcr Event-basierte Links ausgef\u00fchrt, sondern die neue Seite wird direkt an den Client \u00fcbergeben:<\/p>\n
\"Screenshot:<\/a><\/p>\n
[Firebugged: Ergebnis mit xsp.redirect=false]<\/em><\/p>\n
Im Browser sieht das ganze dann wie folgt aus (in den Screenshots wird ein Button verwendet), man beachte die URL im Browser:<\/p>\n
\"Screenshot:<\/a><\/p>\n
[Page1.xsp vor dem Klick auf den Button]<\/em><\/p>\n
\"Screenshot:<\/a><\/p>\n
[Page1.xsp nach dem Klick, jetzt mit dem Inhalt von Page2.xsp]<\/em><\/p>\n
Sieht man von dem „unsch\u00f6nen“ Effekt ab, da\u00df die URL im Browser sich nicht ver\u00e4ndert hat, hat sich die Performance auch f\u00fcr den Client deutlich erh\u00f6ht. Als Beispiel hier noch die Zeiten, die f\u00fcr den Seitenaufbau ben\u00f6tigt werden; da der DOM-Baum nur einmal im Browser ge\u00e4ndert wird, ist auch dies deutlich schneller.<\/p>\n
\"Screenshot:<\/a><\/p>\n
[Zeit f\u00fcr Seitenaufbau mit xsp.redirect = true]<\/em><\/p>\n
\"Screenshot:<\/a><\/p>\n
<\/em>[Zeit f\u00fcr Seitenaufbau mit xsp.redirect = false]<\/em><\/p>\n
Wie sich unschwer erkennen l\u00e4\u00dft, ist mit xsp.redirect=false<\/em> der Seitenaufbau in etwa der H\u00e4lfte der Zeit erledigt wie im anderen Fall. Das hierbei die ULR im Browser nicht aktualisiert wird, kann im Einzelfall nat\u00fcrlich zu den hier geschilderten<\/a> Problemen f\u00fchren, aber hier mu\u00df klar der Performance-Vorteil in den Vordergrund gestellt werden.<\/p>\n
Weiterf\u00fchrende allgemeine Informationen finden sich hier: Google.com: Minimize round-trip times<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"
Ein Serverseitiger Redirect wird durch die XPages-Engine standardm\u00e4\u00dfig so durchgef\u00fchrt, da\u00df an den Client ein spezieller HTTP-Header gesendet wird, der via Javascript ausgewertet und dann durch CSJS ge\u00f6ffnet wird. Der Hintergrund hierbei ist, da\u00df sich dadurch die URL in der … Weiterlesen →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,9,27,82,76,81,74,24],"tags":[7,11,4,87,16,5,32,12,3,85],"class_list":["post-354","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-javascript","category-performance","category-server","category-ssjs","category-web","category-xpages","category-xsp","tag-domino","tag-http","tag-js","tag-performance","tag-server","tag-ssjs","tag-tipp","tag-web","tag-xpages","tag-xsp"],"_links":{"self":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=354"}],"version-history":[{"count":10,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/354\/revisions"}],"predecessor-version":[{"id":373,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/354\/revisions\/373"}],"wp:attachment":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=354"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=354"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}