Suchmaschinenoptimierung / Webseitenoptimierung

PageSpeed Optimierung mittels Apache Modulen / .htaccess

PageSpeed

Die Performance Optimierung von Webseiten ist im Verlauf der letzten Jahre immer wichtiger geworden, dies liegt nicht nur daran, dass viele Zugriffe mittlerweile über Mobile-Endgeräte und teilweise langsamere Internet-Verbindungen erfolgt, sondern auch daran, dass der PageSpeed ein wesentlicher Faktor in der Suchmaschinenoptimierung spielt.

Neben den meist bekannteren Optimierungen am Quellcode von Webseiten, z.B. durch komprimieren von Dateien, reduzieren von HTTP-Requests, CSS-Sprites, usw. bestehen auch noch Optimierungsmöglichkeiten über Apache-Module, diese werden einfach in die .htaccess Datei auf der Hauptebene der Webseite eingetragen und können den PageSpeed oftmals signifikant erhöhen.

(weiterlesen …)

HTML / CSS / Webseitenoptimierung

Webdesign für das Retina Display / High DPI Displays

Webdesign für das Retina Display / High DPI Displays

Die aktuelle Smartphone, Tablet und sogar Computer Generation beschert uns mit den, umgangssprachlich als Retina Displays bekannten (danke Apple), High-DPI (HiDPI) Displays schärfere Schrift und grandiose Bilder. Wer bereits ein Endgerät mit Retina Display sein eigenen nennen darf, wird mir zustimmen, dass der Wechsel zurück zu einem normal aufgelösten Gerät, sich doch sehr unangenehm anfühlt (bei mir bezieht sich das ganze auf einen Vergleich zwischen dem iPad 1 und einem iPad 4). Plötzlich werden Schriften und Bilder grob und pixelig, ganz generell springt einem jeder einzelne Pixel ins Auge.

Aber diese Zeiten sind ja Gott sei Dank vorbei, ab jetzt werden nur noch Geräte mit Retina Displays gekauft und alles ist gut, aber Moment da war doch noch etwas…

Wenn wir jetzt auf unseren neuen und schicken Retina-Tablets auf nicht für High DPI Displays optimierten Webseiten surfen, wirken Bilder und Icons auf einmal merkwürdig verwaschen und gar nicht so schön scharf, wie es eigentlich sein sollte.

(weiterlesen …)

Webseitenoptimierung / WordPress

WordPress beschleunigen mit WP-Super-Cache und HTML Minify (WPSCMin)

WP-Super-Cache

Nichts ist schlimmer als eine langsame Webseite, dass gilt für den Betreiber, genervte Besucher und Suchmaschinen, für die der Faktor »Ladezeit« auch eine wichtige Rolle spielt. WordPress wird mit der Zeit, in der es an Größe und Traffic gewinnt, teils etwas träge. Hier gibt es aber einige Effektive Stellschrauben mit denen man WordPress auf Trab bringen kann.

Eine einfache Möglichkeit bietet ein effektives Cache-System für WordPress wie z.B. WP-Super-Cache mit der Plugin-Erweiterung HTML Minify.

Bevor ich die Integration von WP-Super-Cache in WordPress erkläre, möchte ich vorab kurz die Funktionsweise eines Cache-Systems erklären.

(weiterlesen …)

PHP / MySQL / Webseitenoptimierung

Webseiten richtig sichern mit Hilfe des MySQLDumpers

MySQLDumper

Wenn eine Webseite erst einmal läuft dann läuft sie und einen Großteil der Arbeit ist dann in der Regel auch geschafft. Gerade etwas unerfahrene Webmaster vergessen hier aber einen wichtigen Part »Backups«. Mit dem MySQLDumper ist es möglich einfach, komfortabel und nach einem automatisierten zeitgesteuerten Interval Datenbank Backups zu erstellen, wie dass funktioniert möchte ich euch in diesem Artikel erklären.

