WordPress und was dagegen spricht – Professionelles Webdesign Duisburg

Von Roland Golla
2 Kommentare
Wordpress Webdesign Duisburg

Es mag ein wenig ironisch erscheinen, dass dieser Artikel hier auf einem WordPress-Blog veröffentlicht wurde. Und der Blog hier ist dazu noch sehr erfolgreich. Er verzichtet auf unnötige WordPress-Plugins. Denn mit denen fängt man sich nicht nur unnötige Abhängigkeiten, sondern auch hohe Ladezeiten und Browser-Rendering-Zeiten ein. Beides mag Google und auch User mit ihrem Smartphone überhaupt nicht. Hier ein paar Tipps, wie man sich eine Menge Ärger sparen kann und warum man nicht immer WordPress einsetzen sollte.

Google Lighthouse – WordPress in der Webdesign Analyse

Google Lighthouse Wikipedia
Google Lighthouse Wikipedia

Ein kostenloser Hidden Hero unter den Webanalyse Tools ist auf jeden Fall Google Lighthouse. Der kleine Leuchtturm ist bei mir schon lange als Chrome Erweiterung installiert und gibt mir mit nur einem Klick eine hervorragende und einfach verständliche Übersicht über den Zustand beliebiger Webseiten. Die Lösungen für mögliche Verbesserungen werden dabei direkt mitgeliefert. Das Tool ist für alles ausser SEO wirklich gut. Der Wert hier ist einfach nicht aussagekräftig. Performance und Accessibility sind die, um die es Google und dem User geht. Google hat das Thema “Ladezeit” zur Chefsache gemacht. Bei der Bewertung ist Google gnadenlos. Die Ladezeit setzt sich dabei aus zwei Kriterien zusammen. Der Größe und Menge der Files, die runtergeladen werden und die Zeit, die es braucht HTML, CSS und Javascript zu interpretieren. Letzteres ist bei WordPress Plugin ein sehr ernstes Problem.

Jedes WordPress-Plugin macht die Seite langsamer und das HTML Markup schlechter

Ohne zu technisch zu werden geht es hier um CSS – Cascading Style Sheets. Sie können sich also gegenseitig überschreiben und ergänzen. WordPress hat allerdings leider die schlimme Angewohnheit Styles „Inline“ also direkt im HTML am Element. Das macht es von aussen praktisch fast unmöglich, Änderungen fürs Layout vorzunehmen. Und da die Elemente auf einer Seite alle eigene Styles und überschreibende Styles aus dem HTML haben, arbeiten Brower für die richtige Darstellung extrem viel. Und das ist einfach völlig unnötig. Jetzt werden bei der Gestaltung von WordPress-Seiten gerne für alle Möglichen Fälle Plugins geladen. Schlagschatten an Bildern, Überschriften, Content Blöcke etc. Wenn jetzt 10 Plugins eigene Styles laden und noch einmal zusätzliche Informationen für den Browser ins HTML schreiben, dann kann für ein einfaches Bild das ganze so aussehen.

Alternative Content-Management-Systeme – Es gibt mehr als WordPress und TYPO3

Wordpress Webdesign Duisburg Symfony CMS Sulu
WordPress Webdesign Duisburg Symfony CMS Sulu

Professionelle Web Developer meiden WordPress. Hobby Webdesign-Bastler schwören auf WordPress. Hier entscheidet dann oft der Preis. Billiger geht ja immer. Die digitale Branche lässt sich nur zu gerne im Preis drücken. Da es keinen echten Zusammenhalt gibt, wird nach schmerzlichen Zugeständnissen irgendwas ausgeliefert. Hauptsache, es sieht irgendwie möglichst nah nach der Vorlage aus. Die technische Umsetzung ist hier wirklich abenteuerlich. Google Lighthouse findet das zuverlässig heraus. Da lässt sich dann vielleicht noch einmal über das Ergebnis sprechen. Das Internet besteht allerdings zu nahezu 100% aus einem Standardelement. Headline, Medienobjekt, Text und Link. Das ist einfach kein Hexenwerk. Und so gibt es zahlreiche Alternativen zu TYPO3 und WordPress, die sauberes HTML generieren und dem Redakteur die Arbeit deutlich vereinfachen. Ein Blick lohnt sich hier. Bei TYPO3 ist es recht aufwändig eigene Content-Elemente zu generieren. Diese müssen dann immer in einer eigenen Extension verwaltet werden. Das summiert sich bei 20-30 Content-Typen, die man für Internetseiten schnell zusammen hat.

