Google Pagespeed 100% ganz entspannt

Screenshot PageSpeed: Google PageSpeed 100% ganz entspannt

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.

Hinweise zu Lighthouse und PageSpeed

Beim Test mit Lighthouse wird das Ergebnis von ‚Best Practices‘ von 100% auf 96% reduziert, weil wir entschlossen haben, über das Plugin: Prosodia VGW OS Zählmarken zu generieren. Hiermit können wir über VG Wort geringe Einnahmen erzielen, wenn der Beitrag oft genug aufgerufen wird.

Die PageSpeed Werte werden hierdurch nicht in Mitleidenschaft gezogen.

Siehe hierzu auch Kapitel 1.1.

Änderungsvermerke

16.06.2024: Accordion Hinweise zu Lighthouse und PageSpeed eingeführt

13.06.2024: Kapitel: 4. überarbeitet

31.05.2024: Kapitel: 1.1 eingefügt

19.05.2024: Beitragsbild bearbeitet

11.04.2024: Beitrag aufgesetzt

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.

1.1 Warum Google PageSpeed und Lighthouse testen

Es ist ratsam beide Prüfungen, PageSpeed und Lighthouse, detailliert zu betrachten, da sie unterschiedliche Probleme darstellen können. Die Werte müssen unbedingt analysiert werden, wenn man nicht die Reduzierung der Werte bewusst in Kauf genommen hat. Dies ist zum Beispiel der Fall, wenn VG Wort verwendet wird, um für seine Autorentätigkeit entlohnt zu werden. Hier wird von dem Plugin Prosodia VGW OS – welches das Leben eines Autors leichter macht – ein Cookie verwendet, welches in Lighthouse den Wert von ‚Best Practices‘ von 100% auf 96% reduziert. In PageSpeed erreicht man dennoch 100%.

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

!!! ACHTUNG !!! Anzeige nur mit größerer Auflösung möglich.

Nr.

Name

Plugin-Link

Version

Desciption

1

Query Monitor

https://querymonitor.com/

3.16.3

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

https://www.acf-extended.com

0.9.0.5

All-in-one enhancement suite that improves WordPress & Advanced Custom Fields.

4

Admin Columns Pro

https://www.admincolumns.com

6.4.10

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

http://adminmenueditor.com/

2.24.3

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.3.1.2

Customize WordPress with powerful, professional and intuitive fields.

7

Advanced Database Cleaner PRO

https://sigmaplugin.com/downloads/wordpress-advanced-database-cleaner

3.2.9

Clean database by deleting orphaned data such as 'old revisions', 'old drafts', 'orphan options', etc. Optimize database and more.

8

Akismet Anti-spam: Spam Protection

https://akismet.com/

5.3.2

Used by millions, Akismet is quite possibly the best way in the world to protect your blog from spam. Akismet Anti-spam keeps your site protected even while you sleep. To get started: activate the Akismet plugin and then go to your Akismet Settings page to set up your API key.

9

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".

10

Borlabs Cookie

https://borlabs.io/

3.0.11

Borlabs Cookie helps you make your website GDPR compliant by providing an opt-in option to its visitors.

11

Contact Form 7

https://contactform7.com/

5.9.6

Just another contact form plugin. Simple but flexible.

12

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.

13

Yoast Duplicate Post

https://yoast.com/wordpress/plugins/duplicate-post/

4.5

The go-to tool for cloning posts and pages, including the powerful Rewrite & Republish feature.

14

Edit Author Slug

https://github.com/thebrandonallen/edit-author-slug/

1.9.0

Allows an Admin (or capable user) to edit the author slug of a user, and change the Author Base. i.e. - (WordPress default structure) http://example.com/author/username/ (Plugin allows) http://example.com/ninja/master-ninja/

15

Flamingo

-

2.5

A trustworthy message storage plugin for Contact Form 7.

16

FooBox Image Lightbox (Premium)

http://fooplugins.com/foobox/

2.7.29

The best responsive lightbox for WordPress.

17

Gonzales

https://gonzalesplugin.com/

2.4

Speed up your site by deactivation of useless plugins, scripts and styles.

18

WP Armour - Honeypot Anti Spam

http://wordpress.org/plugins/honeypot/

