well, based on the pagespeed “opportunities”, the main thing is render-blocking JS. you don’t seem to have Autoptimize doing JS optimization, maybe start there?
frank
I already use autoptimize JS Optimization!
It is probably the exclusion list, that lets you think that I do not use it:
seal.js,js/jquery/jquery.js,wp-spamshield,jquery.js,jquery-migrate.min.js,events-manager,customizr/assets/js,customizr/inc/assets/js,ol.js,osm-v3-plugin-lib.js,osm-metabox-events.js,osm-startup-lib.jsol.js,osm-v3-plugin-lib.js,osm-metabox-events.js,osm-startup-lib.js,js/jquery/jquery.min.js,wp-includes/js,wp-includes/js/jquery/ui,plugins/wp-fullcalendar
But I do not think that I can reduce it, because these were listed due to recommendations and/or bug reports – as recently with the wp-fullcalendar.
Do you have any ideas how I can speed up my website and the google core web vitals?
well, especially the wp-includes/js is very broad (matching 19 js files), I would advice to try to make it more specific (trial and error, yeah)?
These pages with the single event are even worse : https://pferdetermine.de/veranstaltungen/kurs-osteopathische-medizin-vom-mensch-zum-pferd-fuer-postgraduierte-pferdetherapeuten-2020-08-22
Do you have any good alternatives for recaptcha? I have so many spam user-registrations, that I need something like that… Antispam Bee does not help ti get rid of bot-registrations and I need somethin gin line with DSGVO
I also tried to optimize the fonts with autoptimize – but it does not have any effect….
it still says…:
“Darauf achten, dass der Text während der Webfont-Ladevorgänge sichtbar bleibt
Verwenden Sie die CSS-Funktion font-display, damit der Text für Nutzer sichtbar ist, während Webfonts geladen werden. Weitere Informationen.
URL
Mögliche Einsparungen
…webfonts/fa-brands-400.woff2?v=5.12.1(pferdetermine.de)
50 ms
…fonts/cantarell-v7-latin-regular.woff2(pferdetermine.de)
160 ms
…fonts/fjalla-one-v5-latin-regular.woff2(pferdetermine.de)
170 ms
…fonts/cantarell-v7-latin-700.woff2(pferdetermine.de)
50 ms
…fonts/cantarell-v7-latin-italic.woff2(pferdetermine.de)
20 ms
…fonts/cantarell-v7-latin-700italic.woff2(pferdetermine.de)
20 ms
…webfonts/fa-solid-900.woff2?v=5.12.1(pferdetermine.de)
40 ms
…webfonts/fa-regular-400.woff2?v=5.12.1(pferdetermine.de)
20 ms”
do you use the default user registration form, or do you use a specific plugin or form builder for that?
re. the fonts; the fonts are local, AO only helps for Google hosted fonts I’m afraid. you’ll have to (ask the developers of the plugins that add the fonts) to add font-display:swap to the @font-family declarations.
Currently I use BuddyPress and an individual Registration form with specific fields (https://pferdetermine.de/anmelden/). I thought about “leaner” alternatives like users WP – hoping that it is faster. But a migration could be quite hard because I have more that 1000 users and I like the possibility that BuddyPress shows all user-specific events on the users profile page – and I do not know how I could build that with users WP. But that is the only specific functionality I use from BuddyPress.
When I did not use recaptcha I had about 20 spam-user-registrations a day! With recaptca it is 0-5. But the negative impact on performance on pages with a login/registration is huge! Since every event with direct booking is effected, this is very bad.
So do you have ideas how to improve the performance with recaptcha or with an alternative?
One additional question: Pagespeed said, that I should load the css of one file upfront: https://pferdetermine.de/wp-content/plugins/events-manager/includes/css/jquery-ui.min.css
So I copied the content of that file to the “above the fold”section in Autoptimize at the end of the part that criticalpathcssgenerator created. I saved and deleted all caches.
But PageSpeed still says the same… what did I do wrong?
Can you try adding that file to Settings -> Autoptimize -> Extra -> Preload and retest (after clearing page caches)?
Thanks. that worked!
Now there are some other CSS that PageSpeed suggests to remove, because they are not used:
…css/autoptimize_f850a0a….css(pferdetermine.de)
…css/dashicons.min.css(pferdetermine.de)
…css/autoptimize_d4c3fac….css(pferdetermine.de)
Why is autoptimize on that list? And why two files?
The unused CSS is being reported as being Autoptimize’s, but AO merely aggregates all the CSS provided by your theme & plugins, so if you (really) want to tackle “remove unused CSS/JS” then you should look into your theme & plugins. There is however a 3rd party premium solution to remove unused CSS called Rapidload, see the “optimize more” tab in Autoptimize’s settings screen.
hope this clarifies,
frank
Hm… I removed dashicons.min.css and now there is only autoptimize/css/autoptimize_f850a0a8bdf2527e73664b44aa774e43.css left on the list….
But why is that CSS not needed? (on Homepage, Single Event page etc…)
And I get errors…. in the console:
On every page with the events-manager shortcode:
VM1481:86 Uncaught ReferenceError: wp is not defined
at VM1481:86
at VM1481:87
(anonymous) @ VM1481:86
(anonymous) @ VM1481:87
And where the events-manager search is used:
jquery.min.js:2 Uncaught TypeError: Cannot read property ‘setDefaults’ of undefined
at HTMLDocument.<anonymous> ((index):83)
at e (jquery.min.js:2)
at t (jquery.min.js:2)
And on the page to insert and update events:
jquery.min.js:2 Uncaught TypeError: $(…).sortable is not a function
at HTMLDocument.<anonymous> (events-manager.js:383)
at e (jquery.min.js:2)
at t (jquery.min.js:2)
(anonymous) @ events-manager.js:383
e @ jquery.min.js:2
t @ jquery.min.js:2
setTimeout (async)
S.readyException @ jquery.min.js:2
(anonymous) @ jquery.min.js:2
e @ jquery.min.js:2
t @ jquery.min.js:2
setTimeout (async)
(anonymous) @ jquery.min.js:2
c @ jquery.min.js:2
fireWith @ jquery.min.js:2
fire @ jquery.min.js:2
c @ jquery.min.js:2
fireWith @ jquery.min.js:2
t @ jquery.min.js:2
setTimeout (async)
(anonymous) @ jquery.min.js:2
c @ jquery.min.js:2
fireWith @ jquery.min.js:2
fire @ jquery.min.js:2
c @ jquery.min.js:2
fireWith @ jquery.min.js:2
ready @ jquery.min.js:2
B @ jquery.min.js:2
plupload.min.js:1 Uncaught ReferenceError: mOxie is not defined
at plupload.min.js:1
(anonymous) @ plupload.min.js:1
mediaelement-migrate.min.js:1 Uncaught ReferenceError: mejs is not defined
at mediaelement-migrate.min.js:1
at mediaelement-migrate.min.js:1
(anonymous) @ mediaelement-migrate.min.js:1
(anonymous) @ mediaelement-migrate.min.js:1
media-editor.min.js:2 Uncaught TypeError: Cannot read property ‘post’ of undefined
at media-editor.min.js:2
at media-editor.min.js:2
(anonymous) @ media-editor.min.js:2
(anonymous) @ media-editor.min.js:2
media-audiovideo.min.js:2 Uncaught TypeError: Cannot read property ‘post’ of undefined
at Object.<anonymous> (media-audiovideo.min.js:2)
at o (media-audiovideo.min.js:2)
at Object.<anonymous> (media-audiovideo.min.js:2)
at o (media-audiovideo.min.js:2)
at media-audiovideo.min.js:2
at media-audiovideo.min.js:2
(anonymous) @ media-audiovideo.min.js:2
o @ media-audiovideo.min.js:2
(anonymous) @ media-audiovideo.min.js:2
o @ media-audiovideo.min.js:2
(anonymous) @ media-audiovideo.min.js:2
(anonymous) @ media-audiovideo.min.js:2
plugin.min.js:1 Uncaught ReferenceError: tinymce is not defined
at plugin.min.js:1
(anonymous) @ plugin.min.js:1
And on every page with OSM-Map:
DevTools failed to load SourceMap: Could not load content for https://pferdetermine.de/wp-content/plugins/osm/js/OL/6.4.3/ol.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
What did I do wrong?
🙁
re. unused CSS, as I wrote, AO merely aggregates all the CSS provided by your theme & plugins, so if you (really) want to tackle “remove unused CSS/JS” then you should look into your theme & plugins as AO itself cannot decide what CSS is actually used or not.
re. the JS error: try adding wp-includes/js to the comma-separated JS optimization exclusion list?
No further feedback so I assume this got resolved pferdetermine ? Feel free to follow up if you still encounter issues!
have a nice day!
frank