Corporate Webdesign braucht kein Enterprise CMS

Eine ausführlichere Art einer Internet-Visitenkarte ist Corporate Webdesign. Im wesentlichen bietet es einen Überblick über Leistungen und Ansprechpartner eines Unternehmens und hat einen Wiedererkennungswert mit der CI – Corporate Identity – des Unternehmens. Diese Internetseiten werden einmalig erstellt und haben in Zukunft keine großen redaktionellen Änderungen. In der Regel werden keine redaktionellen News gepflegt und einzelne Mitarbeiter oder Referenzen gelegentlich aktualisiert. Mehrsprachigkeit kann praktisch jedes CMS. Dafür braucht man kein Enterprise-Content-Management-System. Die können auch Multi-Domain, Benutzergruppen, Versionierung, Freigabeprozesse und noch vieles mehr. Das sind alles sehr komplexe Dinge, die hohe Abhängigkeiten zu Third-Party-Libraries mit sich bringen. Seiten werden also wartungsintensiver und kosten mehr Unterhalt. Oder werden im schlimmsten Fall gar nicht mehr geupdated. Das sind die Folgen des starken technischen Overheads. Von daher bitte das richtige CMS für den jeweiligen Use Case. Ein kleiner Vergleich. Man braucht vielleicht ein komfortables Auto, wenn man einmal in der Woche von Duisburg nach Berlin fährt. Ist mal jedoch nur in Duisburg unterwegs reicht auch ein einfacher Kleinwagen.

Sulu CMS für Ecommerce und Corporate Webdesign – Internetseiten dürfen gerne wachsen

NCASV Sachverständiger Webdesign
NCASV Sachverständiger Webdesign

Webdesign-Agenturen begründen den Einsatz von Enterprise CMS gerne mit der Option, später all diese Features kostenlos und einfach einsetzen zu können. Das stimmt beides leider nicht. Arbeit ist immer mit Arbeit verbunden und muss entsprechend abgerechnet werden. Das Sulu CMS ist hier eine optimale Wahl. Das Symfony Fullstack CMS ist darauf ausgelegt, gewünschte Features zu erweitern und nicht von Anfang an zu bieten. Das bedeutet maximale Skalierbarkeit bei minimalen Abhängigkeiten. Features wie News oder auch ein E-Commerce-Shopsystem können so später hinzugefügt werden. Als Kunde sollte man sich nicht einfach ein System aufschwatzen lassen. Natürlich hat man Vertrauen zum Fachmann und zu der richtigen Beratung. Hier macht eine zweite Meinung wirklich Sinn. Wir bieten genau das mit unserem Sachverstand für Webdesign an.

Fazit WordPress Webdesign – Jeder tut was er kann, aber das muss noch lange nicht richtig sein

WordPress ist das mit Abstand verbreitetste CMS im Web. Es hat ein großes Budget, viele Entwickler und eine große Community. Zahlreiche Themes und Plugin, die über die Oberfläche aktiviert werden können, machen es sehr attraktiv. Hier hat Elementor viel bewegt. Aber auch ganz viel schlechtes HTML Markup generiert. Das ist für kleine Seiten nicht nötig. Da die aber auch gut bei Google ranken wollen, müssen sie technologisch überzeugen. Hier ist TYPO3 deutlich besser aufgestellt. Allerdings ist hier die Entwicklung recht anspruchsvoll und damit auch teurer. Eine tolle alternative bieten kleine Open Source CMS. Will man aber in Zukunft auch wachsen, bildet das Sulu CMS ein richtig starkes Angebot ab. Kleine Seiten sind schnell und ohne viele Abhängigkeiten eingestellt und können im nachhinein professionell weiterentwickelt werden.

