Hier nochmal der Link: http://dirpy.com

Ähnliche Beiträge:

1. Youtube HD Videos herunterladen mit Linux Gerade habe ich einen sehr interessanten Bericht auf http://youtube.com entdeckt....
2. Telekom bringt Online-Zeitungsladen Gerade von meinem Thailand Urlaub heimgekommen bin ich auf ein...
3. Java Quellcode in HTML konvertieren So, da ich öfters Java Quellcode hier veröffentliche wollte ich...

In folgendem Artikel möchte ich euch einen Anreiz geben wie ihr bei eurem Blog oder bei eurer Webseite schnellere Ladezeiten erreicht. Angeregt dazu hat mich der Artikel “Speed me up!” aus der c’t 2011 / Heft 20.

Analyse

Zu allererst misst ihr am Besten eure die Ladezeit eure Webseite. Damit ihr einen Vergleichswert nach dem Optimieren habt. Dafür eignet sich das Tool pingdom hervorragend, damit könnt ihr sehen welche Komponenten wie lange laden. Als weiteres Tool kenne ich YSLOW aus dem Hause Yahoo, welches mich jedoch nicht so sehr überzeugt hat. YSLOW bietet einige Zusatzfeatures wie die Bewertung bestimmter Parameter mit Schulnoten von A (sehr gut) bis F(sehr schlecht).

CSS-Datei vor JavaScript laden

Da JavaScript Code auf die Informationen von CSS angewiesen ist wird JavaScript erst ausgeführt wenn alle CSS-Dateien geladen sind.

Nur eine CSS-Datei und eine JavaScript-Datei

Jedes laden einer Datei bedeutet für den Browser eine neue Anfrage an den Server. Bis diese Anfrage gestellt ist und mit einer Datei beantwortet wird vergeht relativ viel Zeit im vergleich zum Herunterladen der Datei. Packt man also drei CSS-Dateien mit je 10KB zusammen zu einer 30KB Datei ist das im Vergleich viel schneller wie das dreimalige herunterladen von 10KB. Das gleiche gilt natürlich auch für JavaScript-Dateien.

Komprimieren von CSS-Dateien

Um CSS-Dateien zu komprimieren gibt es mehrere Dienste zur Auswahl. Ich verwende jedoch immer CSS-Compressor von minifycss.com. Die CSS-Datei meines Blog-Theme konnte immerhin von 9.126KB auf 6.834KB komprimiert werden. Das entspricht einer Komprimierungsrate von 25.1%. Bei der Komprimierung werden zum Beispiel Farbinformationen, unnötige Backslashes oder Sonstige Attribute gekürzt.

Komprimieren von JavaScript-Dateien

Um JS-Dateien zu komprimieren verwende ich jscompress. Komprimiert man zum Beispiel die JS-Datei des Plugins Lightbox, kommt man von 23.83KB auf stolze 10.590KB und einer Komprimierungsrate von stolzen 56%. Setzt man JavaScript-Frameworks wie jQuery oder ähnliches ein kann man das Framework als bereits komprimierte JS-Datei herunterladen.

Bilder zusammenfassen

CSS-Sprites werden benutzt um die Anzahl der HTTP-Anfragen an einen Server zu reduzieren um somit schnellere Seitenladezeiten zu erreichen. Hierbei werden alle Bilder zu einem einzigen Bild gepackt, und über CSS Positionsinformationen je nach anzuzeigendem Bild ausgerichtet. Auch hier gibt es eine Menge Anbieter. Da ich CSS-Sprites für meinen Blog nicht verwende kann ich leider keinen mir bekannten Dienst nennen, aber einfach mal nach css sprites generator googlen.

Sonstiges

Hier noch eine andere Methoden die ich kenne mich jedoch noch nicht wirklich damit beschäftigt habe:

• Webseiteninhalte auf verschiedenen Hosts verteilen (als Privatperson nicht wirklich praktikabel und sinnvoll)
• Inhalte mittels GZIP komprimieren siehe: http://php.net/manual/en/function.ob-gzhandler.php, http://www.dosonaro.com/lade-deine-css-datei-bis-zu-80-prozent-schneller-mit-php-gzip/

WordPress-Plugins

• WP Super Cache: Cached Bloginhalte, somit werden Datenbankzugriffe und Ausführung von PHP-Code reduziert.
• WP Minify: Reduziert die Anzahl von CSS- und JS-Dateien
• Use Google-Libaries: Ladet alle bekannten Bibliotheken wie zum Beispiel jQuery oder Prototype von Google-Servern, dies reduziert die eigene Serverlast.

Falls ihr noch mehr Informationen habt zu dem Thema, könnt ihr diese gerne hier posten. Ich hoffe ich konnte dem ein oder anderen weiterhelfen.

Ähnliche Beiträge:

1. WordPress Blog: Ladezeit verkürzen durch Caching Bei einem Aufruf eines Blogs werden serverseitig viele Leseoperationen durchgeführt....
2. PHP: Tutorial Ajax Suche aus einer MySQL Datenbank Heute möchte ich euch zeigen wie man Schritt für Schritt...
3. Datenverlust hier im Blog Wegen eines ungünstigen MySQL Statements sind kurzzeitig alle Artikel und...

Gerade von meinem Thailand Urlaub heimgekommen bin ich auf ein wirklich nettes Portal, aus dem Hause Telekom, gestoßen. PagePlace ist eine Art e-Kiosk und bietet dem Benutzer die Möglichkeit deutschsprachige Magazine, Bücher und Zeitungen als PDF-Format zu kaufen und herunterzuladen. Klar ist , dass dies nicht unbedingt jedermanns Sache ist. Ich selbst habe auch lieber ein echtes Stück Papier zwischen meinen Händen. Dieses Gefühl wird einem ein virtuelles Produkt nie geben können. Jedoch hat PagePlace aus meiner Sicht zwei große Vorteile. Zum einen spart der Benutzer bares Geld. Eine PC-Welt plus-Ausgabe kostet zum Beispiel im Kiosk 6,50€, beim Telekom-Portal nur 3,99€. Interessiert man sich also etwa nur für ein paar Artikel oder sogar nur für einen ganz speziellen lohnt sich dieses Angebot allemal. Worin ich den größten Vorteil jedoch sehe, und das habe ich in den letzten 3 Wochen bitter erfahren müssen, befindet man sich zum Beispiel eine längere Zeit im Ausland und will trotzdem nicht auf seine Tageszeitung, sein Computer-Heftchen oder ein neues Buch verzichten ist der Shop eine echt gute Lösung. Besonders gut gefällt mir auch der Seitenaufbau. Einfach gehalten, sehr übersichtlich und es gibt ein Bewertungssystem, ähnlich wie man das von Amazon her kennt. Leider gibt es momentan eine noch nicht ganz so große Auswahl an Zeitschriften, aber ich bin mir sicher die Telekom arbeitet daran. Für den ein oder anderen von euch lohnt es sich also einen Blick auf den Online-Kiosk zu werfen. PagePlace-Apps gibt es für Android, iPad, iPhone, iPod touch, PC und Mac.

Screenshots

Ähnliche Beiträge:

1. Guitar Hero für PC (online) Heute beim surfen etwas tolles gefunden. http://www.jamlegend.com . Für alle...
2. Die besten kostenlosen Spiele Teil I: Soldat Im Netz findet man eine Reihe von kostenlosen und hochwertigen...
3. Gutscheine bei Meingutscheincode.de Für alle Sparfüchse unter euch möchte ich euch heute Meingutscheincode...

Meingutscheincode bietet eine praktische Suchfunktion an. Gibt man zum Beispiel: Big Fish Games Gutschein erhält man alle möglichen Gutscheine zum dem Spiele-Portal. Was mir auch positiv aufgefallen ist, ist die Kategorisierung der Gutscheine. Somit kann man einfach mal gewissen Themen durchstöbern, vielleicht findet man ja etwas interessantes. Will man wöchentlich eine Auswahl der beliebtesten Gutscheine so hat man die Möglichkeit den Newsletter zu abonnieren.

Was mir am allerbesten gefallen hat ist das es ein Firefox-Plug-In von Meingutscheincode gibt welches einem automatisch signalisiert ob ein Gutschein eines Shops vorhanden ist, falls man gerade etwas kaufen will. Hier gelangt ihr zum Firefox Addon. Welche Seiten das Firefox-Plug-In “Mein Gutscheincode Finder” unterstütz habe ich leider nicht herausgefunden. Wünschenswert wäre eine List in der Plug-In-Beschreibung. Für Chrome gibt es das Pendant-Plug-In. Mehr Infos gibt es hier.

Hier nochmal die wichtigsten Features:

• Firefox Plug-In
• Suchfunktion
• Kategorisierung
• Newsletter (wöchentlich)
• Shop Index
• Beliebtesten Gutscheine auf einen Blick

Ähnliche Beiträge:

1. [UPDATE]Gutscheine bei MyBy.de Neuer Gutschein: * 50 EUR Gutschein * Ab Warenkorbwert 250...

Ähnliche Beiträge:

1. Google Chrome – Der neue Browser Google schickt mit Google Chrome einen neuen, schicken und rasend...
2. Die besten kostenlosen Spiele Teil I: Soldat Im Netz findet man eine Reihe von kostenlosen und hochwertigen...
3. Java Applet: Pizzawecker / Küchenuhr Jeder kennt dass, Pizza oder Lasagne in den Backofen geklatscht...