Abo
  • IT-Karriere:

Google Chrome

Stromsparende HTML5-Animationen

Mit Canvas und WebGL bieten moderne Browser vielfältige Möglichkeiten, um 2D- und 3D-Animationen im Browser darzustellen, was aber leicht den Stromverbrauch erhöhen kann. Dem will Google mit Chrome künftig entgegenwirken und orientiert sich dabei an einer Idee von Mozilla.

Artikel veröffentlicht am ,
Google Chrome: Stromsparende HTML5-Animationen

Zur Steuerung von HTML5-Animationen können die Funktionen setTimeout und setInterval genutzt werden. Allerdings berücksichtigen die beiden Funktionen nicht, ob ein Element oder zumindest das Tab, in dem es angezeigt wird, überhaupt sichtbar ist. So kommt es, dass Webapplikationen auch im Hintergrund ungebremst weiterlaufen und Ressourcen verbrauchen. Das ist vor allem auf Notebooks und mobilen Geräten unangenehm, da das System nicht nur träger wird, sondern auch der Akku schneller leer ist.

Stellenmarkt
  1. Dataport, Bremen, Magdeburg, Hamburg ,Rostock, Altenholz bei Kiel, Halle (Saale)
  2. Gamomat Development GmbH, Berlin

Der exzessive Gebrauch dieser Timerfunktionen ist laut Google kein theoretisches Problem. So seien Webseiten zu finden, die lediglich statischen Text darstellten, aber dennoch die Timer mehrere hundert Mal in der Sekunde auslösten.

Mozilla hat Firefox 4 mit dem API mozRequestAnimationFrame ausgestattet. Dabei bestimmt der Browser, mit welcher Framerate eine Animation dargestellt wird und achtet darauf, dass diese nicht zu hoch ist. Google folgt der Idee mit dem API webkitRequestAnimationFrame, das mit Chrome 10 eingeführt wurde und mittlerweile ins Webkit-Projekt integriert ist. Googles Ansatz entspricht dem von Mozilla, ergänzt die Schnittstelle aber um ein zweites Argument: das Element, das über ein Callback animiert werden soll. So soll der Browser verhindern, dass Elemente animiert werden, die nicht zu sehen sind. Für Tabs im Hintergrund wird der Timer überhaupt nicht aufgerufen, was den Stromverbrauch deutlich senken soll, vor allem, wenn mehrere Tabs animierte Inhalte enthalten.

Chrome 11 soll noch einen Schritt weiter gehen und setTimeout und setInterval bei Tabs im Hintergrund maximal einmal pro Sekunde aufrufen. Umgesetzt ist dies bereits in den aktuellen Entwicklerversionen. Zwar bestehe das Risiko, dass bestehende Webapplikationen angepasst werden müssten, so Google, das aber sei die Verbesserung der User Experience wert.



Anzeige
Top-Angebote
  1. 53,99€ (Release am 27. August)
  2. (aktuell u. a. Asus Vivobook 15 für 589,00€, Nero AG Platinum Recording Software für 59,90€)
  3. 10,99€ (ohne Prime oder unter 29€ + Versand)

Der Kaiser! 06. Mai 2011

Sein Beitrag. Nicht meiner.

Ravenbird 31. Mär 2011

Keine Ahnung. Muss ich mal morgen auf der Arbeit anschauen. Auf den Macs hier läuft...

crash 31. Mär 2011

Du benutzt XHR für etwas, für was es nie gedacht war. Du suchst Server-push aka Comet...

fastmouse 30. Mär 2011

Oder besser: Der IE hat diese Energiesparmethoden gar nicht Not! Noch Cleverer: Er...


Folgen Sie uns
       


Kontist, N26, Holvi: Neue Banking-Apps machen gute Angebote für Freelancer
Kontist, N26, Holvi
Neue Banking-Apps machen gute Angebote für Freelancer

Ein mobiles und dazu noch kostenloses Geschäftskonto für Freiberufler versprechen Startups wie Kontist, N26 oder Holvi. Doch sind die Newcomer eine Alternative zu den Freelancer-Konten der großen Filialbanken? Ja, sind sie - mit einer kleinen Einschränkung.
Von Björn König


    Oneplus 7 Pro im Hands on: Neue Konkurrenz für die Smartphone-Oberklasse
    Oneplus 7 Pro im Hands on
    Neue Konkurrenz für die Smartphone-Oberklasse

    Parallel zum Oneplus 7 hat das chinesische Unternehmen Oneplus auch das besser ausgestattete Oneplus 7 Pro vorgestellt. Das Smartphone ist mit seiner Kamera mit drei Objektiven für alle Fotosituationen gewappnet und hat eine ausfahrbare Frontkamera - das hat aber seinen Preis.
    Ein Hands on von Ingo Pakalski

    1. Oneplus 7 Der Nachfolger des Oneplus 6t kostet 560 Euro
    2. Android 9 Oneplus startet Pie-Beta für Oneplus 3 und 3T
    3. MWC 2019 Oneplus will Prototyp eines 5G-Smartphones zeigen

    Chromium: Der neue Edge-Browser könnte auch Chrome besser machen
    Chromium
    Der neue Edge-Browser könnte auch Chrome besser machen

    Build 2019 Wie sieht die Zukunft des Edge-Browsers aus und was will Microsoft zum Chromium-Projekt beitragen? Im Gespräch mit Golem.de gibt das Unternehmen die vage Aussicht auf einen Release für Linux und Verbesserungen in Google Chrome. Bis dahin steht viel Arbeit an.
    Von Oliver Nickel

    1. Browser Edge auf Chromium-Basis wird Netflix in 4K unterstützen
    2. Browser Microsoft lässt nur Facebook auf Flash-Whitelist in Edge
    3. Microsoft-Browser Edge bekommt Chromium-Herz

      •  /