Boehrsi.de - Blog

So langsam habe ich fast alle Themen bezüglich der Optimierung meines Web-Servers abgearbeitet und heute ist die Komprimierung von Inhalten das Thema. Dafür nutze ich, da Apache der Webserver meiner Wahl ist, das Apache Modul mod_deflate open_in_new. Selbiges habe ich relativ simpel konfiguriert, wobei ich mich wie schon zuvor erwähnt an die Einstellungen von html5boilerplate.com open_in_new halte. Denn diese waren bis jetzt extrem gut und brachten mir nur Vorteile. Diese haben sich im Vergleich zu meiner Konfiguration schon wieder etwas verändert aber dort werde ich größere Anpassungen erst wieder beim nächsten Umfangreichen Update durchführen oder aber wenn Fehler auftreten. Im unteren Teil findet ihr meine konkrete Vorgehensweise.

• HTML5 Boilerplate .htaccess Datei auf GitHub.com open_in_new

Einer der größten Datenproduzenten bei der Übertragung von Homepage-Daten sind Bilder. Selbige einfach wegzulassen sollte man allerdings nicht versuchen, denn was wäre eine Seite ohne Bilder. Aus diesem Grund muss man Bilder entsprechend optimieren. Das bedeutet zum einen die richtigen Formate zu verwenden und auf der anderen Seite die Bilder mit verschiedenen Tools so anzupassen, dass man hier und dort ein paar Bits und Bytes sparen kann. Denn insgesamt erreicht man dadurch tatsächlich eine spürbare Verkleinerung der Daten.

Eine kleine News in eigener Sache, denn ich habe mal wieder etwas an meiner Seite gearbeitet. Denn was gibt es besseres als nach einer Runde für die Uni zu programmieren, noch eine Runde für sich selbst etwas zu schreiben. Spaß bei Seite und zurück zum Thema und den Änderungen, welche meine Seite auf Homepage Version 7.2 und Code Version 7.3 bringen. Einige Änderungen gab es im Projekte Bereich und dort vor allem beim Bugtracker. Es wird nun die Eingabe der Daten mittels JavaScript etwas vereinfacht und ich habe die letzten “reinen” JavaScript Codes gegen jQuery ausgetauscht. Außerdem sieht man nun bevor ein Bug eingetragen wird alle aktuellen und noch nicht bearbeiteten Bugs, so möchte ich doppelte Eintragungen verhindern. Zusätzlich habe ich bei den Projekten nun die Möglichkeit FAQ oder Hilfe Seiten anzulegen, wie z.B. hier zu sehen. Als weitere große und vor allem sichtbare Änderung habe ich eine neue Unterseite erstellt. Diese ist für Nutzer gedacht die mich unterstützen wollen, wenn z.B. ein Beitrag ihnen geholfen hat oder ähnliches. Auf dieser Seite gibt es sowohl eine Paypal Spenden Funktion, wie auch den Link zu meinem öffentlichen Amazon Wunschzettel. Eingebaut habe ich diese Seite weil ich darauf angesprochen wurde und eher weniger aus eigener Motivation. Die weiteren Änderungen sind nicht sichtbar aber dafür vielleicht spürbar, denn ich habe den CSS Code stark minimiert und so die Ladezeiten verbessert. Diverse kleinere Bugfixes gab es in der letzten Woche bereits und die verschiedenen Unterseiten haben nun aussagekräftige Titel, damit Google diese entsprechend anzeigt.

Dieses Mal mehr als pünktlich gibt es die Top 10 dieses Monats. Selbige bestehen diesen Monat fast nur aus neueren Artikeln, was mich freut. Nachdem die letzten Tage eher unregelmäßig neue Beiträge kamen, sollte es nun wieder die geplanten täglichen News geben. Darunter sind auch die einen oder anderen größeren und allgemein umfangreicheren News. Außerdem gilt natürlich wie immer, wenn ihr Ideen habt oder Fragen, dann nur her damit und entweder in den Kommentaren melden oder aber die Tipp senden Funktion nutzen.

Aufgrund eines Kernel Updates wird meine Seite und alle Dienste die dazugehören übermorgen (01.08) zwischen 07:00 und 09:00 kurzzeitig nicht erreichbar sein. Wenn alles problemlos funktioniert wird es sich lediglich um einige Minuten während des Reboots handeln. Die Homepage sollte sofort nach dem Restart wieder da sein, alle anderen Dienste werden über meine automatisieren Skripte kurz danach wieder aktiviert. Ich bitte den kurzen Ausfall zu entschuldigen.