Der MySQLDumper steht unter GNU GPL Lizenz und ist damit kostenfreie Open Source Software. Im Gegensatz zu vielen anderen Backup-Lösung auf PHP-Basis, bietet der MySQLDumper einen großen Vorteil. Mit ihm ist es auch möglich relativ große Datenbanken zu sichern, da ein entsprechender PHP-Script-Laufzeit Timeout (tritt in der Regel nach 30 Sekunden auf) durch einzelnes abfragen einer kleinen Menge an Einträge aus den MySQL Tabellen verhindert wird, selbiges gilt auch für den Import von Daten.

Mit diesem und vielen weiteren Features ist der MySQLDumper das perfekte Tool zum anlegen von Datenbank-Sicherungen.

(weiterlesen …)

Blog / News / Webseitenoptimierung

Woher stammt der Begriff Web 2.0

Der Begriff Web 2.0 entstand während eines Brainstormings für eine Konferenz, welche der O’Reilly-Verlag und die Firma MediaLive International im Herbst 2004 veranstalteten. Dale Dougherty und Tim O’Reilly kamen dabei auf die Idee, das World Wide Web (WWW) wie eine Software zu betrachten. Dabei erstellten sie eine Liste von Webseiten und Internetbegriffen und ordneten diese dem Begriff Web 1.0 und Web 2.0 zu.

So wurden zum Beispiel DoubleClick, Britannica Online, persönliche Webseiten und Content Management Systeme dem Web 1.0 zugeordnet, Google AdSense, Wikipedia, Blogs und Wikis hingegen dem Web 2.0.

Der O’Reilly Verlag und MediaLive veranstalteten anschließend im Oktober 2004 die Konferenz für neue Techniken und Trends im Web unter dem Namen „Web 2.0 Konferenz“. Der Begriff Web 2.0 etablierte sich somit als Schlagwort für neue Technologien, Trends und Webseiten.

Aber es gibt noch mehr wissenswertes zum Thema Web 2.0, kennst du z.B. den Long Tail-Effekt oder weißt du wie der typische Web 2.0-Benutzer aussieht? Hier erfährst du es …

(weiterlesen …)

Allgemein / HTML / CSS / Webseitenoptimierung

Barrierefreiheit im Web 2.0 mit Blick auf AJAX

Barrierefreiheit ist ein aktuelles Thema im Bereich der Webentwicklung, wird jedoch aus Funktions- und Kostengründen leider viel zu wenig beachtet. Doch was ist Barrierefreiheit überhaupt? Die Web Accessibility Initiative (WAI) definiert den Begriff folgendermaßen:

Web accessibility means that people with disabilities can use the Web. More specifically, Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web. Web accessibility also benefits others, including older people with changing abilities due to aging.

Auch im österreichischen Recht gibt es eine Definition dafür. So steht im Bundesgesetz über die Gleichstellung von Menschen mit Behinderungen (Bundes- Behindertengleichstellungsgesetz – BGStG) Folgendes:

Barrierefrei sind bauliche und sonstige Anlagen, Verkehrsmittel, technische Gebrauchsgegenstände, Systeme der Informationsverarbeitung sowie andere gestaltete Lebensbereiche, wenn sie für Menschen mit Behinderungen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe zugänglich und nutzbar sind (BGStG §6 Abs. 5).

(weiterlesen …)

HTML / CSS / Webseitenoptimierung

Optimierung der Ladezeiten (Page Speed, mod_gzip, mod_expires, CSS Sprites, HTTP Requests, …)

Es ist doch immer dasselbe Problem.
Ihr habt eine tolle Seite, die interessante Inhalte bietet.
Doch die Ladezeit eurer Seite vergrault eure Gäste.

In Zeiten von ständig verbesserter Hardware liegen die Probleme immer seltener beim Hoster. Fehlkonfigurationen, fehlende Angaben, schlechter und/oder zu viel Code sind alles Faktoren die eure Ladezeiten beeinflussen.

Wir geben Abhilfe!

Ob Apache Modul, HTTP Header oder nur die Umstrukturierung/Verkleinerung eures Quellcodes:

» In diesem Artikel gebe ich euch einige Tipps zur Optimierung eurer Ladezeiten!

(weiterlesen …)