WordPress Plugins und Stylesheets Bad Performance – Beispiel einer einfachen SEO Landingpage von einer Adwords Kampagne

</style>
<link rel='stylesheet' id='dashicons-css'  href='https://somedomain.de/wp-includes/css/dashicons.min.css?ver=5.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='wpzoom-social-icons-academicons-css'  href='https://somedomain.de/wp-content/plugins/social-icons-widget-by-wpzoom/assets/css/academicons.min.css?ver=1587133874' type='text/css' media='all' />
<link rel='stylesheet' id='wpzoom-social-icons-socicon-css'  href='https://somedomain.de/wp-content/plugins/social-icons-widget-by-wpzoom/assets/css/socicon.css?ver=1587133874' type='text/css' media='all' />
<link rel='stylesheet' id='wpzoom-social-icons-font-awesome-5-css'  href='https://somedomain.de/wp-content/plugins/social-icons-widget-by-wpzoom/assets/css/font-awesome-5.min.css?ver=1587133874' type='text/css' media='all' />
<link rel='stylesheet' id='wpzoom-social-icons-genericons-css'  href='https://somedomain.de/wp-content/plugins/social-icons-widget-by-wpzoom/assets/css/genericons.css?ver=1587133874' type='text/css' media='all' />
<link rel='stylesheet' id='wp-block-library-css'  href='https://somedomain.de/wp-includes/css/dist/block-library/style.min.css?ver=5.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='wpzoom-social-icons-block-style-css'  href='https://somedomain.de/wp-content/plugins/social-icons-widget-by-wpzoom/block/dist/blocks.style.build.css?ver=1587133874' type='text/css' media='all' />
<link rel='stylesheet' id='wc-block-style-css'  href='https://somedomain.de/wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/style.css?ver=2.5.16' type='text/css' media='all' />
<link rel='stylesheet' id='simple-sitemap-css-css'  href='https://somedomain.de/wp-content/plugins/simple-sitemap/lib/assets/css/simple-sitemap.css?ver=5.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='foundation-normalize-css'  href='https://somedomain.de/wp-content/plugins/azoom-main/css/normalize.css?ver=5.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='foundation-css'  href='https://somedomain.de/wp-content/plugins/azoom-main/css/foundation.css?ver=5.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='foundation-extra-css'  href='https://somedomain.de/wp-content/plugins/azoom-main/css/foundation-extra.css?ver=5.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='animate-css-css'  href='https://somedomain.de/wp-content/plugins/azoom-main/css/animate.css?ver=5.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='prettyPhoto-css'  href='https://somedomain.de/wp-content/plugins/azoom-main/css/prettyPhoto.css?ver=5.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='swiper-css-css'  href='https://somedomain.de/wp-content/plugins/azoom-main/css/idangerous.swiper-2.css?ver=5.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='rpb-main-css'  href='https://somedomain.de/wp-content/plugins/azoom-main/css/style.css?ver=5.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='rock-icomoon-css-css'  href='https://somedomain.de/wp-content/plugins/azoom-main/icons/css/icomoon.css?ver=5.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css'  href='https://somedomain.de/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.1.9' type='text/css' media='all' />
<link rel='stylesheet' id='css-css'  href='https://somedomain.de/wp-content/plugins/hs-blog/hslink.css?ver=1.0.0' type='text/css' media='all' />
<link rel='stylesheet' id='woocommerce-layout-css'  href='https://somedomain.de/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=4.2.2' type='text/css' media='all' />
<link rel='stylesheet' id='woocommerce-smallscreen-css'  href='https://somedomain.de/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=4.2.2' type='text/css' media='only screen and (max-width: 768px)' />
<link rel='stylesheet' id='woocommerce-general-css'  href='https://somedomain.de/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=4.2.2' type='text/css' media='all' />
<style id='woocommerce-inline-inline-css' type='text/css'>
.woocommerce form .form-row .required { visibility: visible; }
        </style>
