Wie sie überflüssige HTTP-Anfragen vermeiden und dadurch Performance für Ihre Website gewinnen.
Nahezu jede zusätzlich Komponente, also Stylesheets, Java-Scripts und Bilder auf Ihrer Website, müssen nachdem der HTML-Quellcode geladen wurde noch zusätzlich heruntergeladen werden. Dazu werden zusätzlich Anfragen an den Webserver erzeugt – die natürlich weitere Zeit in Anspruch nehmen.
So wählen Sie für Ihre Website das richtige Bildformat aus.
Grundsätzlich haben sich im Web drei Bildformate durchgesetzt. Jedes einzelne Format birgt dabei Chancen und Risiken bei der Anwendung. Ziel der Website-Performance-Optimierung ist dabei immer, für den Anwendungsfall das geeignete Bildformat mit der geringsten Bildgröße zu finden.
So verkleinern Sie Bilder für die Website richtig.
Bilder sind heutzutage zum integralen Bestandteil der meisten Websites geworden. Egal ob Urlaubsfotos, Diagramme oder Schaubilder – Bilder lockern auf und helfen dabei Inhalte zu vermitteln.
Wenn man Bilder per HTML in eine Website integriert, kann man mit dem Height- und Width-Attribut des Img-Tags die Dimension des Bidles anzugeben. Tatsächlich ist es damit aber auch möglich, Bilder die eigentlich viel breiter und höher sind, entsprechend zu skalieren. Leider wird durch diese Skalierung nicht die tatsächliche Dateigröße des Bildes verkleinert, sondern lediglich die Ausgabe.