Heim Web-Frontend CSS-Tutorial Denken Sie über Stromverbrauch und Websites nach

Denken Sie über Stromverbrauch und Websites nach

Apr 02, 2025 am 03:12 AM

Denken Sie über Stromverbrauch und Websites nach

Gerry McGovern fragte mich, ob ich Einblicke in den Energieverbrauch der Website habe. Schließlich schrieb er ein Buch über die Auswirkungen der digitalen Technologie auf den Planeten. Er wollte die spezifischen Details der Netzwerktechnologie wissen, wie ...

Wenn Sie diese Funktion in HTML implementieren, verbraucht sie das dreifache Energie. Wenn Sie sie jedoch in JavaScript implementieren, verbraucht sie das 10 -fache der Energie.

Ich denke, wenn Sie es sich wirklich sorgfältig ansehen und wissen, wie Sie es genau messen, können Sie ein Beispiel wie dieses finden. Angenommen, ich möchte ein Element auf dem Bildschirm verschieben. Wenn ich eine SetInterval-Schleife in JavaScript schreibe und die linke Position relativ zum Positionierungselement einmal in jeder Millisekunde erhöht, bin ich zu 99% sicher, dass dies mehr Kraftverbrauch ist, als die Transformation zu ändern: Translatex () -Werte gleichzeitig mit der CSS @Keyframes-Animation. In diesem Beispiel konzentrieren wir uns normalerweise mehr auf die Leistung als auf den Energieverbrauch, aber es ist sofort interessant: Ist eine gute Leistung im Zusammenhang mit einem geringeren Energieverbrauch? Sehr wahrscheinlich.

Forscher haben dies untersucht.

Wir fanden eine statistisch signifikante negative Korrelation (mittelgroße bis große Effektgrößen) zwischen Leistungswerten und Energieverbrauch für mobile Webanwendungen, was bedeutet, dass erhöhte Leistungswerte häufig zu einem verringerten Energieverbrauch führen.

Sie testen mobile Web -Apps mithilfe von Leuchtturmwerten auf Android. Ich denke, das passt ganz gut zu anderen Plattformen und anderen Leistungsmetriken.

Ich bin froh, dass die aktuellen Forschungsergebnisse meinen logisch erwarteten Ergebnissen entsprechen. Dinge, die zu einer schlechten Leistung führen, sind oft energieverbrauchend. Stellen Sie sich das Bild vor. Wenn Sie übermäßig große oder nicht optimierte Bilder anbieten, wird Ihr Leistungswert verschlechtert. Stellen Sie sich vor, die Auswirkungen auf die Leistung, die dies hat. Es gibt zwei Bilder auf dem Server, einen großen und das andere klein. Welcher Computer, der an den Benutzer übertragen wird, muss mehr Strom verbrauchen? Der große. Welches erfordert mehr Verarbeitungsleistung, um analysieren und anzeigen? Der große. Welches nimmt während des Displays auf dem Bildschirm mehr Speicher auf (welche verbraucht auch Strom)? Der große.

Je weniger Netzwerkübertragung, desto weniger Stromverbrauch.

Je weniger Browser tun muss, desto weniger Stromverbrauch.

Einige Anzeigen, die alle paar Sekunden automatisch aktualisieren? Es ist nicht nur ärgerlich, es verschwendet auch die Bandbreite, wodurch Elektrizität verschwendet. Wann immer Sie Umfragen verwenden müssen (d. H. Network-Anfragen wiederholt) anstelle von ereignisbasierten Websockets? Dies alles ist die Leistung, die Sie wahrscheinlich nicht konsumieren müssen.

Wir wissen, dass CDNs auch die Leistung verbessern kann. Dateien (wie Bilder) müssen nicht weltweit übertragen werden, sondern von einem geografisch engeren Server stammen, und dieser Server ist für diese Arbeit ausgelegt. Hier werden mir die Dinge ein wenig verschwommen.

Ziel mit Leistung: Zielerleistungen. Haben wir das Ziel eines geringen Energieverbrauchs erreicht?

Diese Studie wurde durchgeführt, aber leider kann ich nicht allein die Schlussfolgerung aus der Zusammenfassung ziehen. Meiner Meinung nach Server auf der ganzen Welt -Ladenkopien dieser Ressourcen. Wenn sich die Ressourcen ändert, handelt es sich nicht nur um einen Server, sondern auch einen Server auf der ganzen Welt. In Bezug auf die Einsparungen, die durch Einsparung der Effizienz der Anfrage erzielt werden, muss ein Gleichgewicht zwischen Ausbreitung und doppelter Speicherung erreicht werden.

Wenn ich von der Speicherungseffizienz spricht, bin ich sicher, dass der auf der Festplatte gespeicherte Speicher viel weniger Strom verbraucht als Dateien, die über das Netzwerk gesendet werden - aber es hat immer noch Kosten. Angenommen, Sie speichern jedes Mal eine Kopie, wenn Sie die Datei ändern. Angenommen, Sie speichern jedes Mal, wenn Sie sie bereitstellen, eine vollständige Kopie der Website. Ist es nützlich? sicherlich. Wird dies Strom verbrauchen? Will definitiv. Es ist notwendig, ein Gleichgewicht zwischen den beiden zu finden.

Gerry fragt jedoch nach bestimmten Technologien. Eine weitere große Sache, an die ich im CSS -Bereich denken kann: Dark -Modus! Ebenso wurde es untersucht. Der dunkle Modus spart Strom.