<link rel='stylesheet' id='wp-custom-register-login-css'  href='https://somedomain.de/wp-content/plugins/wp-custom-register-login/public/css/wp-custom-register-login-public.css?ver=2.0.0' type='text/css' media='all' />
<link rel='stylesheet' id='wp-custom-register-login-formValidation-css'  href='https://somedomain.de/wp-content/plugins/wp-custom-register-login/public/css/formValidation.min.css?ver=2.0.0' type='text/css' media='all' />
<link rel='stylesheet' id='hfe-style-css'  href='https://somedomain.de/wp-content/plugins/header-footer-elementor/assets/css/header-footer-elementor.css?ver=1.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-icons-css'  href='https://somedomain.de/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.7.0' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-animations-css'  href='https://somedomain.de/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.9.13' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-frontend-css'  href='https://somedomain.de/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.9.13' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-pro-css'  href='https://somedomain.de/wp-content/plugins/elementor-pro/assets/css/frontend.min.css?ver=2.10.2' type='text/css' media='all' />
<link rel='stylesheet' id='font-awesome-5-all-css'  href='https://somedomain.de/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css?ver=2.9.13' type='text/css' media='all' />
<link rel='stylesheet' id='font-awesome-4-shim-css'  href='https://somedomain.de/wp-content/plugins/elementor/assets/lib/font-awesome/css/v4-shims.min.css?ver=2.9.13' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-global-css'  href='https://somedomain.de/wp-content/uploads/elementor/css/global.css?ver=1593077851' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-8328-css'  href='https://somedomain.de/wp-content/uploads/elementor/css/post-8328.css?ver=1593527095' type='text/css' media='all' />
<link rel='stylesheet' id='hfe-widgets-style-css'  href='https://somedomain.de/wp-content/plugins/header-footer-elementor/inc/widgets-css/frontend.css?ver=1.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='hello-elementor-css'  href='https://somedomain.de/wp-content/themes/hello-elementor/style.min.css?ver=2.2.0' type='text/css' media='all' />
<link rel='stylesheet' id='hello-elementor-theme-style-css'  href='https://somedomain.de/wp-content/themes/hello-elementor/theme.min.css?ver=2.2.0' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-8306-css'  href='https://somedomain.de/wp-content/uploads/elementor/css/post-8306.css?ver=1593077852' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-8316-css'  href='https://somedomain.de/wp-content/uploads/elementor/css/post-8316.css?ver=1593077852' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-8463-css'  href='https://somedomain.de/wp-content/uploads/elementor/css/post-8463.css?ver=1593523243' type='text/css' media='all' />
<link rel='stylesheet' id='wpzoom-social-icons-font-awesome-3-css'  href='https://somedomain.de/wp-content/plugins/social-icons-widget-by-wpzoom/assets/css/font-awesome-3.min.css?ver=1587133874' type='text/css' media='all' />
<link rel='stylesheet' id='sccss_style-css'  href='https://somedomain.de/?sccss=1&#038;ver=5.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='google-fonts-1-css'  href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CMontserrat%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.4.2' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-icons-shared-0-css'  href='https://somedomain.de/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.12.0' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-solid-css'  href='https://somedomain.de/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.12.0' type='text/css' media='all' />
<script type='text/javascript' src='https://somedomain.de/wp-content/plugins/azoom-main/js/modernizr.js?ver=5.4.2'></script>
<script type='text/javascript' src='https://somedomain.de/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>
<script type='text/javascript' src='https://somedomain.de/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript' src='https://somedomain.de/wp-content/plugins/azoom-main/js/imagesloaded.pkgd.min.js?ver=3.1.8'></script>
<script type='text/javascript' src='https://somedomain.de/wp-content/plugins/azoom-main/js/jquery.smartresize.js?ver=1.0.0'></script>
<script type='text/javascript' src='https://somedomain.de/wp-content/plugins/azoom-main/js/jquery.prettyPhoto.js?ver=3.1.6'></script>
<script type='text/javascript' src='https://somedomain.de/wp-content/plugins/azoom-main/js/isInViewport.min.js?ver=1.0.0'></script>
<script type='text/javascript' src='https://somedomain.de/wp-content/plugins/azoom-main/js/jquery.appear.js?ver=1.0.0'></script>
<script type='text/javascript'>
    /* <![CDATA[ */
    var rockthemes = {"ajaxurl":"https:\/\/somedomain.de\/wp-admin\/admin-ajax.php","colors":{"main_color":"#56ccc8"},"ajax_nonce":"e809f293e1","f_way":"https:\/\/somedomain.de\/wp-content\/plugins\/azoom-main","nonces":{"portfolio":"c96dedc661","asearch":"7bcccd1281","achievement":"3de8f48992","love":"5b77359367"},"home_url":"https:\/\/somedomain.de","gif_loader":"<img src=\"https:\/\/somedomain.de\/wp-content\/plugins\/azoom-main\/images\/ajax-loader.gif\" class=\"gif-loader\" alt=\"Loading\" \/>","frontend_options":{"activate_smooth_scroll":"false","nicescroll_style_enabled":"false","is_admin_bar_showing":false,"display_inline_nav":"false","header_location":"top_navigation"},"hover_details":{"hover_width_min_large":250,"hover_height_min_large":225,"hover_width_min_medium":160,"hover_height_min_medium":100},"fonts":{"use_icomoon":"true","icomoon_url":"https:\/\/somedomain.de\/wp-content\/plugins\/azoom-main\/icons\/css\/icomoon.css","menu_font_family":"","activate_font_loading":"false","font_families":""},"is_rtl":"ltr","mobile_menu":{"main_title":"Menu","back_text":"Back"},"menu":{"regular_height":98,"sticky_height":50,"enable_menu_hash_navigation":"false","main_menu_model":"regular"},"resposivity":"true","grid":{"block":{"medium":"800","small":"540"}},"woocommerce":[]};
    /* ]]> */
