by ·15 Kommentare

Es gibt mittlerweise viele Google Tools, die man täglich nutzen kann. Mail, Kalender, Reader, Notebook, Groups usw. Normalerweise muss man für jedes Google Profukt ein eigenes Fenster oder ein eigenen Tab öffnen. Viel platzsparender wäre es doch, wenn man alle Google Produkte in einem Tab zusammenfasst.

Hier kommt Integrated Gmail ins Spiel. Das Firefox Add-on ermöglicht es, zu Gmail noch weitere Google Tools hinzuzufügen.

gmail-integrated-interfaces-main
Seht ihr die grünen Pfeile unten links und oben rechts? Mit denen könnt ihr die Sidebar und den Header von Gmail ausblenden, wenn ihr diese nicht brauch. Der gewonnene Platz kann dann für die vielen Apps in dem einen Tab genutzt werden.

Es lassen sich Apps hinzufügen, entfernen und konfigurieren.
Jedes hinzugefügte App kann einzeln konfiguriert werden. Es wird dann jeweils in einem ausklappbaren Bereich angezeigt und kann damit auch minimiert werden. So kann man z.B. eine E-Mail schreiben und gleichzeitig die Fakten aus dem Feedreader lesen.
gmail-integrated-interfaces-config
via

Update: Ein Test: Firefox normal mit 4 Tabs offen. Mail, Kalender, Notebook, Reader. Firefox verbraucht 128k Arbeitsspeicher. Dann der Test Firefox mit dem Add-on, 1 Tab mit Mail, Kalender, Notebook und Reader integriert. Mit 137k Arbeitsspeicher verbraucht diese Variante (nur) 7% mehr, man spart aber schon 3 geöffnete Tabs. Je mehr man Google nutzt desto mehr Tabs spart man. Ich glaube auch, dass das ständige öffnen und schließen von Google Tabs (Google Notebook nur mal schnell eingesehen, dafür einmal Tab öffnen, laden und wieder schließen) im Endeffekt auch Zeit und Prozessorkraft verbraucht. Sind alle Google Apps in dem 1 Tab geladen muss man nicht wegen jeder Kleinigkeit Tabs öffnen. Für mich ein geiles Add-on, vorerst.

by ·2 Kommentare

Durch Änderungen der .htaccess zur Performanceoptimierung trudelte mein Blog Stück für Stück in Cachingprobleme.

Es zeigte sich daran, dass nicht immer der aktuellste Inhalt angezeigt wurde. Auf der Hauptseite fehlten die neuesten Artikel oder bei einem Artikel fehlten neue Kommentare.
Durch einen Hard-Reload (Strg+F5) oder geleerten Cache war das Problem kurz behoben aber 1. nur clientseitig und 2. dauerte es nicht lange und das selbe Phänomen trat wieder auf.

Hier ist meine Abhilfe:

Löscht alle Zeilen aus eurer .htaccess, die das Cachingverhalten beeinflussen (vor allem „Expires“-Zeilen).
Fügt stattdessen folgende Zeilen ein:

Header unset Cache-Control
Header unset Expires
Header unset Last-Modified

Startet euren Apache Server neu (oder lasst ihm vom Hoster-Support neu starten) und behaltet diese Einstellungen eine Weile bei. Ich schätze mal, dass 12-48 Stunden genügen.
Löscht dann auch diese Zeilen wieder und startet (lasst) den Apache neu. Auch jetzt wieder etwas Geduld beweisen und mit der Zeit sollten die non-actual content Probleme wieder verschwinden.

by ·5 Kommentare
Benutzung auf eigene Gefahr! Bei mir führten die Änderungen zu Cachingproblemen im Blog. Mehrere Webmaster und Webdeveloper bestätigten mir aber, dass diese Änderungen bei richtiger Handhabung funktionieren und optimieren.

Heute habe ich etwas am Backend des Blogs geschraubt und die Ladezeiten des Blogs um bis zu 25% verbessert.

Diese kleine Geschwindigkeitssteigerung habe ich nur anhand einiger .htaccess Zeilen erreicht. Diese wiederum habe ich von verschiedenen Webseiten zusammenrecherchiert und mit vielen Tests und Stichproben gemessen und ausgewertet.

Folgende Tipps kann ich euch empfehlen:

