Google PageSpeed 100% ganz entspannt

Parkhaus Fensterbeleuchtung bei Nacht-quer

Entspannt zu Google PageSpeed 100%, damit es keine Qual wird. Diskussionen, ob die Erreichung von Google PageSpeed Insights Werten mit 100% anzustreben sind, gibt es viele. Google ist jedoch nicht der alleinige Wert, der zählt. Es geht auch um Ladezeiten, SEO, Requests, Schriften und viele andere Puzzleteile die eine Website ausmachen. Wer aber das Optimale nicht erreicht, kann nicht bewusst zugunsten der Funktionalität die Leistungswerte reduzieren. Ich behaupte, dass ein gutes Theme, viel persönliche Energie und einige tolle Plugins 100% Werte hervorbringen. Punkt. Ich wollte Google PageSpeed Insights ganz entspannt – falls das überhaupt geht.

Beim Start meiner Website wollte ich Google PageSpeed 100%. Vorgabe ist ganz klar, dass die 100% für die ganze Website gelten. Alle Seiten und Artikel haben die gleichen Vorgaben – sonst wäre es auch zu einfach. Wenn ich zusätzliche Funktionalität bräuchte, könnte ich diese, unter Kontrolle der Leistungswerte, betrachten. Dann wäre mir zumindest eine Abschätzung möglich, ob die gewonnene Funktionalität den Verlust an PageSpeed wert ist.

Funktionalität geht über Google PageSpeed Insights, wenn der Zugewinn an Benutzerfreundlichkeit es rechtfertigt.Detlef

Meine Sucheingabe bei Google ‚100%-PageSpeed‘ zeigte mir viele Seiten, die dieses Thema meistens ausgiebig behandelten und – mit vielen teilweise verschlungenen Pfaden – Lösungen präsentierten. Professionalität wurde angepriesen und Seminare für die Zielerreichung PageSpeed 100% angeboten. Beim Test mit Google PageSpeed Insights zeigten diese Seiten jedoch, dass sie weit entfernt von dem ‚Versprochenem waren. Manchmal wurden Werte erreicht, die wegen groben Nachlässigkeiten grottenschlecht waren/sind.
Erst auf der 2 Abfrage wurde ich hier nach 100% Google PageSpeed Insights fündig.

Diese Vorgaben hatte ich mir zum Ziel gemacht

  • Google PageSpeed Insights 100%
  • 100% für die ganze Website
  • PageSpeed Score 100%
  • Fully Loaded Time <1s (2 Aufrufe)
  • Total Page Size
  • xxx

Eine Menge heikler Vorgaben. Aber es kommen noch mehr bei der Funktionalität.

Die Funktionalität einer Website – oder besser die Benutzerfreundlichkeit- steht an erster Stelle eines Web-Auftrittes. Wir machen unsere Anwendung nicht für Google, sondern für die Besucher unserer Site. Ein Benutzer soll sich sofort wohlfühlen, wenn er auf die Seite kommt. Google muß sich nicht wohlig fühlen, es muß nur seine Kriterien sauber erfüllt sehen und ja, Google PageSpeed 100% gehören eben auch dazu – aber eventuell kann Google ja doch fühlen.

Es gibt Funktionalitäten die müssen erfüllt werden, wenn der Besucher sich wohlfühlen soll und es gibt Funktionalitäten die können nicht erfüllt werden, wenn Google sich wohlfühlen soll.Detlef

Responsive Webdesign muss nicht diskutiert werden, ohne geht es nicht. Ein ordentlicher Auftritt auf den meisten Geräten ist ein Muss. Wie die Website auf einigen Geräten aussieht, kann hier getestet werden. Es ist aber nur eine Simulation, wenn genaueres gefordert ist, muss mit dem Gerät selbst getestet werden.

Hier die Liste, die ich für mich erfüllen muss

  • Responsive Design- Corporate Design (CD)
  • SEO- Social Media- durchdachte Bildergrößen
  • eine Sidebar (wo soll ich sonst mit Infos hin)
  • vertikales Menü in der Sidebar (schont das Hauptmenü)
  • Inhaltsverzeichnis (für längere Artikel)
  • Breadcrumb Leiste (wo bin ich)
  • Stimmiges Menü (auch mobil)
  • Design das Benutzer anlockt
  • Footer mit Informationen

