Der Performance einer Website wird seitens der Suchmaschinen immer mehr Beachtung geschenkt. Insofern stehen Performance und Ranking in einem engen Zusammenhang.
Hier finden Sie konkrete Anleitungen, wie man z.B. die Anzahl der Requests oder das zu übertragende Datenvolumen verringert.
Nachdem ich bereits die Möglichkeiten zur Reduzierung der http-Requests erläutert und über die Anwendung von CSS-Sprites geschrieben habe, möchte ich eine weitere Möglichkeit vorstellen, um die Performance zu steigern – die Verwendung von Inline Grafiken.
Manipulationen am DOM (Document Object Model) sind häufig Ursache für geringe Webseiten-Performance bzw. lange Ladezeiten. Durch bestimmte Techniken ist es aber möglich, die Verluste zu begrenzen.
Durch die Wahl des richtigen Bildformates, der richtigen Bildgröße, der richtigen Kompression und des richtigen Farbraumes kann man die Performance seiner Webseite signifikant steigern. Doch welches Bildformat verwendet man für welchen Anwendungsfall, damit man maximale Performance ohne optische Verluste erreicht?
Eine gute Möglichkeit, um Transfervolumen zu sparen und somit die Performance der Webseiten zu verbessern, besteht darin, die statischen Inhalte einer Webseite (z.B. .html, .css, .js) in komprimierter Form vom Webserver ausliefern zu lassen. Die meisten modernen Browser akzeptieren problemlos komprimierte Inhalte. Der Webserver muss aber entsprechend konfiguriert werden.
Für den Aufbau einer Webseite muss jedes Bestandteil, sofern es nicht bereits im Cache vorhanden ist, vom Webserver per Serveranfrage (Request) abgerufen werden. Ziel sollte es sein, neben dem Transfervolumen auch die Anzahl der Requests so weit wie möglich zu reduzieren, da jede Anfrage Zeit benötigt und unweigerlich einen gewissen Kommunikations-Overhead mit sich führt.
Die Ladezeit einer Webseite ist ein zunehmend wichtigeres Kriterium für deren Ranking. Aus diesem Grund sollten Sie versuchen, die Ladezeiten zu optimieren und somit die Performance zu steigern. Eine von vielen Möglichkeiten ist es, die Anzahl der http-Requests (Anfragen) zu minimieren. Jedes kleine Hintergrundbild muss nicht beim Laden einer Seite separat geladen werden.