Der erste Tag der Google Developer Conference ist rum und es wurden schon einige interessante Dinge vorgestellt:

• GoogleWave ist nun für alle offene und benötigt keine Invites mehr
• GoogleBuzz erhält eigene API, woraufhin Seesmic-Desktop mit einer ersten Beta freigegeben wurde. Tweetdeck und Meebo scheinen wohl auch entsprechende Integration zu planen. Auf kurz oder lang werden sicher alle einschlägigen Multiplattform Social Media Marketing Tools Buzz mit an Board holen. Ob das den Dienst “retten” kann ist die Frage.
• Google Font API, ganz feine Nummer! Mit Hilfe von ein paar Zeilen Code lassen sich Fonts, welche nicht auf dem Lokalen Rechner des Users installiert sind verwenden. Aktuell stehen noch nicht wirklich viele zur Verfügung, dass wird sich aber sicher ändern.
• Google gibt WebM-Video-Codec basierend auf VP8 frei. Mozilla, Opera und sogar Microsoft, mit dem IE9, werden diesen für HTML5-Video unterstützen. Wir sind gespannt ob sich Apple mit dem Safari auch noch einreiht.
• GoogleMaps API V3 wird veröffentlicht. Mehr Möglichkeiten und ein Facelift lassen Entwickl z.B .auf StreetView zugreifen.
• Die FeedAPI V2 unterstützt das PubSubHubbub Protokoll was den Push von RSS-Feeds ermöglicht. Aktuell muss man sich noch bewerben um die eigene Seite mit diesem Feature zu bereichern.

Ab 17:30 Uhr, also genau jetzt, kann man sich wieder in den Live-Stream der Keynote hängen.

UPDATE 18:08 Uhr

Tweetdeck hat die Version 0.34.1 mit Buzz und Foursquare-Support veröffentlicht.

Nachdem Google am 9. April bekannt gegeben hat, die Ladegeschwindigkeit nun offiziell mit in das Ranking einfließen zu lassen wird dieses Thema noch wichtiger. Aber natürlich sollte man immer ein Auge auf die Ladegeschwindigkeit der Seite haben. In diesem ersten Teil wird es um die Messung der Geschwindigkeit und das serverseitige Komprimieren gehen. In Teil 2 kümmere ich mich um JavaScript und CSS Minfy, in Teil 3 um das reduzieren von HTTP-Requests und in Teil 4 schliesslich um CSS-Sprites. Die einzelnen Teile werden in den kommenden 3 Tagen jeweils um 14 Uhr veröffentlicht.

Jetzt also zum Teil 1, “Geschwindigkeit messen” und “serverseitige Komprimierung”.

Geschwindigkeit messen.

Zum messen der aktuellen Geschwindigkeit stehen mit Yslow und PageSpeed, beides Firefox Erweiterungen die auf FireBug aufsetzen, zwei kostenlose Tools zur Verfügung. Da die Geschwindigkeit natürlich auch von äußeren Faktoren beeinflusst wird, sollte man den Test mehrmals ausführen und den Mittelwert zum späteren Vergleich heranziehen.

Serverseitige Komprimierung

Ein erster großer Zugewinn wird erreicht, in dem die zu übertragenden Daten minimiert werden. Hierfür bietet Apache zwei Module (mod_deflate & mod_gzip), welche ohne Änderung an der eigentlichen Website, aktiviert werden können. Dazu editiert man die .htaccess im root der Seite.

Im Fall von aktiviertem mod_deflate:

	SetOutputFilter DEFLATE

Im Fall von aktiviertem mod_gzip:

mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl|jpg|gif|png)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*

Diese Maßnahme bringt schon den ersten großen Geschwindigkeitsschub.

Weiter dann ab morgen mit Teil 2 “Javascript und CSS Minify”