Auf einige Dinge, die wichtig sind, muss verzichtet werden, wenn die PageSpeed Werte in dem Rahmen bleiben sollen, der gesetzt wurde.

Zu viele Plugins können den Brei verderben, ein schlechtes Plugin verdirbt ihn garantiert.Detlef

Es gilt auf Folgendes ganz sicher zu verzichten

  • Sticky Menü
  • Sticky Widget
  • Menü Plugin

Alles andere muß selbst getestet werden, wie es sich mit Google PageSpeed 100% verträgt – der Aufwand sollte nicht unterschätzt werden. Bedingung ist aber erst einmal, dass die 100% sicher erreicht werden.

Die Bildgrößen müssen entsprechend dem Content-Bereich angepasst werden. Falls der Browser die Bildgrößen noch anpassen muss, hat man verloren.

Hierzu ist es erforderlich, sich Gedanken über Strukturen der Bildgrößen und der Optimierung der Bilder zu machen. Ohne Struktur geht es hier nicht. Für die Optimierung der Bilder verwende ich das Premium Plugin Optimus, welches hervorragende Dienste verrichtet.

Die wichtigste – und auch richtige – Entscheidung war für mich die Auswahl eines Starter-Themes. Ich suchte eines, wo nicht schon die ganze Seele des Entwicklers wohnte, sondern die Grundlage für eine strukturierte Arbeitsweise enthalten war. Dies ermöglichte mir, vieles zu realisieren was mir wichtig ist. Meine Wahl viel auf underscores.me, weil es toll ist. Punkt. Die Arbeit des Teams sollte mehr gelobt werden.

Dieses Theme einfach zu installieren und das war es, ist aber ein Trugschluss, viel Arbeit steht an.

Es ist die richtige Wahl, wenn die Werte erreicht werden sollen, aber es ist eine Menge persönlicher Ehrgeiz und Programmieraufwand erforderlich.

Der erste Aufruf meiner Site mit dem Theme von underscores.me ließ mich erschaudern.

Plugins sind unbestritten erforderlich, denn hier wird die Fachkompetenz geliefert, die man selbst nicht hat – und auch vom Arbeitsaufwand nicht realisieren kann. Einige sind mit recht kostenpflichtig, weil hier ganze Teams ihren Lebebenunterhalt mit verdienen. Inwieweit der Preis angemessen ist, muss jeder selbst einschätzen. Ich bin mit meinen Plugins jedenfalls sehr zufrieden und finde die Preise angemessen.

Die Entwickler der freien Plugins haben aber auch ganz sicher eine Spende oder einen Kommentar verdient, weil auch hier persönlicher Ehrgeiz und viel Zeit eingebracht wird, um das Plugin leben zu lassen. Wir haben nichts von tollen Plugins, die irgendwann sterben, weil der Schöpfer es aufgibt.

Plugins: aktiviert (24) (sortiert nach Name)