</script>
<script type='text/javascript' src='https://somedomain.de/wp-content/plugins/azoom-main/js/azoom.jquery.js?ver=1.0.0'></script>
<script type='text/javascript' src='https://somedomain.de/wp-content/plugins/hs-blog/hslink.js?ver=1.0.0'></script>
<script type='text/javascript'>
    /* <![CDATA[ */
    var hsvars = {"siteid":"5099175"};
    /* ]]> */
</script>
<script type='text/javascript' src='https://somedomain.de/wp-content/plugins/hs-blog/hstrack.js?ver=1.0.3'></script>
<script type='text/javascript'>
    /* <![CDATA[ */
    var ajax_object = {"ajax_url":"https:\/\/somedomain.de\/wp-admin\/admin-ajax.php"};
    /* ]]> */
</script>
<script type='text/javascript' src='https://somedomain.de/wp-content/plugins/wp-custom-register-login/public/js/wp-custom-register-login-public.js?ver=2.0.0'></script>
<script type='text/javascript' src='https://somedomain.de/wp-content/plugins/wp-custom-register-login/public/js/validator/formValidation.min.js?ver=2.0.0'></script>
<script type='text/javascript' src='https://somedomain.de/wp-content/plugins/wp-custom-register-login/public/js/validator/bootstrap-validator.min.js?ver=2.0.0'></script>
<script type='text/javascript' src='https://somedomain.de/wp-content/plugins/duracelltomi-google-tag-manager/js/gtm4wp-contact-form-7-tracker.js?ver=1.11.4'></script>
<script type='text/javascript' src='https://somedomain.de/wp-content/plugins/duracelltomi-google-tag-manager/js/gtm4wp-form-move-tracker.js?ver=1.11.4'></script>
<script type='text/javascript' src='https://somedomain.de/wp-content/plugins/elementor/assets/lib/font-awesome/js/v4-shims.min.js?ver=2.9.13'></script>

2 Kommentare

Tutorials und Top Posts

2 Kommentare

Gib uns Feedback

Diese Seite benutzt Cookies. Ein Akzeptieren hilft uns die Seite zu verbessern. Ok Mehr dazu