Wenn man weniger Daten laden muss geht alles schneller, klingt logisch oder? Dementsprechend soll man versuchen den Code, der an den Nutzer gesendet wird, zu minimieren. Es geht hierbei nicht darum was z.B. im PHP Backend passiert, sondern um die finalen Daten die transferiert werden müssen. Es ist dabei relevant HTML zu entschlacken aber auch JavaScript und CSS sollten nicht vergessen werden. In diesem Zuge habe ich durch die Umstellung auf einen komplett neuen HTML5 Code alles etwas “einfacher” gehabt. Denn dadurch achtete ich natürlich automatisch auf einen möglichst minimalen Unterbau. Ich verhinderte von Anfang an Inline CSS Nutzung und platzierte CSS direkt in Elementen ohne extra Klassen einbinden zu müssen. Außerdem legte ich möglichst viele ähnliche CSS Klasse zusammen und wendete sie auf diverse HTML Elemente an. Einzelne Unterschiede wurden dann extra abgearbeitet und insgesamt denke ich mit dieser Technik sehr gut gefahren zu sein. Vor der Auslieferung der CSS Datei an den Nutzer habe ich dann noch das Tool cssmin.js open_in_new über meine CSS Datei laufen lassen und konnte auch hier noch ein paar Bytes heraus holen. JavaScript versuche ich möglichst wenig zu nutzen, auch wenn die Möglichkeiten vielfältig sind. Dies ist damit begründet das man JavaScript blockieren kann und ich bin der Meinung eine Seite sollte grundsätzlich immer grundlegend funktionieren, auch ohne extra Skripte. In diesem Bereich erreichte ich die Minimierung also quasi einfach schon durch meine Vorstellungen von JavaScript Integrierung. Den wenigen Code den ich schrieb, erstellte ich in jQuery, was noch einmal etwas Masse spart. Aus diesem Grund nutzte ich kein weiteres Tool zur Code Minimierung, wie zum Beispiel JSMIN open_in_new. Alles in allem läuft meine Seite nun sehr schnell aber trotzdem möglichst Standard Konform, was häufig ein Problem ist.

• Tipps zur Code Minimierung (HTML, CSS und JavaScript) via developers.google.com open_in_new

Aufgrund einer kritischen Sicherheitslücke in der von Strato genutzten Virtualisierungssoftware, musste gegen ca. 17 Uhr ein Update eingespielt werden. Die Vorwarnung via Mail kam leider nur wenige Minuten zuvor, sodass eine Information vorab hier im Blog nicht möglich war. Ich entschuldige mich für die offline Zeit, habe den Neustart des Servers aber mal direkt für das eine oder andere Software Update genutzt. Somit hat das ganze vielleicht sogar etwas gutes.

Auf Zeitgründen gab es diesen Monat leider nicht ganz so viele News wie geplant aber natürlich gibt es trotzdem eine Top 10. Diese beinhaltet wie schon bekannt die beliebtesten Artikel des letzten Monats, nach Häufigkeit absteigend sortiert. Battlefield war diesen Monat scheinbar sehr beliebt aber auch “nicht Spiele Themen” sind vertreten. Im unteren Teil findet ihr die Liste, schaut einfach selbst und vielleicht entdeckt ihr noch das eine oder andere interessante.

Ich weiß nicht ob es euch aufgefallen ist aber mir persönlich schon, der Content in meinem Blog ist etwas einseitig geworden. In der letzten Zeit berichte ich zwar viel aber häufig geht es um Spiele oder Spiele-Angebote. Das ist an sich kein Problem, doch mein Blog soll schon etwas vielseitiger sein als das. Natürlich war durch die E3 und diverse Spiele-Sales ein größeres Aufgebot an Spiele-News klar, doch in nächster Zeit möchte ich neben meinen laufenden Serien auch wieder etwas mehr über andere Dinge berichten. Mehr zum Thema Android Programmierung und auch ein paar weitere neue Programmierprojekte wollen erwähnt werden. Ihr dürft euch also auf ein wenig mehr Abwechslung freuen. Was aber nicht heißen soll, dass die Anzahl der Spiele-News sinken wird. Es wird einfach mehr geben, aus verschiedenen Bereichen und vielleicht ist ja auch mal wieder ein Gewinnspiel mit dabei.

Der Mai ist vorbei und das nutze ich einfach mal um ganz spontan, so wie jeden Monat, die Top 10 der meist gelesenen Artikel hier im Blog zu veröffentlichen. Diese sind wie immer im unteren Teil der News platziert und enthalten zum Teil neue Beiträge die euch wichtig waren, zum Teil aber auch ältere, welche immer wieder gerne gelesen werden, da sie bestimmte Probleme angehen. Wie immer empfehle ich gerade selteneren Lesern sich diese kleine Aufstellung mal anzusehen, denn dort findet man einen guten, wenn auch nicht kompletten, Überblick über die von mir betrachteten Themenbereiche.