Kompression #1:

php_value output_handler ob_gzhandler

Kompression #2:



Setoutputfilter DEFLATE

Manche Webhoster haben eine Kompression standardmäßig aktiviert. Testen könnt ihr das mit GIDZip Test oder dieser Seite (öfters down). Obwohl mein Hoster schon eine Komprimierung eingestellt hatte, habe ich die letzten 2 Codeschnipsel in meiner .htaccess.

Cacheoptimierung #1:


ExpiresActive On
ExpiresDefault "access plus 3600 seconds"
ExpiresByType image/x-icon "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 216000 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"

Cacheoptimierung #2:



Header set Cache-Control "max-age=2592000, public"


Header set Cache-Control "max-age=604800, public"


Header set Cache-Control "max-age=216000, private"

Update: Code berichtigt

Ich habe all das schrittweise in meine .htaccess übernommen und schrittweise Stichproben mit YSlow genommen. Am Ende brachten alle Verbesserungen bis zu 25% mehr Speed. Der Wert ist natürlich abhängig vom Blog, Hoster, der Internetleitung und anderen Gegebenheiten aber ihr solltet die Ladezeit eurer Seite auf jeden Fall verbessern können.

by ·Keine Kommentare

Ihr möchtet im Firefox euren Blog als Suchanbieter sehen?
blog-als-suche-im-firefox-intro

So gehts:

Erstellt eine .xml mit beliebigen Namen – ein sinnvoller Name wie search.xml macht natürlich Sinn – und folgendem Inhalt:

< ?xml version="1.0" encoding="UTF-8" ?>
 
  hannes-schurig.de
  hannes-schurig.de
  src="http://hannes-schurig.de/favicon.ico"

Passt alle URLs und Namen an euren Blog an und packt die Datei auf euren Server.

In den Blog-Header fügt ihr folgende Zeile ein:

blog-als-suche-im-firefox-add

Und wenn ihr einen klickbaren Link haben wollt dann nutzt ihr folgenden Wert für das href Attribut:

javascript:window.external.AddSearchProvider('https://stuff.it-stack.de/search.xml');

via wuensch-media.de via biggle.de

by ·6 Kommentare

Ich wollte gerade die CeBIT Keynotes herunterladen, weil ich für meine Präsentation noch einige Infos brauche.
Alle Keynotes vom 3. bis 6. (inklusive Eröffnung etc) sind auf der Homepage zum Anschauen bereitgestellt. (die Aktion ist nun abgelaufen)
Die Videos sind via Flash in die Seite eingebettet und bekanntlicherweise kommt man hier mit Rechtsklick nicht mehr weiter. Von Bildern ist man „Bild speichern unter…“ gewohnt, in diesem Fall hat man diese Möglichkeit nicht:
flash-video-rightclick_sm

1. Lösung: Quelltext öffnen (STRG+U oder Ansicht->Seitenquelltext anzeigen) und dann nach bestimmten Keywords suchen. In unserem Fall kommt man mit den Keywords „swf“, „flv“ oder „player“ schnell zum Ziel:
flash-video-download-quelltext
Und schon haben wir den Link zu dem gewollten Flash Video. Jetzt nur noch schnell in die Leiste kopiert und der Download startet.
flash-video-download_sm

So einfach ist es leider nicht immer, hier ein paar weiterführende Tipps:

  • Das Video abspielen und danach im Cache des Benutzers nach dem Video suchen. Es sollte zwischengespeichert worden sein.
  • Mit dem Firefox Add-On LiveHTTPHeaders lassen sich erweiterte Daten ausspähen. Dadurch kann man progressiv in swf eingebundene flvs ’sniffen‘. Dazu einfach das Add-On installieren, Request starten, die Seite laden und dann etwas in dieser Art suchen:
    #request# GET http://www.blabla/video.flv
  • Mit dem LiveHTTPHeaders könnt ihr auch Youtube und GoogleVideo Videos abfangen und abspeichern. Aber für diese Videoportale gibt es ja genug Tools, die das sehr viel schneller und einfacher machen, wie z.B. Youtube -> MP3
  • Notfalls mit nem Screencapture-Programm wie CamStudio (Freeware, sehr gutes Tool) das Video aufzeichnen.