Boehrsi.de - Blog

Was wurde viel gelesen und was war besonders beliebt? Dies teile ich euch im Monatsintervall mit und es ist schon wieder soweit. Die Zeit vergeht gefühlt wieder einmal besonders schnell und deswegen direkt und ohne viele Umschweife hier die Top 10 des Monats September. Wie immer absteigend sortiert nach Anzahl der Aufrufe. Eine Kleinigkeit will ich dann aber doch noch loswerden und zwar die Freude darüber, dass die Top 10 News selbst immer wieder in den Top 10 sind. Dies zeigt mir euer Interesse an dieser Zusammenfassung.

Neben den Aktualisierungen, welche durch mich auf Boehrsi.de durchgeführt werden, gibt es natürlich auch Updates an den genutzten Ressourcen. Dazu gehören bei mir jQuery open_in_new und die Mobile Detect open_in_new PHP Library. Diese habe ich heute mal auf die aktuellste Version gebracht. Nach ersten Tests gibt es keine Probleme, sollten euch welche auffallen, würde ich mich über Rückmeldungen in den Kommentaren freuen. jQuery binde ich übrigens über das Content Delivery Network (CDN) open_in_new von Google ein, um Ladezeiten zu minimieren.

Im Rahmen von Arbeiten am Rechenzentrum von Strato, wird es am Montag kurz zu einer nicht Erreichbarkeit meines Servers kommen. Bedingt ist dies durch Wartungsarbeiten an den dortigen Stromversorgungseinrichtungen. Durch diese muss mein Server für kurze Zeit vom Netz und startet danach wieder neu, inklusive aller gewohnten Dienste. Am Montag dem 15.09.2014, zwischen 14:30 und 16:30 ist die Wartung geplant. Die Homepage sollte nur wenige Minuten offline sein, alle weiteren Dienste wie gewohnt auch nur kurze Zeit, bis meine Scripte wieder greifen. Zusätzlich zu dieser Wartung kann es in der ferneren Zukunft zu einer längeren nicht Erreichbarkeit kommen, denn ich plane ein OS Upgrade von Ubuntu 12.04 auf 14.04 und dies würde einige Zeit in Anspruch nehmen. Da ich damit allerdings einige Änderungen verbinden möchte, bedarf dies einiger Planung und somit auch Zeit. Sobald es dort etwas neues gibt melde ich mich noch einmal.

Der August neigt sich hart dem Ende entgegen und somit wird es wieder Zeit für die monatliche Zusammenfassung der Top Beiträge. Falls ihr nicht so oft im Blog vorbei schaut aber gerne mal etwas stöbern wollt, dann wären diese Beiträge vermutlich ein guter Einstiegspunkt. Aber auch für häufige Leser ist ein kleiner Blick in die Top Beiträge meistens nicht das schlechteste. Diesen Monat sind vor allem aktuelle Beiträge am beliebtesten gewesen.

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.

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.