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 von Usability und Experience(UX) die PageSpeed (Lighthouse) Werte reduzieren.
1. Zum Einstieg
Google PageSpeed 100% sind die Werte, die ausgespuckt werden, wenn mit Google PageSpeed Insights und Lighthouse der Beitrag getestet wird. Wenn die Ergebnisse alle 100% zeigen, wird gefeiert, weil ja das Ziel Google PageSpeed 100 % erreicht ist.
2. Aller Anfang ist schwer
Die Auswahl eines Standard Theme wird nicht zum Erfolg führen, weil es einfach nicht den Strukturen folgt, die erforderlich sind, um das Ziel Lighthouse 100% zu erreichen. Bildgrößen, Content-Bereiche, Sidebar etc. sind wenig oder gar nicht anpassbar. Hier trifft man einfach auf zu starre Strukturen, die Individualität nicht gestatten.
Eine Website sollte individuell und persönlich sein und das Widerspiegeln, was den Websiteinhaber – Person oder Firma – ausmacht.
Es ist wichtig, ein geeignetes Starter-Theme auszuwählen, um die erforderlichen Strukturen implementieren zu können.
Ein Wermutstropfen ist es natürlich, dass man sich dann mit CSS und PHP herumschlagen muss – wobei es irgendwann doch zum Spaß ausartet. Beides ist nicht unbedingt schwer zu erlernen, um gewisse Grundlagen beherrschen zu können, zum Profi muss jedoch viel Ehrgeiz investiert werden. Wenn das Ergebnis jedoch eine individuelle Website mit großartigen PageSpeed Werten ist, wird der Aufwand gerechtfertigt.
2.1 Warum und wieso dieses Theme
Mit underscores.me als Starter Theme ist eine Top Grundlage gegeben, weil alle Strukturen enthalten sind, die zum Aufsetzen einer tollen Anwendung enthalten sind – es ist eben von den Leuten die auch WordPress geschrieben haben.
Wenn die Website das erste Mal mit diesem Theme aufgerufen wird, ist das Aussehen erschreckend und zeigt eigentlich, dass man einiges zu tun hat, um sie zu einem Erlebnis zu machen.
2.2 Auswahl von Plugins
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 Lebensunterhalt verdienen. Inwieweit der Preis angemessen ist, muss jeder selbst einschätzen.
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 großartigen Plugins, die irgendwann sterben, weil der Schöpfer es aufgibt.
Zu viele Plugins können den Brei verderben, ein schlechtes Plugin verdirbt ihn garantiert. mediendr.de
Die Anzahl von guten Plugins ist nicht ausschlaggebend für das Ergebnis, wenn gewisse Regeln eingehalten werden.
2.3 Trennung von Mobile und Desktop
Eine Trennung von Mobile- und Desktop-Anwendung ist unbedingt erforderlich, damit man über Verzweigungen Einfluss nehmen kann.
Damit ist es möglich:
- Sidebars nur für Desktop
- Gezieltes Wegschalten von Sidebars
- Auswahl Bildgrößen für Desktop und Mobile
- Unterschiedliche Schriften
2.4 Auswahl Bildgrößen
Die Standardbildgrößen von WordPress passen nicht zum eigenen Layout – hier sind Anpassungen und Erweiterungen erforderlich. Vorgabe ist immer der zur Verfügung stehenden Content-Bereich, damit nicht der Internet Explorer die Bilder anpassen muss – dies ist dann meistens der Grund für schlechte Ladezeiten.
3. Verwendete Plugins
Nr.
Name
Plugin-Link
Version
Desciption
1
Query Monitor
3.16.2
The developer tools panel for WordPress.
2
ACF Content Analysis for Yoast SEO
https://wordpress.org/plugins/acf-content-analysis-for-yoast-seo/
3.1
Ensure that Yoast SEO analyzes all Advanced Custom Fields 5.7+ content including Flexible Content and Repeaters.
3
Advanced Custom Fields: Extended PRO
0.9.0.1
All-in-one enhancement suite that improves WordPress & Advanced Custom Fields.
4
Admin Columns Pro
6.4.7
Customize 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.
5
Admin Menu Editor Pro
2.24.1
Lets you directly edit the WordPress admin menu. You can re-order, hide or rename existing menus, add custom menus and more.
6
Advanced Custom Fields PRO
https://www.advancedcustomfields.com
6.2.9
Customize WordPress with powerful, professional and intuitive fields.
7
AME Branding Add-on
https://adminmenueditor.com/branding-add-on/
1.3.7
Adds branding options to Admin Menu Editor Pro. It creates three new tabs on the "Settings → Menu Editor Pro" page: "Branding", "Login", and "Colors".
8
Borlabs Cookie
3.0.8
Borlabs Cookie helps you make your website GDPR compliant by providing an opt-in option to its visitors.
9
Disable Gutenberg
https://perishablepress.com/disable-gutenberg/
3.1.1
Disables Gutenberg Block Editor and restores the Classic Editor and original Edit Post screen. Provides options to enable on specific post types, user roles, and more.
10
Gonzales
2.4
Speed up your site by deactivation of useless plugins, scripts and styles.
11
Media Library Assistant
3.15
Enhances the Media Library powerful
12
Max Mega Menu - Pro Addon
2.4
Extends the free version of Max Mega Menu with additional functionality.
13
Max Mega Menu
3.3.1
An easy to use mega menu plugin. Written the WordPress way.
14
Optimus
1.6.3
Smart compression and optimization of uploaded images in WordPress. Automatic, reliable, effective.
15
Page scroll to id
http://manos.malihu.gr/page-scroll-to-id
1.7.9
Page scroll to id is an easy-to-use jQuery plugin that enables animated (smooth) page scrolling to specific id within the document.
16
Relevanssi Premium
2.25.2
This premium plugin replaces WordPress search with a relevance-sorting search.
17
Shortcodes Ultimate: Extra Shortcodes
1.8.3
Extra set of shortcodes for Shortcodes Ultimate
18
Shortcodes Ultimate: Additional Skins
1.6.2
Set of additional skins for Shortcodes Ultimate
19
Shortcodes Ultimate
7.1.4
A comprehensive collection of visual components for WordPress
20
Mobile Detect
https://www.tinywp.in/wp_is_mobile-exclude-ipad/
1.5.1
Excludes tablets, such as iPad, from being detected as mobile in wp_is_mobile!
21
UpdraftPlus - Backup/Restore
2.24.2.26
Backup and restore: take backups locally, or backup to Amazon S3, Dropbox, Google Drive, Rackspace, (S)FTP, WebDAV & email, on automatic schedules.
22
Wordfence Security
7.11.5
Wordfence Security - Anti-virus, Firewall and Malware Scan
23
Yoast SEO
22.5
The first true all-in-one SEO solution for WordPress, including on-page content analysis, XML sitemaps and much more.
24
WP Links
5.29
Check & scan all links + open external links in a new tab or window, control "nofollow" and "noopener", set font icon; SEO friendly.
25
WP Rocket
3.15.10
The best WordPress performance plugin.
26
AME Toolbar Editor
1.5
Lets 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.
27
WPFront Scroll Top
http://wpfront.com/scroll-top-plugin/
2.2
Allows the visitor to easily scroll back to the top of the page.
4. Prüfung der Anwendung und Beiträge
Hier muß Text oder ein ‘Shortcode’ eingefügt werden.
5. Fazit: Google PageSpeed (Lighthouse) 100% ganz entspannt
Das Ziel ist mit Strukturen und einigen Arbeitsaufwand grundsätzlich zu erreichen. Unbestritten ist viel Energie – auch einige Sackgassen – erforderlich, um den richtigen Weg dorthin zu finden. Das Ergebnis ist eine Website, die individuell, persönlich und mit eigenem Design aufwartet.