Vor kurzem habe ich ein neues Projekt fertiggestellt (http://www.sae-alumni.org) welches anfangs nur für Deutschland, Österreich und die Schweiz ausgeliefert werden soll. Alle anderen Länder bekommen ein Overlay, wie bei den Lightboxes, zu sehen und können dann auf Ihre lokalisierte Version wechseln.

Das ganze ging mit jQuery und Googles Location API sehr schnell und einfach!

Für das Overlay habe ich das jQuery-Plugin Simplemodal verwendet, mit diesem kann man einfach Overlays erzeugen.
Sollte noch kein jQuery eingebunden sein empfehle ich den Weg über Googles “Contend Delivery Service” und die jsapi. Außerdem binde ich gleich Simplemodal mit ein, den Pfad muss man natürlich anpassen.

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.4.2");</script>
<script type="text/javascript" src="jquery.simplemodal-1.3.3.min.js"></script>

Zum testen könnt Ihr folgendes CSS von SimpleModal verwenden und dann anpassen:

 /* Overlay */
#overlay {background-color:#000; cursor:wait;}
 
/* Container */
#container {width:580px; height:400px; font-family:Verdana, Arial; font-size:16px; text-align:left;background: #000;text-align:center;}
#container .contact-content {background-color:#333; color:#ddd; height:40px;}
#container a:link,
#container a:active,
#container a:visited,
#container a:hover{color:#fff;}
#container a.modal-close,
#container a.modal-close:link,
#container a.modal-close:active,
#container a.modal-close:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#999;}
#container a.modal-close:hover {color:#9bb3b3;}

Jetzt noch das Javascript mit Googles Location-API einbinden. In meinem Fall habe ich geprüft, ob der Client nicht aus DE, AT oder CH kommt. Zur Abfrage können alle ISO-3166-1 Codes verwendet werden.

$(document).ready(function() {
   if (google.loader.ClientLocation) {
     var loc = google.loader.ClientLocation;
     var countryCode = loc.address.country_code;
     if(countryCode != "DE" && countryCode != "AT" && countryCode != "CH"){
        $('body').append("<div id="overlay">Visible for other Countries</div>");
        $("#overlay").modal({
            closeHTML: "<a class="modal-close" title="Close" href="#">x</a>",
            position: ["15%",],
            opacity:80,
            overlayId: 'overlay',
            containerId: 'container',
            onClose: container.close
        });
     }
   }
 });
 
var container = {
	close: function(dialog){
		$("#overlay").remove();
		$("#container").remove();
	}
}

Jetzt noch das div#overlay aus obigen JavaScript mit dem entsprechenden Inhalt füllen, fertig.

Gestern Abend (nach GMT+1) hat Google sein neuestes Produkt vorgestellt Google Buzz. Damit greift Google Facebook, Twitter & Co. an. Google Buzz integriert sich in Google Mail und bietet die Einbindung vieler verschiedener Medienarten in den “activity Stream”. Auch bei Google Buzz geht es darum die Aussenwelt von seinem Tun, seinen Ideen, seiner aktuellen Lokation im Prinzip seinem Leben teilhaben zu lassen.

Das schöne dabei, Google versteift sich nicht auf den eigenen Service, sondern bietet an, einfach, Fremdinhalte einzubinden. Die Google Buzz Api bietet hierzu schon jetzt viele offene Standards, will diese aber in Zukunft stetig weiter ausbauen.

Bisher ist Google Buzz noch nicht in jedem Google Mail Account verfügbar, Google hat aber angekündigt über die nächsten Tage alle Accounts damit zu versehen.

Die Frage ist, brauchen wir Google Buzz noch oder hat Google den richtigen Zeitpunkt schon verpasst. Gerade Facebook erfreut sich bei den nicht Geeks wachsender Beliebtheit, wobei Twitter immer noch eher von den web-affinen besiedelt wird. Zieht jemand seine Aktivitäten von Facebook nach Google Buzz um? Ich denke nein, die aktiven SocialMedia Betreiber, SEOs, selbstvermarkter, Webdesigner, eben diejenigen die mit dem Web Geld verdienen, werden Google Buzz so einrichten, das es den Stream der anderen Portale aggregiert um auch hier präsent zu sein. Allen die Facebook nur ab und zu verwenden wird man nur schwer klar machen können das sie einen weiteren Account pflegen sollen, in der Hoffnung noch eine handvoll Freunde mehr zu erreichen.

Der Versuch in den SocialMedia-Markt einzusteigen ist aus Googles Sicht natürlich richtig und wenn es um das Daten sammeln geht ein muss. Ob der Vorteil der offenen Standards und der aktiven Integration in Google-Mail jedoch ausreicht um genug aktive User zu ziehen, wird sich zeigen.

Video zu Google Buzz:

Video zu Google Buzz for Mobile:

Google gibt Vollgas und einen ersten Einblick in den kommenden Browser Chrome 4. Wenn die so weiter machen haben wir bis zum Jahresende neben dem IE8 auch Chrome 8.

Eine neue Funktion ist das Synchronisieren der Bookmarks für über mehrere Rechner in Echtzeit. Mozilla-Labs bietet diese Feature für Firefox als Plugin namens Weave an.

Um das Sync-Feature zu aktivieren muss der Parameter –enable-sync an z.B. die Programmverknüpfung angefügt werden.