Seitenaufbau - externer Link
alpha-nbg
- html
0 dave0 alpha-nbg0 Malcolm Beck´s0 JürgenB
0 Der Martin
0 ralphi
Hallo,
ich habe auf meiner Seite einen externen Link (Einen Wetter Banner). Manchmal dauert es leider ewig bis dieser geladen ist. Das führt aber dazu, dass der rest der Seite erst geladen wird, wenn die Daten des externen links geladen sind. Den Banner habe ich über ein div element paziert. Warum wird eigentlich der rest der Seite nicht parallel geladen. Wird die Seite sequenziell aufgebaut - d.h. es wird wirklich ein Element nach dem anderen nacheinander geladen und es wird immer gewartet bis ein Element vollständig geladen ist?
Oder lässt sich das irgendwie ändern.
Gruß,
Armin
Hi,
ich habe auf meiner Seite einen externen Link (Einen Wetter Banner).
Du hast ein <a href="http…">?
Was sollte der bitte laden?
AFAIK ist das einzige das beim rendern "blocking" ist ein script element.
Deshalb sollte man alle script-Elemente auch erst ganz am ende der Seite notieren.
Theoretisch sollte man beim script-Element mittels der Attribute async und defer angeben können ob es asynchron ausgeführt werden soll. Allerdings weiß ich nicht ob das alle Browser beachten, zudem bekommst du Probleme wenn diese Skripte document.write nutzen.
~dave
Hi,
ich habe auf meiner Seite einen externen Link (Einen Wetter Banner).
Du hast ein <a href="http…">?
Was sollte der bitte laden?AFAIK ist das einzige das beim rendern "blocking" ist ein script element.
Deshalb sollte man alle script-Elemente auch erst ganz am ende der Seite notieren.
Theoretisch sollte man beim script-Element mittels der Attribute async und defer angeben können ob es asynchron ausgeführt werden soll. Allerdings weiß ich nicht ob das alle Browser beachten, zudem bekommst du Probleme wenn diese Skripte document.write nutzen.~dave
Sorry, das habe ich falsch ausgedrückt - es ist nicht nur ein a tag.
so sieht der Wetter Button aus:
<!-- wetter.com button 170x170-->
<div id="wettercom-button-243802ac3fadf9c5fc2e724bebde0e6c">
<link id="wettercom-css" href="http://www.wetter.com/css/woys3c.css?11606,243802ac3fadf9c5fc2e724bebde0e6c" rel="stylesheet" type="text/css" />
<div id="wettercom-woys-243802ac3fadf9c5fc2e724bebde0e6c"></div>
<div id="cityTitle">
<a href="http://www.wetter.com/wetter_aktuell/wettervorhersage/3_tagesvorhersage/?id=DE0007131" target="_blank">Wetter Nürnberg</a>
</div>
<div id="logo">
<a href="http://www.wetter.com" target="_blank"><img id="wettercom-logo" src="http://www.wetter.com/img/websitetools/woys/logo.png" alt="wetter.com" title="wetter.com" /></a>
</div>
<script type="text/javascript" src="http://www.wetter.com/js/woys3c.js?11606,243802ac3fadf9c5fc2e724bebde0e6c"></script>
</div>
<!-- wetter.com button 170x170-->
Das Problem ist, dass ich den Button mit float left plaziert habe. Wenn ich ihn zum schluss reinschreibe wird er nicht an der richtigen Stelle angezeigt.
مرحبا
http://www.wetter.com/css/woys3c.css?11606,243802ac3fadf9c5fc2e724bebde0e6c
http://www.wetter.com/js/woys3c.js?11606,243802ac3fadf9c5fc2e724bebde0e6c
Hat das wirklich einen Mehrwert für deine User, Speziell auf deiner Seite?
Wenn du es dennoch lassen willst, darfst du diese Geschichte erst laden, wenn deine eigene Seite Komplett geladen ist. Dein Content hat vorrang.
mfg
Alles klar, dann mach das so.
Vielen dank für die Tipps.
Gruß
مرحبا
Alles klar, dann mach das so.
Vielen dank für die Tipps.
Wenn Wetter auf deiner Webseite ein wichtiges Thema ist, oder du nicht darauf verzichten kannst, mache es lieber selbst, statt dir irgendwas von Fremden Seiten einzubinden, dass du dann nicht kontrollieren kannst.
http://www.keepaneye.de/wetterdaten-aus-xml-api-verwenden/
Da musst du auch Scripte von Drittanbietern einbinden, allerdings kriegen deine User davon nichts mehr mit. Und du hast die Gesamte Ausgabe in deiner Hand, bist also unabhängig von wetter.com und deren Ladezeiten.
mfg
Vielen Dank, das werde ich mil mal ansehen.
Gruß
Hallo alpha,
Das Problem ist, dass ich den Button mit float left plaziert habe. Wenn ich ihn zum schluss reinschreibe wird er nicht an der richtigen Stelle angezeigt.
setz mal nur das Script-Tag ans Ende.
Gruß, Jürgen
Hallo,
AFAIK ist das einzige das beim rendern "blocking" ist ein script element.
je nach Browser auch eine Tabelle. IE hat früher den Inhalt einer Tabelle erst dargestellt, wenn diese Tabelle *vollständig* bis zum abschließenden </table> geparst war - er muss ja die Spaltenbreiten abhängig vom Zellinhalt bestimmen können, und das kann er erst, wenn alle Daten vorliegen.
Ob aktuelle Versionen das immer noch machen, weiß ich allerdings nicht.
Ciao,
Martin
Hi Armin,
ich hab sowas früher immer mit frameset (html-aufteilung in mehrere einzelseiten) gelöst.
dann hat jede page seine eigene ladezeit. nutz ich immer noch gerne gerade für sich ständig ändernde inhalte die neu geladen werden müssen.
hat auch den vorteil - der ganzen keywords für suchmaschinen, die bei der eigentlichen inhaltsseite beim programmieren immer stören, wenns recht viele keys sind wie im onlineshop
grüße ralphi