Website Performance Check bei Smashing Magazine

Bei diesem Webprojekt war es besonders wichtig, zunächst ein umfassendes Website Sicherheitsaudit und eine Website Performance Check durchzuführen. Warum beides sehr wichtig bei der Durchführung von Webprojekten sind, lesen Sie in diesem Projektbericht.

Smashing Magazine: Das weltweit größte Onlinemagazin

Täglich etwa 180.000 Unique Visitors, vornehmlich professionelle Webdesigner und -entwickler, nutzen das Magazin. Smashing Magazine hat über 2.400 Artikel, 402 Pages, 215.000 Kommentare und jeden Tag ein bis zwei neue Artikel. Es ist in den letzten Jahren historisch auf verschiedenen WordPress-Instanzen gewachsen. Inpsyde hat Smashing Magazine auf eine WordPress-Instanz, eine sogenannte WordPress Multisite, migriert.

Die Herausforderung: Datenmigration und Audits

Website Sicherheitsaudit bei Webprojekten

Die Migration der Daten, der weitere und reibungslose Betrieb der Website während der Migration, sowie die ständige wie zügige Betreuung und Weiterentwicklung der Website stellten eine große Herausforderung dar.

Inpsyde: WordPress Agentur mit professionellem Konzept und kompetenter Durchführung

Inpsyde führte verschiedene Audits bezüglich der Sicherheit und der Performance der gesamten Website durch. Darüber hinaus lieferte Inpsyde professionelle Beratung und Konzeptionen. Dazu gehören zum Beispiel die Überarbeitung des Navigationskonzeptes für den mobilen und responsiven Bereichs sowie viele weitere Anforderungen, mit denen Smashing Magazine in stetigem Austausch mit Inpsyde ist.

Die Betreuung und der Umzug von Smashing Magazine auf einen neuen Server wurde ebenso mit Inpsyde durchgeführt. Dafür wurde die Serverkonfiguration abgestimmt, die Migration der bisherigen Datenstruktur vollzogen, die Umstellung der vorhandenen Daten auf eine neue Datenbank durchgeführt und das gesamte Projektmanagement geplant und abgewickelt. Außerdem hat Inpsyde den Aufbau und die Umsetzung des Rechtesystems für Redakteure und Autoren auf die Bedürfnisse von smashingmagazine.com angepasst.

Die WordPress Agentur ist jetzt zuständig für die regelmäßige Wartung, Betreuung und Aktualisierung des Systems.

Die Ergebnisse

Die Ergebnisse sind vielfältig. Hauptsächlich das Endergebnis in dem Sinne kann jeder gerne hier bewundern. Eine hoch verfügbare und performante Plattform auf WordPress. Außerdem wurde die Datenstruktur verbessert.

Inpsyde ist empfehlenswert, weil …

Wir empfehlen Inpsyde auf jeden Fall. Um unsere Zusammenarbeit zu dokumentieren, hat das Smashing Magazine im Jahr 2014 gemeinsam mit Inpsyde ein Interview mit dem Smashing Magazine beim Upload-Magazin gegeben.


Lest hier das Interview von Markus Seyfferth (Smashing Magazine) und Alex Frison (Inpsyde GmbH) über die Zusammenarbeit und das Projekt:

Wie groß ist Smashing Magazine eigentlich konkret?

Markus: Dazu einmal einige Zahlen auf einen Blick:

  • 2.371 Artikel
  • 402 Pages
  • 214.970 Kommentare
  • Besucher: im Schnitt 4,5 bis 5,5 Millionen Unique Visitors im Monat
  • Seitenabrufe = im Schnitt 9 bis 11 Millionen Page Views im Monat
  • 1 bis 2 neue Artikel pro Tag
Wie sieht eure Hosting-Lösung aus?

Markus: 2 WWW-Server, und zwei Server für die Auslieferung von Bilddateien und CSS. Das Ganze mit vorgeschaltetem Load-Balancer. Wir sind aber dabei, das mittelfristig umzustellen und die Server-Performance zu verbessern, insofern arbeiten wir derzeit nicht mit State of the Art Hosting.

Welche Optimierungen habt ihr an WordPress vorgenommen?

Markus: Zu nennen sind hier vor allem Dinge, die die Frontend-Performance verbessern wie Lazy-loading unserer Ads sowie Webfonts. Beides zusammen hat richtig was gebracht, insbesondere auf Mobile. Bzgl. der Optimierung von Caching mittels Plugins: Wir arbeiten hier mit einem Customized Plugin — Verbesserungen sind aber schon geplant.

