Forum Replies Created
-
Posts
-
I just noticed that the enfold Performance options for Merge and Compress Css/Js is back on. I think I had it off since I’m using FVM plugin. Do those not create a duplication conflict?
J
Regarding preloading: Do y’all know of a plugin that preloads all images as a default (or lets me select to preload sliders and fallback images?)? The code and the plugin seem to only work for each individual image, or only 1 page at a time . . . which when we multiply the preload code times the hundreds of pages/posts/sliders/vids, would present a giant amount of additional code.
I’m looking too, but so far no luck.
J
@Mike
I must’ve missed that part of 3g only for mobile. . . regardless, at this point I am only using PSI as a final check to see if it sees something the others don’t see.With pagespeed using 3g, seems like that would also impact my desktop scores at 3g speed? Those are consistently in the mid to high 90’s (sometimes 100) even at that 3g speed.
Yeah, my GTmetrix desktop is always really high . . . same on pagespeed insights, webpagetest.net etc. Just that mobile score. I’m looking at DebugBear now. Thanks!
I have no idea how you get such amazing scores whereas I get this: https://www.debugbear.com/test/website-speed/JK9HGUlN/overview#
Still better than 30’s, but still lower than 94Jon
Tell me if I need to put this under a different ticket: How does the theme manage mobile site delivery? Since it is only my mobile scores that are suffering, and my host is saying that their server doesn’t differentiate between desktop and mobile device data (it just serves up what is called), they are saying that it’s probably something with the theme that is causing these speed issues…that my desktop results are near perfect shows their server is working fine.
I explained that y’all get 90’s on your shared server when you cloned my site to it though. . . I almost want to get the 2 of you talking directly so we can find out once and for all where the problem lives.
this is crazy. I test it and it’s 65. I’m not sure the plugins have anything to do with it . . . they erratic scores seem independent of how those are set up (except the exlude js stuff you did in FVM . . that seemed to help).
J
the changes seem to hit the webpagetest tool: https://www.webpagetest.org/result/240518_AiDcAH_BSH/
When you click Is It Fast, it’ll pull up details of that part of test . . . looks like the TTFB is hit. Looking at the waterfall graph, that top light blue line is definitely longer than it was before.
Oh, I see that you were running the test only on the homepage. That one seems ok. . . I have been testing using gatehealing.com/counseling-austin-tx/ since that page has a video at the top as well as images in the body.
That looks much better! Oddly, I got a 66 when I ran it. I could get it as high as a 72 https://pagespeed.web.dev/analysis/https-gatehealing-com-counseling-austin-Tx/j4x50jzy4v?form_factor=mobile
I’m not sure what makes the scores vary so wildly. I just ran it again and got an 82. At least it’s not in the 50’s.
On the 72 score report, I see that https://gatehealing.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1 is shown as render blocking, but I don’t know is safe to put in that FVM Render Blocking box.
This is all over my head. I appreciate y’all’s help in getting me this far.
JonFound the issue with Sizing and Next Gen stuff. There is a place in Ewww where I have to activate the Easy IO feature (the cdn that sizes and serves webp and avif) . . . I had been activated, then spontaneously deactivated..
I’m still only in 70’s for pages with sliders/videos, but at least the image types/sizes thing seems to be fixed for the moment, but I shouldn’t be in the 70’s on any of my mobile pages
The ewww plugin sizing thing serves images up from a CDN and automatically sizes from there, but I don’t know the mechanics of it.
Now this is a new twist I had not expected…you tested/effective-conflict-management (a blog Post) and got a 92 and did not get the Properly Size Images etc. warning . . . but when I test /counseling-austin-tx/ (a regular Page), I get in the 70’s and I do consistently get the Properly Size Images etc warnings: https://pagespeed.web.dev/analysis/https-gatehealing-com-counseling-austin-tx/6ohqww1pha?form_factor=mobile
It looks like it’s also not serving next generation images (webp) . . . but the ewww plugin is supposed to do that, and was doing that before. Did the change remove that ability and the serving the appropriate size images?
PS the desktop version of images is working fine–these issues are only for mobile devices
Thank you…my mobile performance didn’t change with disabling that code–I’m not sure why the code you disabled was in there…If I got it from y’all, there’s probably a reason (the code looks vaguely familiar–I’ll go look through older threads to see if I can find what it was for.
The pagespeed warning I get now that I was not getting before is titled “Properly Size Images.” https://pagespeed.web.dev/analysis/https-gatehealing-com-counseling-austin-tx/io32u3866t?form_factor=mobile
Did the srcset stuff get back in there wherever it’s supposed to be? If that is what properly sizes the images, it may not be in there still given the above warning. I’ll see if I can find where that now disabled code came from.
Do I need to re-add some kind for srcset stuff?
JonI have completely gotten rid of Jetpack and Jetpack Boost. That seems to help on the homepage mobile numbers…but…
I am noticing that on subpages, however, there are still issues with images being too big. I am still trying to figure out how I am supposed to know what size image any particular slider or image box is looking for…apparently this is only on mobile devices though. All of my images seem to work fine for the desktop performance numbers with respect LCP etc. . . but for mobile, I am not understanding why those elements are not picking the correct thumbnails to use when served up to mobile devices?
I can see that I can hide them in the Responsive tab, but I don’t want to hide every image, slider and video.
Am I missing a checkbox that tells the elements to choose the proper thumbnail image for mobile devices?
Well, not using jetpack or jetpack boost seems to speed things up substantially . . . so I deleted them.
Dang it. I fixed it again by accident . . . the white page thing was happening again. Feel free to delete this reply–I had a longer one here before I fixed it.
It would seem that if I use Jetpack Boost’s Concatenate CSS my speed improves, but it breaks random pages by making them that white screen with a deformed logo. If I use Concatenate JS it breaks sliders and/or videos; same with Defer non-essential JS.
The Optimize Critical CSS option is helpful, so I hate to just get rid of Jetpack boost altogether, but I’m going to try it for now.
J
Yeah, I mistakenly put the update at the top of that reply (I came back and edited it vs posting new comment).
I found the issue…It’s jet pack boost’s concatenate css feature.
I don’t know why I have to use different plugins to accomplish related tasks like minification/concatenation/compression/merging when many apps do all of them, but if I use one app, elements start breaking,
Yeah, I mistakenly put the update at the top of that reply (I came back and edited it vs posting new comment).
I found the issue…It’s jet pack boost’s concatenate css feature.
I don’t know why I have to use different plugins to accomplish related tasks like minification/concatenation/compression/merging when many apps do all of them, but if I use one app, elements start breaking,
UPDATE: Looks like it was the Jetpack Boost’s Concatenate CSS setting.
This is happening again even after I delete the cache.
I’ll leave them for now, but will need to fix them soon:
https://gatehealing.com/counseling-austin-tx/parenting-family-counseling/
https://gatehealing.com/counseling-austin-tx/work-life-balance/
https://gatehealing.com/counseling-austin-tx/stress-management/
https://gatehealing.com/blog/There may be random blog posts like this as well, but I did not go check all 100 of them.
Thanks for your help on this.
JonUPDATE: Looks like it was the Jetpack Boost’s Concatenate CSS setting.
I also have that thing where some pages are all white with only hyperlinks and a logo. I’ll leave them for now, but will need to fix them soon:
https://gatehealing.com/counseling-austin-tx/parenting-family-counseling/
https://gatehealing.com/counseling-austin-tx/work-life-balance/
https://gatehealing.com/counseling-austin-tx/stress-management/
https://gatehealing.com/blog/There may be random blog posts like this as well, but I did not go check all 100 of them.
Thanks for your help on this.
JonI tried this, and it broke my videos. I put it back to Only Load Used Elements (recommended), cleared cache, cleared browser cache/history etc., and the videos are still broken. I’m trying to figure this out, but any help would be appreciated. I’d rather have a bit slower site than not have my videos working.
Thanks!
Jonrunning webpagetest, I get the following are render blocking; most are theme related…Would it hurt anything for me to defer/etc. these?
/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js
/wp-content/themes/enfold/js/avia-js.js?ver=5.7.1
/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1
/wp-content/plugins/google-analytics-for-wordpress/assets/js/frontend-gtag.min.js?ver=8.26.0
/wp-content/themes/enfold/js/avia.js?ver=5.7.1
/wp-content/themes/enfold/js/shortcodes.js?ver=5.7.1
/wp-content/themes/enfold/js/avia-compat.js?ver=5.7.1
/wp-content/themes/enfold/js/waypoints/waypoints.min.js?ver=5.7.1
/wp-includes/js/jquery/jquery.min.js?ver=3.7.1
/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/tabs/tabs.js?ver=5.7.1
/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/testimonials/testimonials.js?ver=5.7.1
/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/notification/notification.js?ver=5.7.1
/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow-video.js?ver=5.7.1
/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery/gallery.js?ver=5.7.1
/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.js?ver=5.7.1
/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/iconlist/iconlist.js?m=1715101414
/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow.js?ver=5.7.1
/wp-content/themes/enfold/js/aviapopup/jquery.magnific-popup.min.js?ver=5.7.1
/wp-content/themes/enfold/js/avia-snippet-lightbox.js?ver=5.7.1
/wp-content/themes/enfold/js/avia-snippet-parallax.js?ver=5.7.1
/wp-content/themes/enfold/js/avia-snippet-fold-unfold.js?ver=5.7.1
/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/video/video.js?ver=5.7.1
/wp-content/plugins/ewww-image-optimizer/includes/lazysizes.min.js?ver=760
/wp-content/themes/enfold/js/avia-snippet-hamburger-menu.js?ver=5.7.1
/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/toggles/toggles.js?ver=5.7.1
/wp-content/themes/enfold/framework/js/conditional_load/avia_google_maps_front.js?ver=5.7.1
/wp-content/themes/enfold/js/avia-snippet-sticky-header.js?ver=5.7.1
/wp-content/themes/enfold/js/avia-snippet-footer-effects.js?ver=5.7.1
/wp-content/themes/enfold/js/avia-snippet-widget.js?ver=5.7.1
/wp-content/themes/enfold/js/avia-snippet-megamenu.js?ver=5.7.1@Mike
I am hosted at Dream Host on a shared server. They had said that such a small site with not shopping cart and low traffic (it’s just a local business) that a shared server should be fine. . .and for several years it was. I don’t know what happened.Removed all images except the slider at the top and the tiny pix of me and my dog at bottom, which have never been an issue in LCP etc.
I get mobile score into the 70’s, but the LCP issue just shifts to a text element (the first one): https://pagespeed.web.dev/analysis/https-gatehealing-com/w9gks5s0wg?form_factor=mobile
UPDATE:
I am updating all tech folks trying to help me figure this mess out. I paused cloudflare, waited a bit then re-tested using psi. Mobile performance is 66. About the same as I get with cloudflare. I was able to repeat in other browsers with the same result (62-66 performance scores).Tells me it’s not cloudflare, I think…
You know, I am wondering if your tests went so much faster since they went through a different server. I am communicating with my host to see if their server settings are problematic.
Let me know if your tests were running through your server vs my website’s.
J
I checked with my host and they investigated the syntax error. This was their response. Do y’all have any insight?
“Checking on the plugin files, I found out that the _jb_static files are
related to the Jetpack Boost plugin. Please see the SSH commands below
used to find the related plugin:$ cd /home/jonand58/gatehealing.com
$ grep -rl _jb_static wp-content/plugins/
wp-content/plugins/jetpack-boost/app/lib/minify/functions-helpers.php
wp-content/plugins/jetpack-boost/app/lib/minify/functions-service.php
wp-content/plugins/jetpack-boost/CHANGELOG.md
wp-content/plugins/jetpack-boost/jetpack-boost.phpFor this case, it appears that the theme is having an issue with the
cached files created by the Jetpack Boost plugin. I would recommend
temporarily disabling the Jetpack Boost plugin, before trying to check
again the site’s theme, and see if the same error still shows up.”I am disabling it for the moment.
Jon
@Mike
Where did you see that syntax error? Was it in the WP dashboard, like a banner?