2.2.01

Add honeypot anti spam protection.

19

Justified Image Grid

https://justifiedgrid.com

4.5

Create beautiful photo grids from sources you already use.

20

Loco Translate

https://wordpress.org/plugins/loco-translate/

2.6.10

Translate themes and plugins directly in WordPress

21

Media Library Assistant

http://davidlingren.com/#two

3.16

Enhances the Media Library; powerful [mla_gallery] [mla_tag_cloud] [mla_term_list], taxonomy support, IPTC/EXIF/XMP/PDF processing, bulk/quick edit.

22

Max Mega Menu - Pro Addon

https://www.megamenu.com

2.4

Extends the free version of Max Mega Menu with additional functionality.

23

Max Mega Menu

https://www.megamenu.com

3.3.1

An easy to use mega menu plugin. Written the WordPress way.

24

MetaSlider Pro

https://www.metaslider.com

2.37.0

MetaSlider Pro unlocks the power of video slides, layer slides, post type slides as well as many other features.

25

MetaSlider

https://www.metaslider.com

3.90.0

MetaSlider gives you the power to create a beautiful slideshow, carousel, or gallery on your WordPress site.

26

Multiple Roles

https://wordpress.org/plugins/multiple-roles/

1.3.7

Allow users to have multiple roles on one site.

27

Optimus

https://optimus.io

1.6.3

Smart compression and optimization of uploaded images in WordPress. Automatic, reliable, effective.

28

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.

29

PHP Native Password Hash

-

3.0

Swaps out WordPress's password hashing mechanism with PHP 5.5's `password_hash()` functions set, and automatically rehashes the existing passwords on users next successful login. Provides safety against dictionary attacks, time-attacks, and brute-force attacks.

30

Posts Table Pro

https://barn2.com/wordpress-plugins/posts-table-pro/

3.1.4

Display any WordPress content in an instant data table with powerful search, sort and filter capabilities.

31

Relevanssi Premium

https://www.relevanssi.com/

2.25.2

This premium plugin replaces WordPress search with a relevance-sorting search.

32

Shortcodes Ultimate: Extra Shortcodes

https://getshortcodes.com/docs/extra-shortcodes-user-guide/

1.8.5

Extra set of shortcodes for Shortcodes Ultimate

33

Shortcodes Ultimate: Additional Skins

https://getshortcodes.com/docs/additional-skins-user-guide/

1.6.3

Set of additional skins for Shortcodes Ultimate

34

Shortcodes Ultimate

https://getshortcodes.com/

7.1.8

A comprehensive collection of visual components for WordPress

35

Smart Custom Display Name

https://wordpress.org/plugins/smart-custom-display-name/

5.0.3

Set users "Display Name" to any custom value

36

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!

37

UpdraftPlus - Backup/Restore

https://updraftplus.com

2.24.3.26

Backup and restore: take backups locally, or backup to Amazon S3, Dropbox, Google Drive, Rackspace, (S)FTP, WebDAV & email, on automatic schedules.

38

User Switching

https://wordpress.org/plugins/user-switching/

1.7.3

Instant switching between user accounts in WordPress

39

Wordfence Security

https://www.wordfence.com/

7.11.6

Wordfence Security - Anti-virus, Firewall and Malware Scan

40

Yoast SEO

https://yoa.st/1uj

22.8

The first true all-in-one SEO solution for WordPress, including on-page content analysis, XML sitemaps and much more.

41

WP Armour Extended - Honeypot Anti Spam

http://wordpress.org/plugins/honeypot/

1.31

Extra tools and feature for WP Armour

42

WP Links

https://getwplinks.com/

5.29

Check & scan all links + open external links in a new tab or window, control "nofollow" and "noopener", set font icon; SEO friendly.

43

WP Rocket

https://wp-rocket.me

3.16

The best WordPress performance plugin.

44

AME Toolbar Editor

https://adminmenueditor.com/

1.5.1

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.

45

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

Nach jeder Korrektur sei es programmtechnisch als auch textlich, müssen Prüfungen durchlaufen werden, damit die Anwendung den erreichten Standard beibehält. Dies sind unter anderem die Google Lighthouse und PageSpeed Werte, als auch die SEO-Ergebnisse.

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.