Wir arbeiten ansonsten nur mit möglichst wenig Plugins. Darunter sind WP SEO Premium, Remove Blog Slug zum Entfernen von /blog/ im Slug, ein Plugin für Comments und eines für den RSS-Feed. Das war’s. 🙂 Plugins beispielsweise fürs Lazy-loading von Bildern taugen in der Regel nichts. Im Gegenteil, sie verschlechtern sogar eher noch das Ergebnis beim Google Pagespeed, auch wenn Plugins sich selbst als „light-weight“ bezeichnen — sie sind es im Regelfall nicht.

Alex: Den Kern von WordPress haben die Entwickler von Inpsyde bei alldem nicht angefasst. So können einfach und schnell Updates für WordPress und die eingesetzten Plugins durchgeführt werden. Auch bei den Eigenentwicklungen halten wir uns an die Standards, um so permanent auf dem hohen Sicherheitslevel zu arbeiten, den WordPress vorgibt.

Das von uns eingesetzte WordPress ist eine Multisite. Seit Anfang 2014 sind sechs vormals einzelne WordPress-Installationen in einer Multisite aufgehoben. Diese einzelnen Installationen waren Smashing, Coding, Mobile, WordPress, UxDesign und Fireworks. Die einzelnen Seiten wurden in eine WordPress-Installation zusammengeführt und mit Hilfe der Kategorie-Taxonomy neu abgebildet.

Alle bisher eingesetzten Plugins und Themes wurden auf eine einheitliche Code-Basis umgestellt. Außerdem haben wir Überflüssiges entfernt und weite Teile neu geschrieben. Mit diesen Optimierungen konnten wir die Request-Zeiten von 400 ms auf 40 ms senken.

Freie Plugins wie z.B. Antispam Bee und WPSeo (Premium) werden nur noch für den Komfort eingesetzt. Das Rad muss ja nicht neu erfunden werden.

Unter der Hardwarehaube stecken zwei Root-Server für die Redundanz und ein Varnish-Cache-Server, um möglichst wenig Datenbankzugriffe zu generieren und die Webserver zu entlasten.

Was muss man bei großen WordPress-Installationen unbedingt beachten? 

Alex: Das wichtigste Kriterium einer großen WordPress-Installation ist das zu Grunde liegende Programmkonzept. Um Performance, Sicherheit und Aktualisierbarkeit zu gewährleisten, muss genau abgewägt werden, welche Teile selbst geschrieben werden sollen oder welche über freie Plugins implementiert werden können. WordPress.org bietet aktuell mehr als 32.000 freie Plugins an. Eine Vielzahl davon kann, aufgrund der schlechten Code-Basis, langfristig zu sehr großen Problemen führen. Leider fehlt den meisten WordPress-Betreibern das wichtige Know-how und früher oder später stehen sie vor dem Problem, viel Zeit und somit Geld in die Fehlerforschung und -behebung zu investieren.

Bei der Entwicklung von Plugins und Themes muss darauf geachtet werden, dass die Code-Basis sauber und wartbar ist. Sie sollte sich an den WordPress-Standard halten und die hauseigenen APIs verwenden. Auf Implementationen, die sich davon entfernen (zum Beispiel eigene MySQL-Tabellen) sollte nach Möglichkeit verzichtet werden. Auch gilt zu entscheiden: Was gehört ins Theme und was in ein Plugin? Viele begehen den Fehler und füllen ihr Theme mit Features und wundern sich bei einem Themewechsel, wieso plötzlich nichts mehr funktioniert.

Statische Daten, wie JavaScript, CSS oder auch Bilder sollten gebündelt, minifiziert, und optimiert ausgeliefert werden. Bei größeren Projekten empfiehlt es sich auf CDN-Services zurück zu greifen. Dieses Vorgehen kann auch auf viele Teile rechenintensiver Prozesse angewandt werden – Such-Server zum Beispiel.

Was spricht dagegen, WordPress für große Projekte einzusetzen?

Alex: Grundsätzlich gibt es keine Einschränkungen von WordPress. Millionen von Webseiten zeigen, dass es nicht nur massiv skalieren kann, sondern auch sicher und performant läuft. Trotz einer riesigen Verbreitung auf dem Markt sind nur wenige Sicherheitslücken bekannt – selbst wenn, werden diese meist sofort gepatched.

Eine der wenigen Hürden ist das Know-how. Mit den richtigen Stellschrauben kann WordPress tausende von Seiten mit abermillionen Beiträgen verwalten.

Andere CM-Systeme kommen für uns nur für kleinere Seiten in Frage. So nutzen wir z.B. Kirby für unsere Konferenz-Seiten. Für große Projekte, wie dem Magazine, setzen wir aus den oben genannten Gründen weiterhin auf WordPress.

Ähnliche Projekte

Inpsyde Blatt