Forum Replies Created
-
Posts
-
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?The various plugins are to test in the process of getting things back to where they were before (in the mid-upper 90’s on mobile performance).
I will say that I test PSI sometimes and get a higher number . . . then test again after clearing my browser history/cache (or I wait a little bit, or use a different browser) and then it’s in the 60’s or 70’s. It seems to be all over the place. I just tested at 7:50pm central time and it’s 80. I’ll test again in a minute and put the score here: 70. That was 2 minutes later in a different browser (so PSI wouldn’t remember the last result).
All of those plugins have been suggested by either y’all or my host. When I turned them all off, I got a PSI of 63, then 65 in a different browser. Reactivating them for now.
Here’s a new twist. If I am using the same browser that I am editing my site in to visit my site, the slider on my homepage does not work if I am logged in. . . however, if I use another browser that I am NOT logged into WP with, the slider is fine. This is exactly opposite of what used to be the case in another thread.
The moment I log out of WP, my sliders load just fine.
@Mike, so here’s what’s odd. This is the PSI I just ran. . . it’s back to 73: https://pagespeed.web.dev/analysis/https-gatehealing-com/g76fe8ffqh?form_factor=mobile
I’m not sure what size each element that I use an image for is expecting? How do I know what size to pick if there is no direction as to what it is looking for? Do I just put one in that is too big, but that looks good (if I pick too small, it looks fuzzy . .. too large and it cuts off words) then run PSI to see if it is expecting a different size, then go back to the library and choose the closest match?
Is there a setting in Enfold that I can turn on that tells me in the element box what size image the element itself is looking for?
