Nach meinem “Füllposting” eben habe ich es also doch noch geschafft, die 200 Artikel in meinem Blog dieses Jahr voll zu bekommen – und so auch das neue Layout / Design gebührend einzuweihen!
Das neue Layout basiert auf dem “Hansi” Wordpress-Template von wpyag.com. Das war mir alles in allem jedoch zu dunkel und an dem vielen Blau kann man sich schnell satt sehen. Als neuer Hintergrund ziert deshalb ein grauer Farbverlauf mit einigen geschwungenen Linien mein Blog. Auch habe ich einige andere Farben angepasst und den Bereich mit der Werbung ganz gestrichen.
Es hatte sich allerdings als Herausforderung erwiesen, dass Template für die BlogEngine.NET anzupassen. Leider ist es nicht ganz Copy-and-Paste tauglich geworden, da einige Dateien außerhalb des Themes-Ordners angepasst werden mussten. Im einzelnen waren das:
- archive.aspx
- contact.aspx
- error.aspx
- error404.aspx
- login.aspx
- page.aspx
- post.aspx
- search.aspx
Eventuell hätte man das auch vermeiden können durch einige zusätzliche Abfragen innerhalb der Theme-Masterseite. Wer sich daran gerne mal versuchen möchte oder das Template auch so ausprobieren will darf sich gerne bei mir melden, ich schicke ihm dann die Dateien zu.
Ein weiteres Problem am Hansi-Template war der HTML 4.01 DOCTYPE. Ich verwende fast ausschließlich den XHTML 1.0 Transitional DOCTYPE und habe Erweiterungen, Beiträge, usw. auch darauf abgestimmt. Für die entsprechenden Anpassungen war einiges Ausprobieren notwendig, am Schluss habe ich es jedoch geschafft auch das neue Design wieder valide zu bekommen.
Zu guter letzt fiel mir nach einem ausführlichen Test auf, dass die Seite deutlich länger zum Laden brauchte als vorher. Einige Tests zeigten, dass über 600KB an Daten für die Startseite geladen wurden, zum Rendern rund 7 Sekunden benötigt wurden und das Caching zu allem überfluss praktisch nicht existierte. Nach weiterer, stundenlanger Optimierung liegt die Downloadgröße beim ersten Aufruf nun bei rund 280KB (3.5 Sekunden) und bei nachfolgenden Aufrufen bei nur noch rund 20KB (1.8 Sekunden). Warum die meisten Grafiken im Original-Template so ineffizient abgespeichert wurden ist mir ein Rätsel: Selbst unter Beibehaltung des Formates (24-Bit PNG) konnte ich die Dateigrößen teilweise um über 80% reduzieren! Einige Grafiken waren außerdem im “falschen” Format gespeichert und durch eine Optimierung konnte hier die größte Ersparnis erbracht werden. Das Caching und die komprimierte Übertragung haben dann ihr übriges getan, so dass die Seite nun sogar schneller als vorher angezeigt werden kann.
Mit meiner letzten Erweiterung, den Microsoft Tags in der Druckansicht, im Hinterkopf habe ich die Stylesheets auch für die Druckausgabe optimiert. Hier wird nun alles unnötige ausgeblendet und der Artikel über die komplette Breite gedruckt. Am Ende steht dann wie bereits beschrieben der Tag zum direkten Aufrufen des Blogartikels.
Zu guterletzt sind noch einige Kleinigkeiten dazu gekommen: Ein Retweet-Widget von Tweetmeme und beim Kopieren von Text in die Zwischenablage wird die Ursprungs-URL und ein Lizenzhinweis automatisch hinzugefügt mit Hilfe eines Scriptes von Tynt. Alle Texte stehen ab sofort – soweit nicht anders angegeben – unter der Commons Attribution 3.0 Lizenz, alle Codebeispiele weiterhin unter der Microsoft Public License. Die “Meistgelesenen Artikel” wurden auch zurück gesetzt, da hier in den letzten Wochen/Monaten Probleme beim Erfassen der Aufrufe auftraten die nun gelöst sind.
Im Augenblick noch Probleme macht der Internet Explorer 7, der einige Darstellungsprobleme mit der Sidebar hat. Hier werde ich mich in den nächsten Tagen noch mit beschäftigen. Wenn es auch in anderen Browsern Probleme gibt würde ich mich über eine kurze Benachrichtigung, am besten auch mit Screenshot, freuen und ich werde versuchen das zu beheben.
In den nächsten Tagen werden auch noch einige neue Inhalte dazu kommen in Form von “statischen” Seiten, doch der größte Teil ist jetzt online. Ich freue mich schon auf die nächsten 200 Artikel und hoffe noch einige neuen Leser dazu gewinnen zu können!
Euch allen derweilen eine schöne Weihnachtszeit und in ein paar Wochen einen guten Rutsch ins Jahr 2010!
Share or Bookmark this Article: