Abo
  • Services:
Anzeige

MXHR - Webseiten in einem Rutsch laden

Digg-Entwickler veröffentlichen DUI.Stream im Alphastadium

Das Entwicklerteam hinter Digg.com hat eine Technik entwickelt, die das Laden von komplexen Webseiten mit vielen Elementen beschleunigen soll. Mit DUI.Stream haben sie eine Erweiterung für den Multipart XMLHttpRequests (MXHR) genannten Ansatz in einer frühen Version veröffentlicht.

Je weniger HTTP-Anfragen eine Website bei sonst gleichen Parametern benötigt, desto schneller wird sie vom Browser geladen. Wer seine Webseiten also schneller machen will, sollte unter anderem die Zahl der HTTP-Aufrufe reduzieren, empfiehlt unter anderem Steve Souders, Yahoos Performance-Chef und Autor des Buches High Performance Web Sites.

Anzeige

Das lässt sich beispielsweise durch die Zusammenführung von verschiedenen JavaScript- und CSS-Dateien in jeweils einer Datei erreichen, die gegebenenfalls für den jeweiligen Zweck automatisch zusammengestellt wird. Statt vieler Einzelbilder empfiehlt es sich zudem, sogenannte CSS-Sprites zu nutzen. Dabei werden die auf einer Webseite benutzten Hintergrundbilder in einer Datei zusammengefasst und via CSS der jeweils gewünschte Ausschnitt angezeigt. Zwar ist diese Datei dann vergleichsweise groß, aber der Browser muss sie nur einmal laden und auch nur einmal im Speicher halten.

Die Digg-Entwickler treiben diese Idee nun einen Schritt weiter und haben mit MXHR (Multipart XMLHttpRequests) einen allgemeinen Ansatz entwickelt, um mehrere Dateien mit einer HTTP-Request zu übertragen und im Browser wieder auseinanderzunehmen. Die Idee setzten die Digg-Entwickler in einer DUI.Stream genannten Erweiterung ihrer User-Interface-Bibliothek um.

DUI.Stream liest Multipart-HTTP-Requests Stück für Stück über einen XMLHttpRequest ein und reicht die einzelnen Bestandteile an einen JavaScript-Handler weiter. Auf diese Weise soll sich das Laden von ungecachten Seiten deutlich steigern lassen. Da die einzelnen Teile, direkt nachdem sie geladen wurden, ins DOM eingefügt werden, ergibt sich durch die Bündelung keine nennenswerte Verzögerung und Entwickler haben zugleich den Vorteil, bestimmen zu können, in welcher Reihenfolge die einzelnen Elemente einer Seite geladen werden.

Digg erhofft sich Vorteile bei großen Seiten mit vielen Kommentaren und zugehörigen Userbildern. Noch befinde sich DUI-Stream aber im Alphastadium. Das Ganze sei mehr als ein Proof-of-Concept, aber noch weit davon entfernt, produktiv eingesetzt werden zu können.

Digg hat je eine Demo von DUI.Stream mit zehn Textblöcken und 300 Bildern veröffentlicht, die zeigt, wie sich der MXHR-Ansatz auswirkt. Bei uns waren die MXHR-Versionen in Safari jeweils rund 1/3 schneller geladen, in Firefox lief die MXHR-Bilder-Demo fast fünfmal schneller, während das Laden der zehn Textblöcke auf herkömmlichem Wege nur halb so lang brauchte wie die MXHR-Version. Im Internet Explorer soll das Ganze derzeit nicht besonders gut funktionieren.

Digg stellt den Code von DUI.Stream zusammen mit Demos in Python, Ruby, Perl und Java bei Github zur Verfügung. Details zur Implementierung gibt es in einem Blogeintrag von Micah Snyder.


eye home zur Startseite
IhrName9999 07. Mai 2009

WAS? Ein "Empfangspuffer" auf dem SERVER?? Nun, den gibt es wirklich - nennt sich...

harmless 23. Apr 2009

