HTML

Beispiele und Anleitungen rund um HTML

Google Font Directory

Google – Neue Schriftarten für deine Webseite

0
1 year ago
by voku in ,

"Alle aktuellen Browser können Schriftarten per CSS vom Server holen, um die auf dem Rechner vorinstallierte Auswahl von Fonts zu ergänzen und Webdesignern typografische Handlungsfreiheit zu ermöglichen. In der Praxis scheitern diese Webfonts bisher aber oft am technischen Aufwand, an Lizenzfragen und an unterschiedlichen Implementierungen in den Browsern. Die auf der Google-Entwicklerkonferenz Google I/O vorgestellten Google Font API und Google Font Directory könnten dieser Technik endlich zum Durchbruch verhelfen und das Aussehen von Webseiten nachhaltig verändern." - heise.de

Google Font Directory

Google Web Schriftarten sind mit folgenden Browsern kompatibel:

  • Google Chrome: 4.249.4+
  • Mozilla Firefox: 3.5+
  • Apple Safari: 3.1+
  • Microsoft IE: 6+

1.) Und -> More >

JavaScript richtig im HTML-Code platzieren

1
1 year ago
by voku in
Zurück zur "Webseiten beschleunigen" - Übersicht 3.) JavaScript richtig im HTML-Code platzieren

Zudem sollte man sich überlegen wo man seinen JavaScript Code im HTML-Code platziert, da irgendwelche Effekte für das Menü usw. auch später geladen werden können, so dass erst-einmal die Webseite (Bilder... ) geladen werden kann, sollte jedoch vor dem  </body> platziert werden.

Im allgemeinen kann man jedoch sagen, dass CSS- sowie Javascript-Daten zusammen-gefasst werden können, um HTTP-Requests an dem Server zu verringern. So sollte man also seine CSS- und Javascript-Daten, welche gemeinsam jedoch in verschiedenen Dateien auf einer Webseite genutzt werden, jeweils zu einer einzigen Datei zusammengefasst werden.

Beispiel (ganz schlecht):

<head> <link rel="stylesheet" More >
tacho

Webseiten beschleunigen – Übersicht

8
1 year ago
by voku in , , , , , , , , ,

Der Artikel beschreibt, wie man seine Webseite bzw. seinen Server analysiert und optimiert um Performance zu gewinnen, Ladezeit zu reduzierten bzw. Traffic einzusparen. Man kann einiges an Performance gewinnen, indem man z.B. Bilder im richtigen Format abspeichert bzw. komprimiert, CSS- / JS-Dateien kombiniert und ebenfalls komprimiert oder auch bestimmt Daten vorkomprimiert zur Verfügung stellt.

1.) Webseiten Analyse 1.1) Webseiten Benchmark

2.) Komprimierung 2.1) Bilder komprimieren 2.1.1) Bilder Sprites 2.1.2) PNG-Bilder komprimieren 2.1.3) JPEG-Bilder komprimieren 2.1.4) Bilder komprimieren – Online 2.2) JavaScript/CSS komprimieren 2.2.1) JavaScript/CSS komprimieren - serverseitig 2.2.2) JavaScript/CSS komprimieren - Online 2.3) Apache gzip-Kompression More >

Go to Top