Für eine beliebte Reihe von Android -Apps, die wir getestet haben, kann der Dark -Modus tatsächlich den Stromverbrauch mit voller Helligkeit um bis zu 58,5%verringern! In Bezug auf die Akkulaufzeit des Telefons des Telefons bedeutet dies Einsparungen von 5,6% auf 44,7% bei voller Helligkeit und 1,8% auf 23,5% bei 38% Helligkeit.

Was ist also mit der Technologie? Ich vermute, es geht mehr darum, was die Technologie (oder die Sprache) tut als die Sprache selbst. Zum Beispiel kann ich verwenden

Elemente bauen einen kleinen Bereich in HTML, der geöffnet und geschlossen werden kann. Ist dies energieeffizienter als das Anbringen eines Klick-Handlers an der Schaltfläche, um die Bereiche von Klassen zu wechseln, die die Elemente visuell ein- und ausschalten? Ich bin ein bisschen skeptisch. Ich wette, dass die Repaint-/Wiederholungsschritte, die der Browser durchführt, und die Sprache dahinter weniger mit dem Stromverbrauch korreliert. Jedoch! Wenn ich den Browser eine 50 -KB -JavaScript -Bibliothek herunterladen kann, um mein kleines Open/Close -Element zu implementieren, ist dies wirklich wichtig und die JavaScript -Version ist weniger effizient.

Auf diese Weise, so wie eine gute Leistung häufig mit einem geringeren Energieverbrauch verbunden ist, wette ich, dass nach den minimalen Stromverbrauchsregeln häufig auch mit einem geringeren Energieverbrauch verbunden ist.

Müde von meinen Vermutungen zu Dingen? Es ist verständlich.

Der Artikel von Jack Lenox „So verbessern Sie die Website der Website, um die Erde zu retten“ untersucht dieses Problem ausführlicher. Er wies auf die Website hin, die Ihre Website testen kann. Der Carbon Emissionsrechner der Website ist ein Beispiel, das darauf hinweist:

Die Berechnung der Kohlenstoffemissionen einer Website ist eine Herausforderung, aber mit fünf Schlüsseldaten können wir ziemlich gute Schätzungen vornehmen:

  1. Online -Datenübertragung
  2. Energieintensität von Netzwerkdaten
  3. Energie, die in Rechenzentren verwendet wird
  4. Kohlenstoffintensität von Elektrizität
  5. Website -Verkehr

Der Testcode ist Open Source.

Das obige ist der detaillierte Inhalt vonDenken Sie über Stromverbrauch und Websites nach. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

<🎜>: Bubble Gum Simulator Infinity - So erhalten und verwenden Sie Royal Keys
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Fusionssystem, erklärt
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Flüstern des Hexenbaum
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Java-Tutorial
1666
14
PHP-Tutorial
1273
29
C#-Tutorial
1253
24
Ein Vergleich statischer Formanbieter Ein Vergleich statischer Formanbieter Apr 16, 2025 am 11:20 AM

Versuchen wir, hier einen Begriff zu prägen: "Statischer Formanbieter". Sie bringen Ihre HTML

Ein Beweis für das Konzept, um Sass schneller zu machen Ein Beweis für das Konzept, um Sass schneller zu machen Apr 16, 2025 am 10:38 AM

Zu Beginn eines neuen Projekts erfolgt die SASS -Zusammenstellung im Blinzeln eines Auges. Dies fühlt sich gut an, besonders wenn es mit Browsersync kombiniert ist, das nachlädt

Wöchentliche Plattformnachrichten: HTML -Ladeattribut, die Haupt -ARIA -Spezifikationen und Wechsel von Iframe zu Shadow Dom Wöchentliche Plattformnachrichten: HTML -Ladeattribut, die Haupt -ARIA -Spezifikationen und Wechsel von Iframe zu Shadow Dom Apr 17, 2025 am 10:55 AM

In der Zusammenfassung der Plattformnachrichten in dieser Woche stellt Chrome ein neues Attribut für das Laden, Zugänglichkeitspezifikationen für Webentwickler und die BBC -Bewegungen ein

Einige praktisch mit dem HTML-Dialogelement Einige praktisch mit dem HTML-Dialogelement Apr 16, 2025 am 11:33 AM

Ich schaue mir das HTML -Element zum ersten Mal an. Ich habe es für eine Weile dessen bewusst, aber Haven &#039; Es wurde es noch nicht für einen Dreh genommen. Es hat einige ziemlich cool und

Wohin sollte 'Podcast' -Link abonnieren? Wohin sollte 'Podcast' -Link abonnieren? Apr 16, 2025 pm 12:04 PM

Für eine Weile war iTunes der große Hund im Podcasting. Wenn Sie also "Abonnieren Sie Podcast" verlinkt haben, um zu mögen:

Es ist alles in der Kopf Es ist alles in der Kopf Apr 15, 2025 am 11:01 AM

Der Dokumentkopf ist vielleicht nicht der glamouröseste Teil einer Website, aber was darauf einfließt

Optionen zum Hosting Ihrer eigenen nicht-javaScript-basierten Analysen Optionen zum Hosting Ihrer eigenen nicht-javaScript-basierten Analysen Apr 15, 2025 am 11:09 AM

Es gibt eine Menge Analyseplattformen, mit denen Sie Besucher- und Nutzungsdaten auf Ihren Websites verfolgen können. Vielleicht vor allem Google Analytics, das weit verbreitet ist

Papierform Papierform Apr 16, 2025 am 11:24 AM

Buy or Build ist eine klassische Technologiedebatte. Das Aufbau von Dingen selbst ist vielleicht billiger, weil Ihre Kreditkartenrechnung keine Werbebuchung gibt, aber

See all articles