Nr.NamePlugin-LinkVersionDescription
1Admin Columns Pro - Advanced Custom Fields (ACF)https://www.admincolumns.com2.5.5Supercharges Admin Columns Pro with very cool ACF columns.
2Admin Columns Prohttps://www.admincolumns.com5.0.3Customize columns on the administration screens for post(types), users and other content. Filter and sort content, and edit posts directly from the posts overview. All via an intuitive, easy-to-use drag-and-drop interface.
3Admin Menu Editor Prohttp://adminmenueditor.com/2.11Lets you directly edit the WordPress admin menu. You can re-order, hide or rename existing menus, add custom menus and more.
4Advanced Custom Fields PROhttps://www.advancedcustomfields.com5.8.9Customize WordPress with powerful, professional and intuitive fields.
5AME Branding Add-onhttps://adminmenueditor.com/branding-add-on/1.3Adds branding options to Admin Menu Editor Pro. It creates three new tabs on the "Settings → Menu Editor Pro" page: "Branding", "Login", and "Colors".
6Borlabs Cookie - Cookie Opt-inhttps://borlabs.io/2.1.15Borlabs Cookie is an easy to use cookie opt-in and content block solution for WordPress. Create detailed descriptions for cookies and sort them in customizable 'Cookie Groups'. Create specific 'Content Blockers' and block everything from YouTube media to Facebook posts. Let your visitors choose which cookies they want to allow and what content they want to see. Borlabs Cookie helps you to make your website ready for GDPR & ePrivacy regulations.
7Classic Editorhttps://wordpress.org/plugins/classic-editor/1.5Enables the WordPress classic editor and the old-style Edit Post screen with TinyMCE, Meta Boxes, etc. Supports the older plugins that extend this screen.
8Coming Soon Page, Under Construction & Maintenance Mode by SeedProdhttp://www.seedprod.com5.1.0The #1 Coming Soon Page, Under Construction & Maintenance Mode plugin for WordPress.
9Custom Post Type UIhttps://github.com/WebDevStudios/custom-post-type-ui/1.7.4Admin panel for creating custom post types and custom taxonomies in WordPress
10Loco Translatehttps://wordpress.org/plugins/loco-translate/2.3.1Translate themes and plugins directly in WordPress
11Media Library Assistanthttp://davidlingren.com/#two2.81Enhances the Media Library; powerful [mla_gallery] [mla_tag_cloud] [mla_term_list], taxonomy support, IPTC/EXIF/XMP/PDF processing, bulk/quick edit.
12Optimushttps://optimus.io1.6.0Smart compression and optimization of uploaded images in WordPress. Automatic, reliable, effective.
13Relevanssihttps://www.relevanssi.com/4.7.1This plugin replaces WordPress search with a relevance-sorting search.
14Shortcodes Ultimate: Extra Shortcodeshttps://getshortcodes.com/add-ons/extra-shortcodes/1.7.2Extra set of shortcodes for Shortcodes Ultimate
15Shortcodes Ultimate: Shortcode Creatorhttps://getshortcodes.com/add-ons/shortcode-creator/1.5.14Provides UI for creating custom shortcodes
16Shortcodes Ultimate: Additional Skinshttps://getshortcodes.com/add-ons/additional-skins/1.5.7Set of additional skins for Shortcodes Ultimate
17Shortcodes Ultimatehttps://getshortcodes.com/5.8.0A comprehensive collection of visual components for WordPress
18Mobile Detecthttps://www.tinywp.in/wp_is_mobile-exclude-ipad/1.1.3Excludes tablets, such as iPad, from being detected as mobile in wp_is_mobile!
19UpdraftPlus - Backup/Restorehttps://updraftplus.com1.16.22Backup and restore: take backups locally, or backup to Amazon S3, Dropbox, Google Drive, Rackspace, (S)FTP, WebDAV & email, on automatic schedules.
20Wordfence Securityhttp://www.wordfence.com/7.4.6Wordfence Security - Anti-virus, Firewall and Malware Scan
21Yoast SEOhttps://yoa.st/1uj13.3The first true all-in-one SEO solution for WordPress, including on-page content analysis, XML sitemaps and much more.
22WP External Linkshttps://wordpress.org/plugins/wp-external-links/2.43Open external links in a new tab or window, control "nofollow" and "noopener", set font icon; SEO friendly.
23WP Rockethttps://wp-rocket.me3.5.1The best WordPress performance plugin.
24WordPress Toolbar Editorhttp://adminmenueditor.com/1.3.3Lets you edit the WordPress Toolbar (a.k.a. Admin Bar) - the horizontal menu at the top of your page that shows up when you're logged in. You can hide, move, rename and edit existing items, as well as create new menu items. Requires Admin Menu Editor Pro.
Nr.NamePlugin-LinkVersionDescription

Da immer wieder Fehler vorkommen, habe ich mir eine Testreihe für die Website und jeden einzelnen Artikel ausgearbeitet, den ich nach Möglichkeit immer einhalte, damit ich diese Flüchtigkeitsfehler möglichst finde. Dies bedeutet zwar viel Arbeit, aber die ist es mir wert. Eine korrekte Rechtschreibung sehe ich als Standard an – wobei hier immer noch Fehler möglich sind.

Struktur und Ausdauer führen ganz entspannt zu Google PageSpeed 100%. Voraussetzung war in meinem Fall ein Gutes Starter Theme, ein Cache Plugin, eine Bildoptimierung und ‚Above The Fold‘ Optimierung. Dies war alles um die begehrten Werte zu erreichen. Alle anderen Plugins sind nur Mittel zum Zweck und nicht für das Ergebnis Google verantwortlich.

Google PageSpeed 100% ist keine schwarze Magie.Detlef