{"id":18887,"date":"2021-05-15T11:13:00","date_gmt":"2021-05-15T09:13:00","guid":{"rendered":"https:\/\/www.sysbus.eu\/?p=18887"},"modified":"2021-05-11T09:31:45","modified_gmt":"2021-05-11T07:31:45","slug":"effektive-projektplanung-onsite-optimierung-und-cms-wahl-fuer-leistungsfaehige-webprojekte","status":"publish","type":"post","link":"https:\/\/www.sysbus.eu\/?p=18887","title":{"rendered":"Effektive Projektplanung: Onsite-Optimierung und CMS-Wahl f\u00fcr leistungsf\u00e4hige Webprojekte"},"content":{"rendered":"\n

Autor\/Redakteur: Kay Seegers, 4th Level Care Support-Guide bei DomainFactory in M\u00fcnchen<\/a>\/gg<\/p>\n\n\n\n

Von immer mehr IT-Administratoren wird heute eine gro\u00dfe Online- und Serverkompetenz erwartet. Gerade wenn es um effektive Projektplanung geht, kommen oft eine Menge Fragen rund um diese Themen auf \u2013 denn Stabilit\u00e4t, Perfomance-Tuning und Erreichbarkeit von Webseiten spielen auch auf dieser Ebene eine Rolle. Webserver respektive Serverlandschaften m\u00fcssen daher an die wachsenden Anforderungen angepasst werden. Der Beitrag soll zeigen, wie mit der Wahl des richtigen Content-Management-Systems und der passenden Onsite-Optimierung zu einer leistungsf\u00e4higen Webseite beigetragen werden kann.<\/p>\n\n\n\n

\"\"<\/a>
Bild: DomainFactory<\/figcaption><\/figure>\n\n\n\n\n\n\n\n

Onsite-Optimierung: Ladegeschwindigkeit, Quellcode & Co.<\/strong><\/p>\n\n\n\n

Steht ein Webprojekt, kann es laufend onsite-optimiert werden. Dabei sind viele Ma\u00dfnahmen sinnvoll, gerade wenn es um die Infrastruktur und das Grundger\u00fcst der Website geht. Da ein leistungsf\u00e4higes, stabiles Webprojekt auch mit einer guten Besuchererfahrung, Ladezeiten \u201ein Lichtgeschwindigkeit\u201c und der zuverl\u00e4ssigen Verf\u00fcgbarkeit steht, will ich meinen Beitrag damit nun einleiten.<\/p>\n\n\n\n

Optimierter Quellcode, Lazy Loading und asynchrones Tracking f\u00fcr mehr Speed<\/strong><\/p>\n\n\n\n

Eine erste sinnvolle M\u00f6glichkeit ist Lazy Loading. Das sorgt daf\u00fcr, dass Inhalte erst dann geladen werden, wenn sie ins Sichtfeld der Webseite-Besucher geraten. Das unterst\u00fctzt auch den PageSpeed-Test von Google positiv, auf dessen Ergebnis durchaus in einem gewissen Rahmen Wert gelegt werden sollte. Bessere Testergebnisse erhalten Sie ebenfalls, wenn das JavaScript einfach an das Ende des Webdokuments gesetzt wird. Den (schnelleren) Seitenaufbau k\u00f6nnen Sie zudem mit dem Einsatz asynchroner Tracking-Codes unterst\u00fctzen. Das ist ebenfalls ein Vorteil, werden diese doch erst geladen, wenn der Aufbau der Webseite bereits geschehen ist.<\/p>\n\n\n\n

Zudem kann nat\u00fcrlich der Quelltext ausged\u00fcnnt werden. Gerade redundante, nutzlose und somit entbehrliche Formatierungen sowie HTML-Dateien k\u00f6nnen weg. \u00c4hnliches gilt f\u00fcr JS- und CSS-Dateien. Die sollten Sie nach M\u00f6glichkeit auslagern.<\/p>\n\n\n\n

Plugins auslagern, komprimierte JPEG oder moderne WebP-Formate statt PNG<\/strong><\/p>\n\n\n\n

Ein weiteres Hindernis f\u00fcr gute Web-Performance sind h\u00e4ufig v\u00f6llig \u00fcberdimensionierte Bild- und Grafikdateien. Doch auch hier kann man schnell f\u00fcr Besserung sorgen. Ein probates Mittel sind zum Beispiel moderne Online-Bildformate wie WebP. Die pushen die Performance, werden aber leider noch nicht von allen Browsern zuverl\u00e4ssig unterst\u00fctzt. Wer das vermeintliche \u201eRisiko\u201c scheut, sollte mindestens auf hochkomprimierte und weboptimiere JPEG setzen. Nicht aber auf PNG oder GIF.<\/p>\n\n\n\n

iFrames sind leider ebenfalls \u201eEntschleuniger\u201c f\u00fcr den Seitenaufbau, hier helfen weniger also mehr. \u00c4hnliches gilt f\u00fcr externe Skripte. Werden die reduziert \u2013 oder besser: integriert \u2013 ist das ein weiterer Baustein zu mehr Online-Performance. Externe Skripte sollten darum lieber auf dem eigenen Webserver ausgef\u00fchrt werden. Wer dar\u00fcber hinaus nicht ben\u00f6tigte Programm- und CMS-Erweiterungen deinstalliert (und nicht nur ausschaltet), beschleunigt den Seitenaufbau ebenfalls. Plugins sollten grunds\u00e4tzlich auf ein Minimum beschr\u00e4nkt werden. <\/p>\n\n\n\n

Was gilt f\u00fcr die Server- und Hostingwahl?<\/strong><\/p>\n\n\n\n

Wer zu jeder Zeit, also auch bei hohen Zugriffen auf die Webpr\u00e4senz, stets zuverl\u00e4ssige Performance sicherstellen will, hat daf\u00fcr im Grunde drei verschiedene \u201eAusbaustufen\u201c zur Auswahl. Flexibel und in der Regel mit eher geringeren Kosten verbunden sind die Virtual Private Server. VPS k\u00f6nnen technisch sehr gut \u00fcber sogenannte \u201eBusiness Hostings\u201c realisiert werden und werden auf Wunsch perfekt auf die eigenen Anforderungen abgestimmt. Teuer, sogar die K\u00f6nigsdisziplin, sind dagegen dedizierte Server. Diese sind zwar eher schlecht skalierbar, daf\u00fcr aber sehr leistungsstark. Wer ein kleineres Webprojekt plant, ist dagegen oft bei einem klassischen Webhosting gut aufgehoben. Die sind allerdings meist f\u00fcr sehr niederschwellige Performanceanforderungen ausgelegt und sollten deshalb nur einfacheren, weniger stark frequentierten Projekten als g\u00fcnstiges \u201eZuhause\u201c dienen.<\/p>\n\n\n\n

\"\"<\/a>

Tabelle: DomainFactory
<\/figcaption><\/figure>\n\n\n\n

Content-Management-Systeme: Passendes CMS f\u00fcr das Webprojekt<\/strong><\/p>\n\n\n\n

Abh\u00e4ngig vom individuellen Fall sollte man vor den Erfolgsfaktoren f\u00fcr die Onsite-Optimierung auf den Einsatz eines passgenauen CMS beharren \u2013 oder wom\u00f6glich ganz darauf verzichten. Nimmt man eine Massenl\u00f6sung wie TYPO3, Drupal oder WordPress zu Hilfe, muss das also stimmig f\u00fcr den Endnutzer sein \u2013 und zudem mit den Zielen der Webpr\u00e4senz harmonieren. Gleiches gilt, wenn ben\u00f6tigt, f\u00fcr ein Shop-System.<\/p>\n\n\n\n\n\n\n\n

\u201eGreift\u201c man n\u00e4mlich nach einem zu umfassenden CMS, schr\u00e4nkt das im Zweifel die Perfomance ein oder sorgt f\u00fcr Defizite in der Handhabbarkeit bei den Content-Managern. Legt man zudem Wert auf Suchmaschinenoptimierung und umfassende Inhalte, sind vermutlich WordPress und WooCommerce eine gute Option.<\/p>\n\n\n\n

Mein Tipp: Koordinieren Sie nicht nur die IT-Infrastruktur, sondern planen, installieren und konfigurieren Sie auch die (unternehmerischen) Systeme und verwalten die Zugriffsrechte, sollte das nicht unter den Tisch fallen und bedacht werden.<\/p>\n\n\n\n

G\u00e4ngige CMS unter der Lupe<\/strong><\/p>\n\n\n\n

F\u00fcr unge\u00fcbte Content-Manager ist TYPO3 zum Beispiel leider meist wenig geeignet, denn es ist eher komplex. Gerade bei professionellen Webanwendungen kann das System jedoch seine St\u00e4rken ausspielen. Denn TYPO3 bietet zahlreiche M\u00f6glichkeiten f\u00fcr die Konfiguration. Wer sich weniger durch Einstellungs-Men\u00fcs klicken, sondern Abl\u00e4ufe selbst bestimmen will, ist hier somit genau richtig. Erweiterte Programmier- und Codingkenntnisse sind allerdings Voraussetzung.<\/p>\n\n\n\n

Wer dagegen keine gro\u00dfen Programmierkenntnisse hat, ist bei WordPress deutlich besser aufgehoben. Mit dem gut strukturierten CMS lassen sich Webpr\u00e4senzen effizient gestalten, die Anwender profitieren zudem von einer guten Zug\u00e4nglichkeit und einem hohen Komfort. Breit aufgestellt ist auch die Auswahl an Plugins, die sich auf die eigenen Bed\u00fcrfnisse anpassen lassen. Einige leistungsstarke Extra-Optionen sind bei WordPress zwar nur mit Aufpreis verf\u00fcgbar. Das CMS ist allerdings kostenlos.<\/p>\n\n\n\n

\u00c4hnliches gilt auch f\u00fcr Joomla! Grunds\u00e4tzlich k\u00f6nnen Sie das CMS unentgeltlich nutzen, f\u00fcr viele sinnvolle (und n\u00f6tige) Erweiterungen fallen jedoch Kosten an. Wie bei WordPress ben\u00f6tigen selbst Einsteiger bei Joomla! nur eine geringe Eingew\u00f6hnungszeit. Der gr\u00f6\u00dfte Unterschied zu WordPress versteckt sich \u00fcbrigens im Backend: Die Inhalte sind bei Joomla! von den technisch-visuellen Einstellungen separiert.<\/p>\n\n\n\n

Wer dagegen besonders gro\u00dfe Freude an Teamarbeit hat, sollte sich Drupal einmal genauer ansehen. Das CMS macht das Anlegen von mehreren Benutzern respektive Administratoren-Accounts n\u00e4mlich extrem leicht. Da es auch hier viele Konfigurationsm\u00f6glichkeiten gibt, ist wie bei TYPO3 eine gewisse Admin-Erfahrung aber ebenfalls sehr hilfreich.<\/p>\n\n\n\n

\"\"<\/a>
Tabelle: DomainFactory<\/figcaption><\/figure>\n\n\n\n

Welcher Online-Shop passt zum Webprojekt?<\/strong><\/p>\n\n\n\n

Zu den wohl bekanntesten Onlineshop-L\u00f6sungen z\u00e4hlt heutzutage Magento. Das leistungsf\u00e4hige Shopsystem gilt aber auch als ziemlich kompliziert. Da die Community-Version ohne Support daherkommt, richtet sich der Online-Shop eher an IT-Profis. Unterst\u00fctzung durch den Hersteller kostet einen Aufpreis.<\/p>\n\n\n\n

Erfahrene User k\u00f6nnen daf\u00fcr umfassend konfigurieren und viele eigene Detail-Schwerpunkte setzen. Zudem gibt es Schnittstellen f\u00fcr einen (teilautomatisierten) Paketversand, Lagerhaltung und die M\u00f6glichkeit zur Anbindung weiterer Marktpl\u00e4tze. Magento bietet sich also eher f\u00fcr gr\u00f6\u00dfere Shops an. <\/p>\n\n\n\n

Auch WooCommerce geh\u00f6rt zu den bekannteren L\u00f6sungen. Der Shop kann allerdings nur in Verbindung mit WordPress aufgesetzt werden. Es gilt als leicht zu bedienen, ebenfalls stehen kostenlose Erweiterungen bereit. Im Unterschied zu Magento eignet es sich jedoch eher f\u00fcr kleinere Online-Shops oder dann, wenn der Verkauf lediglich \u201eNebensache\u201c und nicht das eigentliche Ziel der Homepage darstellt.<\/p>\n\n\n\n

Wenn Sie auf eine einfache, schnelle L\u00f6sung setzen wollen, k\u00f6nnte aber auch Shopify eine gute M\u00f6glichkeit sein. Das System ist zwar nicht ganz so flexibel wie Magento oder WooCommerce, l\u00e4sst aber viel eigenen Spielraum zu. Da Shopify fremdgehostet wird, steht bereits die Grundstruktur \u2013 bietet aber auch sehr wenig Spielraum bei der Performance-Optimierung. Daneben gibt es mit Shopware, Plentymarkets, PrestaShop und OpenCart noch weitere gute M\u00f6glichkeiten, wie die Vergleichs-Tabelle zeigt.<\/p>\n\n\n\n

Sollte Ihnen mein Beitrag gefallen haben, freue ich mich, wenn Sie einen Blick in mein Performance-Workbook<\/a> werfen. Hier habe ich das Thema umfassend betrachtet \u2013 und das vor allem sehr praktisch. Tabellen und Checklisten sollen etwa dabei helfen, die Performance bestm\u00f6glich auf das Webprojekt und seine Anforderungen abzustimmen.<\/p>\n","protected":false},"excerpt":{"rendered":"

Von immer mehr IT-Administratoren wird heute eine gro\u00dfe Online- und Serverkompetenz erwartet. Gerade wenn es um effektive Projektplanung geht, kommen oft eine Menge Fragen rund um diese Themen auf \u2013 denn Stabilit\u00e4t, Perfomance-Tuning und Erreichbarkeit von Webseiten spielen auch auf dieser Ebene eine Rolle. Webserver respektive Serverlandschaften m\u00fcssen daher an die wachsenden Anforderungen angepasst werden. Der Beitrag soll zeigen, wie mit der Wahl des richtigen Content-Management-Systems und der passenden Onsite-Optimierung zu einer leistungsf\u00e4higen Webseite beigetragen werden kann.<\/p>\n","protected":false},"author":1,"featured_media":18889,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[8,10141],"tags":[1177,14864,14867,14865,14866],"class_list":["post-18887","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artikel","category-hintergrund","tag-cms","tag-domainfactory","tag-onsite-optimierung","tag-shop-system","tag-webprojekt"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.sysbus.eu\/index.php?rest_route=\/wp\/v2\/posts\/18887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sysbus.eu\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sysbus.eu\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sysbus.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sysbus.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18887"}],"version-history":[{"count":1,"href":"https:\/\/www.sysbus.eu\/index.php?rest_route=\/wp\/v2\/posts\/18887\/revisions"}],"predecessor-version":[{"id":18892,"href":"https:\/\/www.sysbus.eu\/index.php?rest_route=\/wp\/v2\/posts\/18887\/revisions\/18892"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sysbus.eu\/index.php?rest_route=\/wp\/v2\/media\/18889"}],"wp:attachment":[{"href":"https:\/\/www.sysbus.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18887"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sysbus.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=18887"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sysbus.eu\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=18887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}