Optimierung - Tipps und Tricks beim Optimieren einer Website

  1. Zum Inhalt springen

webdesign
klamonfra
Klaus Franz


Wissenswertes, Tipps und Tricks für Webdesigner beim Optimieren Ihrer Website

Auf dieser Seite zeige ich ein paar Tipps und Tricks für die Optimierung einer Website die ich beim Erstellen dieser Website umgesetzt habe. Sobald ich wieder etwas bei der Optimierung umgesetzt habe werde ich es hier unter dem aktuuellen Datum veröffentlichen.

Weitere interessante Codeschnipsel zum Thema "Webdesign auf diesen Seiten" finden Sie unter den "Codeschnipsel".


Optimierung

18Feb2015

Zusammenfassung der wichtigsten Erkenntnisse für eine Suchmaschinenoptimierung


Durch die verschiedenen Analyse-Tools, Bewertungen und Tests schreibe ich in diesem Artikel mal alles das zusammen, was ich bei der Suchmaschinenoptimierung (SEO (Search Engine Optimization)) herausgefunden, und nach Möglichkeit bei dieser Website auch umgesetzt habe.
"SEO (Search Engine Optimization - Suchmaschinenoptimierung)" steht dabei für "Search Engine Optimization" und ist das englische Wort für Suchmaschinenoptimierung.

» Artikel über die Suchmaschinenoptimierung weiterlesen
25Jul2014

Weiterleitungen in der .htaccess-Datei und suchmaschinenfreundliche URL's


Die sogenannte .htaccess (hypertext access - Hypertext-Zugriff)-Datei ist eine Server-Konfigurationsdatei, in der verzeichnisspezifische Einstellungen auf den Webservern vorgenommen werden können. Die Datei selber ist eine reine Textdatei, hat keinen Namen und muss die Endung ".htaccess (hypertext access - Hypertext-Zugriff)" haben.

» Artikel über Weiterleitungen weiterlesen
21Mär2014

Tipps, Tricks und Vereinfachungen bei HTML5


Hier werde ich immer mal wieder ein paar Vereinfachungen bei HTML5 (HyperText Markup Language) vorstellen. Diese kleineren Tipps und Tricks beim Erstellen dieser Webseiten werden hier hintereinander aufgeschrieben und festgehalten.

» Artikel über Optimierung bei HTML5 weiterlesen
20Mär2014

Tipps, Tricks und Vereinfachungen bei den CSS-Dateien


Im Laufe der Erstellung dieser Webseiten sind mir einige Dinge immer wieder untergekommen, auf die ich zurückgreifen musste, oder wo ich mir entsprechende Hilfen suchen musste. Diese kleineren Tipps und Tricks beim Erstellen von CSS (Cascading Style Sheet)-Dateien werden hier hintereinander aufgeschrieben und festgehalten.

» Artikel über Optimierung bei CSS-Dateien weiterlesen
11Mär2014

Webseiten werden mit der gzip-Compression optimal komprimiert


Zu einer guten "Suchmaschinenoptimierung" gehört auch das schnelle Laden einer Webseite und dafür ist die Aktivierung der "gzip-Komprimierung" eine einfache und sehr wirkungsvolle Methode. Mit Hilfe dieser Kompression werden die Dateien, die der Webserver an den Browser des Besuchers sendet, automatisch komprimiert.

» Artikel über die gzip-Compression weiterlesen
08Mär2014

Gleicher Text bei h1-Überschrift und Titel


Ein guter "title-Tag" gehört zu den "Suchmaschinen-Grundlagen" für jeden Webdesigner. Ich habe mehrere Tools und verschiedene Aussagen im Internet verglichen und das Fazit lautet: kleiner als 66 Zeichen wäre optimal. Der wichtigste Grund hierfür ist, dass in den Suchergebnissen der Suchmaschinen nur eine begrenzte Anzahl von Zeichen dargestellt wird.

» Artikel über h1-Überschrift und title-Tag weiterlesen
03Feb2014

Externe JavaScripts zusammenfassen um HTTP-Request zu sparen


Auch hierbei nutze ich ein kleines "php-Script (Skriptsprache: Hypertext Preprocessor)" das ähnlich aufgebaut ist wie das Script im vorherigen Artikel. Ich habe das Script auch wieder dahingehend geändert, dass in der Datei noch zusätzlich der Last-Modified-Header ausgegeben wird, um das aktuelle Änderungsdatum bei einer Analyse anzuzeigen.

» Artikel zum Thema JavaScripts zusammenfassen weiterlesen
02Feb2014

Externe CSS-Dateien zusammenfassen um HTTP-Request zu sparen


Eine schnelle Webseite ist für einen Besucher angenehmer zu bedienen. Daher lautet das Ziel bei der Page Speed Optimierung: runter mit der Anzahl der HTTP-Request (Hypertext Transfer Protocol Anforderung), also die Anfragen vom Browser an den Webserver! Wird zum Beispiel eine CSS (Cascading Style Sheet)-Datei oder ein Script von der aufgerufenen Webseite benötigt, wird eine Anfrage an den Webserver gestellt und der Inhalt geladen. Es sei denn, der Inhalt befindet sich bereits im Browser-Cache des Bedieners.

» Artikel zum Thema CSS-Dateien zusammenfassen weiterlesen
01Feb2014

Senkrechte Trennlinie zwischen Sprungziele mit :last-child


Am Fuß jeder Seite sind noch Sprungziele zum Inhaltsverzeichnis, Disclaimer und Datenschutz notiert und für eine vernünftige Trennung zwischen den Linktexten sorgt eine senkrechte Linie. So eine Linie kann man einfach mit einem Rahmen auf der rechten Seite des Textes erzielen. Aber natürlich soll neben dem ganz rechten Verweis keine Linie erscheinen.

» Artikel über Pseudoklassen weiterlesen

Zum Seitenanfang springen Λ