Photo gallery lazy load

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Photo gallery lazy load

Post by kenswindon »

I'm having a problem with my page loading, I have about a 100 images on each page in 3 or 4 photo galleries, they are all set as lazy load but I'm not sure this is working I cannot see any reference to it in the HTML code and all images seem to load together, any help would be appreciated.
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: Photo gallery lazy load

Post by BaconFries »

If you view the source then you should see reference to the code as such if not please provide a url so we can check

Code: Select all

<script src="wb.lazyload.min.js"></script>
<script>
$(document).ready(function()
{
   $('img[data-src]').lazyload();
});
</script>
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

my site is https://freeclassicimages.com/ that seems to be there so what else could be slowing it in mobiles, google are marking it down for slow loading average 230ms should be less than 100, I originally built this 13 years ago with a much earlier version of wysiwyg and have continually added to it and always updated to version now 16, could there be something in the pages not updated as they were originally set up years ago when mobiles were irelevant.
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: Photo gallery lazy load

Post by BaconFries »

Looking at the source you have selected 'Emulate-IE8' in the properties page. Please set this to 'none' as IE 8 is no longer supported. I also suggest that you set the charset to UTF8 as well rather than iso-8859-1.
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

they were obviously set like that from the beginning, I can set character set in site properties all in one go but I can only see IE in page properties is that the only way to change it as I will have to set that in all 300 pages, can you help please
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Photo gallery lazy load

Post by Pablo »

The default character-set for new pages is UTF-8
Also, IE8 is not enabled by default.

There is another issue:
You have added invalid code to the page, this makes the structure of the entire page invalid. Please remove all code you have place inside the body tag. This section may only contain attributes.
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

that code is for web stats where should that be then?
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: Photo gallery lazy load

Post by BaconFries »

In Page Properties you can use either After <body> tag - Before </body> tag
So it looks like this
<body>---- code here ----</body>
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

Thanks a lot, as you can tell I know nothing about coding but thanks to the wonderful WYSIWYG I have built several good websites and recomended it to friends, hopefully all will be fine now, once again many thanks.
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

Also google recommends I extend cache to 30 days, how do I do this as I can't find any where to change it.
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Photo gallery lazy load

Post by Pablo »

Which specific 'cache' are you referring to?
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

my website is slow loading so looking for answers,
Google webmaster says:

A long cache lifetime can speed up repeat visits to your page.
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Photo gallery lazy load

Post by Pablo »

I think this is server related.
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

this is what google is giving me

https://developers.google.com/speed/pag ... e&hl=en_GB

if you can open this without my sign in

please let me know what you think I could do to improve it
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Photo gallery lazy load

Post by Pablo »

I'm sorry, I do not have knowledge about server side caching. You will need to contact your web host about this.
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

i am not asking about server cacheing, i was asking you to look at all the slow issues that google flagged bearing in mind I built this site 13 years ago when mobiles were very much in their infancy, although I have update the content all the time a lot of the settings would still be the same as that much earlies version of wysiwyg,

are their settings that I need to change to be more compatible with the modern www.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Photo gallery lazy load

Post by crispy68 »

This is a pretty deep subject and kind of difficult to go into great detail on how to squeeze every ounce of speed & performance to make Google happy.

Within WB, I would make sure that your HTML, JS and CSS are set to minify. You could also check the box to move your javascripts to the end of the page (which may help with the Eliminate render-blocking resources). Make sure all your images are optimized (compressed) so they load quickly. Even if you think they are, try running some of your images thru here: https://tinyjpg.com/. You'd be surprised to find how much more images can be compressed even when you think they already are.

Keep in mind, any changes you make you will need to uploaded and re-ran thrue pageSpeed to see if has improved. I would suggest using Chrome to view your page and use the built-in Lighthouse to generate a report of what needs to be addressed. To do this, open your site in Chrome, right click on your page, choose Inspect and then on the right side in the top menu, the last button is Lighthouse. You have the choice of testing it as desktop or mobile. Any issues that arise, there will be info below with links that explain the issue in more detail, why it was flagged and an idea on how to fix it.

