OK, some questions to get this going:
* what JS errors do you see on the browser console?
* what happens if you tick the “don’t aggregate but defer” option?
Thread Starter
Anonymous User 13716511
(@anonymized-13716511)
If I tick the ‘don’t aggregate but defer’ option then the whole layout of the page is messed up and I see this error in the console:
Uncaught TypeError: e.indexOf is not a function
at S.fn.init.S.fn.load (jquery.min.js?ver=3.5.1:2)
at VM17:136
If I tick Aggregate JS-files
I see this error in the console:
jquery.min.js?ver=3.5.1:2 Uncaught TypeError: e.indexOf is not a function
at S.fn.init.S.fn.load (jquery.min.js?ver=3.5.1:2)
at (index):136
S.fn.load @ jquery.min.js?ver=3.5.1:2
(anonymous) @ (index):136
jquery.min.js?ver=3.5.1:2 Uncaught TypeError: e.indexOf is not a function
at S.fn.init.S.fn.load (jquery.min.js?ver=3.5.1:2)
at (index):151
S.fn.load @ jquery.min.js?ver=3.5.1:2
(anonymous) @ (index):151
In the JS optimization exclusion field, can you try excluding one of below each line and report back?
* wp-content/themes
* OR wp-content/plugins
* OR wp-includes/js
Thread Starter
Anonymous User 13716511
(@anonymized-13716511)
I ticked Aggregate JS-files
added:
wp-content/themes – broke page completely.
wp-content/plugins – image didn’t load
wp-includes/js – image loaded fine BINGO 🙂
However, the google speed test is still low – 28.
Without the wp-includes/js I get 59 or higher.
Is there anything I can do to make it more specific?
I’m also excluding so far:
wp-includes/js/dist/, wp-includes/js/tinymce/, js/jquery/jquery.js, js/jquery/jquery.min.js, wp-includes/js
Thanks
Thread Starter
Anonymous User 13716511
(@anonymized-13716511)
No. I take that back. wp-includes/js messed up the homepage.
Hmm … might be js/jquery-migrate.min.js instead of wp-includes/js works, worth giving a shot 🙂
OK, so when you write “and others built like it”, what is specific for those pages, what makes them different from other pages that have no issues with images (which seems to be implied)?
Thread Starter
Anonymous User 13716511
(@anonymized-13716511)
It is the listing pages on the site – if you click on any of the images below on this page:
https://themtwashingtongroup.com/baltimore-properties/
The main image of the property isn’t loading.
Only the first image, so the one in the flexslider? Does this also happen when lazyload is not active?
Thread Starter
Anonymous User 13716511
(@anonymized-13716511)
Lazy load doesn’t make a difference.
I tried it with and without.
Yes, all the images in the flexslider. It is a slideshow
And are there pages that use Flexslider that are not broken when “Aggregate JS” is on?
Thread Starter
Anonymous User 13716511
(@anonymized-13716511)
I don’t think I’m using it anywhere else.
Only on the listing pages.
OK, then indeed try adding plugins/js_composer/assets/lib/flexslider/jquery.flexslider.min.js (or even plugins/js_composer/) to the comma-separated JS optimization exclusions (make sure jquery.min.js is excluded as well)?