Die Bilder-Demo lädt 300 verschiedene (ungecachte) (Mini-)Bilder auf einer einzelnen...

Crass Spektakel 23. Apr 2009

Der Ansatz ist dabei viel, viel, viel zu kompliziert. Schon heute ist es möglich, Bilder...

@ 23. Apr 2009

k.T.

crash 23. Apr 2009

Die haben es geschafft multipart/mixed für den IE verständlich zu machen. Ich hatte mich...



Anzeige

Stellenmarkt
  1. DATAGROUP Köln GmbH, Düsseldorf
  2. ORBIT Gesellschaft für Applikations- und Informationssysteme mbH, Bonn
  3. GILDEMEISTER Beteiligungen GmbH, Bielefeld
  4. Robert Bosch GmbH, Abstatt


Anzeige
Blu-ray-Angebote
  1. Einzelne Folge für 2,99€ oder ganze Staffel für 19,99€ kaufen (Amazon Video)
  2. 79,98€ (Vorbesteller-Preisgarantie)
  3. 24,99€ (Vorbesteller-Preisgarantie)

Folgen Sie uns
       


  1. Fraunhofer Fokus

    Metaminer soll datensammelnde Apps aufdecken

  2. Onlinehandel

    Bundesgerichtshof greift Paypal-Käuferschutz an

  3. Verbraucherschutz

    Sportuhr-Hersteller gehen unsportlich mit Daten um

  4. Core-i-Prozessoren

    Intel bestätigt gravierende Sicherheitsprobleme in ME

  5. Augmented Reality

    Apple kauft Vrvana für 30 Millionen US-Dollar

  6. Lootboxen

    "Battlefront 2 ist ein Star-Wars-Onlinecasino für Kids"

  7. Stadtnetzbetreiber

    Von 55 Tiefbauunternehmen hat keines geantwortet

  8. Steuerstreit

    Irland fordert Milliardenzahlung von Apple ein

  9. Zensur

    Skype ist in chinesischen Appstores blockiert

  10. Eizo Flexscan EV2785

    Neuer USB-C-Monitor mit 4K und mehr Watt für Notebooks



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Orbital Sciences: Vom Aufstieg und Niedergang eines Raketenbauers
Orbital Sciences
Vom Aufstieg und Niedergang eines Raketenbauers
  1. Arkyd-6 Planetary Resources startet bald ein neues Weltraumteleskop
  2. Astronomie Erster interstellarer Komet entdeckt
  3. Nasa und Roskosmos Gemeinsam stolpern sie zum Mond

Coffee Lake vs. Ryzen: Was CPU-Multitasking mit Spielen macht
Coffee Lake vs. Ryzen
Was CPU-Multitasking mit Spielen macht
  1. Custom Foundry Intel will 10-nm-Smartphone-SoCs ab 2018 produzieren
  2. ARM-Prozessoren Macom verkauft Applied Micro
  3. Apple A11 Bionic KI-Hardware ist so groß wie mehrere CPU-Kerne

Smartphone-Kameras im Test: Die beste Kamera ist die, die man dabeihat
Smartphone-Kameras im Test
Die beste Kamera ist die, die man dabeihat
  1. Honor 7X Smartphone im 2:1-Format mit verbesserter Dual-Kamera
  2. Mini-Smartphone Jelly im Test Winzig, gewöhnungsbedürftig, nutzbar
  3. Leia RED verrät Details zum Holo-Display seines Smartphones

  1. Re: Die Lösung!

    User_x | 02:27

  2. Re: Der Artikel macht es unverständlich. Das...

    ML82 | 02:08

  3. Re: Decent

    floziii | 01:55

  4. logisch, daß die Skype verbieten...

    Shrykull | 01:44

  5. Re: habe meine Rechner auf AMD ohne A5/Trustzone...

    bioharz | 01:08


  1. 17:45

  2. 17:20

  3. 17:06

  4. 16:21

  5. 15:51

  6. 15:29

  7. 14:59

  8. 14:11


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel