Sie haben gehört, dass das Web auf Ihrer geschäftlichen Website visueller geworden ist.
Diese Bilder können jedoch die Geißel Ihrer Website-Besucher sein. Bilder machen 1 MB aus, da die durchschnittliche Webseite 1,7 MB enthält.
Auf Desktop-Computern, die Hochgeschwindigkeits-Internetverbindungen verwenden, ist dies möglicherweise kein Problem für Ihre Besucher. Wenn Sie jedoch mehr Besucher von mobilen Besuchern sehen oder sehen wollen, können diese Bilder ein Problem sein. Das Herunterladen von Webseiten mit hohem Image-Image kann lange dauern. Besucher werden frustriert und verlassen Ihre Website.
$config[code] not foundMöglicherweise haben Sie ein responsives Webdesign implementiert, das alle Ihre mobilen Probleme löst. Es stimmt, dass ein responsives Webdesign einige Probleme löst. Es ordnet Ihre Website-Elemente automatisch an und zeigt sie an, um sie auf kleineren, schmaleren mobilen Bildschirmen anzuzeigen.
Responsives Webdesign ist jedoch nicht die Antwort auf alles. Das Problem beim Herunterladen von Bildern wird dadurch nicht unbedingt gelöst. Trotz des responsiven Designs werden diese Bilder trotzdem oft heruntergeladen. Als Webperformance-Spezialist Yoav Weiss auf der Opera-Website auf den Punkt:
„Responsive Web Design RWD kombinierte neue Browserfunktionen und CSS-Techniken, um Websites zu erstellen, die sich an das Gerät anpassen, das sie anzeigt und überall ideal aussehen. Dies ermöglichte es den Entwicklern, sich keine Sorgen mehr über eine unzuverlässige Geräteerkennung zu machen und ihre Websites in Bezug auf die Größe des Darstellungsbereichs zu betrachten.
Obwohl RWD-Sites auf jedem Gerät anders aussahen, haben die meisten weiterhin dieselben Ressourcen für alle Geräte heruntergeladen. “
Das neue
Wenn Sie nichts über HTML-Code wissen, handelt es sich bei einer nicht technischen Definition um eine spezielle Sprache. Bei Verwendung hinter den Kulissen in Ihrem Website-Code enthält diese Sprache Anweisungen, wie der Browser den Text und die Bilder anzeigen soll. Das neue Picture-Element ist eine Art HTML-Auszeichnungssprache. Es ist wie folgt geschrieben (laut Responsive Images Community Group): Das Bildelement ist etwa reaktionsschnell Bilder, nicht ansprechbar Design. Für nicht-technische Geschäftsleute mag diese Unterscheidung klein erscheinen. Wenn es jedoch um die Leistung Ihrer Website auf mobilen Geräten geht, kann dies von Bedeutung sein. Gemäß einem ArsTechnica-Bericht befasst sich das neue Markup-Element mit den Problemen, die durch Bilder verursacht werden, die auf einem Monitor in voller Größe angezeigt werden sollten - Bilder, die nicht gut auf mobile Geräte übertragen werden können. Das
„Wenn der Browser auf ein Picture-Element stößt, wertet er zunächst alle Regeln aus, die der Webentwickler möglicherweise festlegt. *** Nach der Bewertung der verschiedenen Regeln wählt der Browser das beste Bild basierend auf seinen eigenen Kriterien aus. Dies ist eine weitere nette Funktion, da die Browser-Kriterien Ihre Einstellungen enthalten können. Zukünftige Browser bieten beispielsweise die Möglichkeit, das Laden von Bildern mit hoher Auflösung über 3G zu verhindern, unabhängig davon, was ein Bildelement auf der Seite sagt. Sobald der Browser weiß, welches Bild die beste Wahl ist, wird es tatsächlich geladen und in einem guten alten Bildelement angezeigt. … Was passiert ist, dass Picture ein img-Tag umschließt. Wenn der Browser zu alt ist, um zu wissen, was er von einem machen soll Nicht alle Entwickler akzeptierten das neue Picture-Element zunächst. Die Geschichte von Ars Technica beschreibt den Prozess, den Führungskräfte in der Webentwicklungsgemeinschaft durchlaufen haben, um an den Punkt zu gelangen, an dem die $config[code] not found Das Problem erscheint nun jedoch als erledigt, wobei das neue Bild-HTML-Element übernommen wird. Das
Als Geschäftsleute ist es wichtig, dies zu wissen Die Implementierung des Picture-HTML-Elements für Bilder sollte mit Ihrem Webentwickler besprochen werden. Hier können sich sowohl Technik- als auch Heimwerker mit dem Picture-Element vertraut machen. Es ist eine ausgezeichnete Kritik von Scott Gilbertson. Fühlen Sie sich frei zu implementieren
Bilder: Shutterstock; RICG Was ist das Bild-HTML-Element?
Wichtige Punkte über die