I was working on this exact same thing last night so don't be alarmed if your scores go up and then down. I've ran these reports multiple times on the same page and sometimes the scores would slightly change when nothing was changed on the page particularly under the Performance tab.
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Photo gallery lazy load

Post by Pablo »

To my knowledge, the message 'A long cache lifetime can speed up repeat visits to your page.' is related to server side caching so that is why I suggested to contact your webhost.
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

thanks but how do I do this, HTML, JS and CSS are set to minify

I can only see how to disable them,

I don't think i have anything that is JS

I have it set for lazy load and create thumbnail (tn_) so I cant see why the images would initially load slowly as most shouldn't load at all when opening the page or am I wrong about that.

its flagged all the thumbnail images say 7 day cache !
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

I know you say they go up and down I expected that in the beginning but my visitor number are now 25% of what they were 6 months ago and I have more referals from other websited now than ever before. so I despeately need to do something as this is a major part of my income.

thanks again for any help its most appreciated
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Photo gallery lazy load

Post by crispy68 »

thanks but how do I do this, HTML, JS and CSS are set to minify
Go to Options --> HTML and there is a drop down under HTML, CSS and JS to minify the code.
I have it set for lazy load and create thumbnail (tn_) so I cant see why the images would initially load slowly
You need to make sure the original (large) image you inserting into the gallery is optimized so that WB will also create an optimized thumbnail. It's good to have all images optimized.

You will need to make changes and continue to check Lighthouse to bring the speed up. As for the caching, as suggested you may need to contact your host as there is more to caching than just images.
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

how do I move java script to the end of the page ?

you say to optimize images if this is something to do to every image I have over 50,000 on my site it would take years to alter each one at a time or it is simple to do,

sorry I must sound hopeless but thats why I use WYSIWYG because it is for people like me.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Photo gallery lazy load

Post by crispy68 »

how do I move java script to the end of the page ?
By choosing the option in the drop down box under JS.
you say to optimize images if this is something to do to every image I have over 50,000
It's hard to say without actually testing the images you are using to see if they need optimized or not. Unfortunately, to help with page speed images need optimized. I would at least make sure they are on your home page since that is the first page users will probably visit.

Again, if you run Lighthouse and address other issues besides the image one, you may still get good results.
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

I'vs been testing with lighthouse and this seems to be the bigest problem but what is it and how do I fix it please please

Remove unused JavaScript to reduce bytes consumed by network activity. Learn more.
URL
Transfer Size
Potential Savings
…search/async-ads.js(cse.google.com)
62.5 KiB
52.2 KiB
…323d4b81541ddb5b/cse_element__en.js?usqp=CAI%3D(www.google.com)
90.4 KiB
43.1 KiB
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

I think I may have just found it

Google search - it may ne their own script thats causing me the problem with them |||
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Photo gallery lazy load

Post by crispy68 »

Yes it is possible. Lighthouse also has issues with Google maps iframe and the .js it uses which is something you have no control over. For stuff like that, I ignore it.
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

is this anything that can be inproved with wysiwyg

Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this.
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Photo gallery lazy load

Post by Pablo »

All generated code is already optimized.
However, WYSIWYG Web Builder has no control over third party scripts.

If your website is too slow then consider using smaller or less images and remove other features.
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

this comes up with my picture gallery even with just one picture in it
and also with the menu

do I need to update this jquery or can it be altered, please help!
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

Includes front-end JavaScript libraries with known security vulnerabilities 4 vulnerabilities detected
Some third-party scripts may contain known security vulnerabilities that are easily identified and exploited by attackers. Learn more.
Library Version
Vulnerability Count
Highest Severity
jQuery@1.12.4
4
Medium

so9rry this should have been with last message
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Photo gallery lazy load

Post by crispy68 »

If you use the latest jQuery then you will get rid of this flag about vulnerabilities. However, this is not necessarily going to fix your 'speed' issue.
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

I notice that jQuery mobile has not been updated since 2014,
my site was originally built in 2008 so could it be something to do with that ?
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

how do I get the latest version of jQuery ?
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Photo gallery lazy load

Post by Pablo »

You set select the latest jQuery version in the page properties.
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

i've done that and it makes no difference

it is the photo gallery that does this, I did set these up years ago so does not change older projects,
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Photo gallery lazy load

Post by Pablo »

i've done that and it makes no difference
What did you expect to happen?
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

Please look at these 2 very small pages in lighthouse mobile and please tell me why i'm getting such silly low scores

https://freeclassicimages.com/new2.html

https://freeclassicimages.com/new3.html
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Photo gallery lazy load

Post by Pablo »

You have enabled lazy-load. This requires jQuery because native lazy load is not (yet) supported by all browsers.
If you uncheck lazy-load then jQuery will no longer be included, unless you enable other features that require jQuery of course...
It is your choice whether you disable all Javascript on your website yo get better scores. But of course, this also means that you cannot use many of the advanced tools.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Photo gallery lazy load

Post by crispy68 »

On your first link per desktop and mobile test, I got:
performance =100
Accessibility = 88
Best Practices = 87
SEO = 91

I don't think 87 is a 'silly low score'. However, if you are not happy and want this higher then read the suggestions and implement it!

If you look at what was flagged under Best Practices, the jQuery version you are using is very old. As stated before, update it to the new version in WB. As for the image flag, it looks to me your image is smaller than your displayed size meaning it is having to enlarge the image which will cause the image to look not as good.

On your 2nd link per mobile test, I got: 100, 100, 100, 92
You got a 92 for SEO because you have no meta description.

I don't see that you are getting low scores by any means. I myself am currently looking into using Lighthouse to make my sites better but you may need to read up on it a little and look at the suggestions to make your site better. There is no way on this forum I could describe to you everything you need to do to improve your site.
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

on the new3 I get 75 88 87 92

on new 3 74 88 87 92

with the highest jquery setting i get

new3 74 88 93 92 new 3 75 100 100 91 but the menu will not work with this setting

why are you getting higher scores ?

its the performance that google have maked me dowh for and at 74-75 i don't think thats enough to rectify it
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Photo gallery lazy load

Post by crispy68 »

why are you getting higher scores ?
I have no idea. Here is what I get:

News2:

Image

News3:

Image
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

also this Displays images with incorrect aspect ratio

how can photo gallery do this when it is set to maintain aspect ratio ?

those only have one word and one picture

this is an average page in my sire and I'm seeing performance 67 90 80 99 https://freeclassicimages.com/george-petty-1.html

what do you get for this ?
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Photo gallery lazy load

Post by crispy68 »

For mobile:
performance =99
Accessibility = 95
Best Practices = 80
SEO = 99
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

is it my PC ?

I wouldn't have thought that would make any difference
kenswindon
 
 
Posts: 71
Joined: Tue May 18, 2021 10:56 am

Re: Photo gallery lazy load

Post by kenswindon »

i could still do with an answer to this

Displays images with incorrect aspect ratio

how can photo gallery do this when it is set to maintain aspect ratio ?
Lasa
 
 
Posts: 482
Joined: Sat Oct 06, 2018 3:08 pm

Re: Photo gallery lazy load

Post by Lasa »

Your scores are 100% ... don't get to caught up on the micro-managing the speed, you could drive yourself nuts.
You score better then the actual page Speed insights page or even google.com.
Lasa
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Photo gallery lazy load

Post by Pablo »

how can photo gallery do this when it is set to maintain aspect ratio ?
Without your project file (wbs) it is not possible to say anything meaningful about this.
Post Reply