Hier im Blog finden Sie mittlerweile mehr als 70 Tipps zur Gestaltung und Erstellung Ihrer Webseiten. Alle Tipps sind praxiserprobt.
Erfahren Sie z.B. mehr über die Möglichkeiten der Performanceoptimierung, wie sich Ihre Webseiten für Suchmaschinen optimieren lassen oder finden Sie einfach ein paar nützliche Scripte mit den dazugehörigen Anleitungen.
Der Anteil mobiler Webseiten nimmt immer weiter zu. Vielleicht denken auch Sie schon über die mobile Variante Ihrer Webseite nach.
Doch auf was ist bei deren Erstellung besonders zu beachten? Wie entscheidet man z.B., ob die mobile oder die herkömmliche Version einer Webseite ausgeliefert wird?
» Weiterlesen unter mobile Webseiten
„Social Signale“ gewinnen immer mehr an Bedeutung.
Doch wie verknüpft man Facebook, Google+, Twitter & Co. am Besten valide mit seiner Website? Welchen Einfluß haben die sozialen Anbindungen auf die Performance? Wie kann man die sozialen Netzwerke nutzen, um seine Webseiten bekannter zu machen?
» Weiterlesen unter Social Network
Es gibt für viele Anwendungsfälle Plug-Ins oder kleinere Hilfsscripte.
In dieser Kategorie finden Sie alle Blogeinträge, bei denen Scripte (javascript, php, ...) hinterlegt sind. Selbstverständlich können Sie die Scripte herunterladen und in Ihrer eigenen Website verwenden.
» Weiterlesen unter Scripte für Ihre Website
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?
Einen „gefällt mit“-Button auf einer Facebook-Seite zu integrieren, sollte nicht unbedingt das Problem sein. Man generiert sich auf den Facebook-Developer-Seiten den entsprechenden Code und kopiert ihn in seine Webseite. Wenn man sich aber als Ziel gesetzt hat, seine Seiten valide nach dem W3C-Standard zu gestalten und als DOCTYPE XHTML 1.0 Strict gewählt hat, muss man ein wenig mehr Aufwand investieren.
Beim Einsatz von cascading Stylesheets (css), kann man schon manchmal verzweifeln, wenn das definierte Stylesheet den gewünschten Effekt vermissen lässt, obwohl es syntaktisch richtig eingesetzt wurde. Dabei können Sie über die Berechnung der Spezifität relativ einfach ermitteln, welches Stylesheet die höchste Priorität hat bzw. an welchem Selektor Sie die Stylesheet-Information hinterlegen müssen, damit der gewünschte Effekt eintritt.
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.
Update: 30.06.2013
Die vorherigen Ausführungen zeigen, dass es nicht besonders kompliziert ist,
Webseiten zu erstellen, die für mobile Geräte optimiert sind.
Hier sind nochmal die wesentlichen Punkte zusammengefasst, die zu beachten sind: