Javascripts making initial load terribly slow

wesley_90
13 Posts
wesley_90 posted this 01 May 2017

Hi Themler users,

There is a huge difference in when the default Wordpress theme is activated and when the Themler theme is activated in terms of performance (https://retailplatform.eu/). This seems to be due the javascript that the Themler theme is loading:

https://gtmetrix.com/reports/retailplatform.eu/EvevCN0I (default wordpress theme)
https://gtmetrix.com/reports/retailplatform.eu/iHpRZGJ7 (themler theme)

Especially the initial load of the website is terribly slow with the themler theme activated (can take up to 20 seconds!). After it has loaded, the rest of the user experience in terms of speed seems flawless. But after some inactivity, the initial load takes a hell of a long time again. The problem is I can't move the javascript to the footer, cause it will mess up the theme.

Is someone known with this problem?

Grts,
Wesley

Hi Themler users, There is a huge difference in when the default Wordpress theme is activated and when the Themler theme is activated in terms of performance (https://retailplatform.eu/). This seems to be due the javascript that the Themler theme is loading: https://gtmetrix.com/reports/retailplatform.eu/EvevCN0I (default wordpress theme) https://gtmetrix.com/reports/retailplatform.eu/iHpRZGJ7 (themler theme) Especially the initial load of the website is terribly slow with the themler theme activated (can take up to 20 seconds!). After it has loaded, the rest of the user experience in terms of speed seems flawless. But after some inactivity, the initial load takes a hell of a long time again. The problem is I can't move the javascript to the footer, cause it will mess up the theme. Is someone known with this problem? Grts, Wesley
Vote to pay developers attention to this features or issue.
11 Comments
Order By: Standard | Newest
DaveOzric
616 Posts
DaveOzric posted this 02 May 2017

Holy page size. 89 request and almost 8 Megabytes! Wow, that is way to big of a page size.

2017-05-02-132837.jpg

Holy page size. 89 request and almost 8 Megabytes! Wow, that is way to big of a page size. !2017-05-02-132837.jpg!
Stagger Lee
1803 Posts
Stagger Lee posted this 03 May 2017

Why are you using PNG images ?
It ads 80% to page load.

Why are you using PNG images ? It ads 80% to page load.
wesley_90
13 Posts
wesley_90 posted this 04 May 2017

Hi Guys,

I know the page size was not perfect. I optimized the images, total page size (homepage) is now 1,78mb: https://gtmetrix.com/reports/retailplatform.eu/JT88xYkx

I actually don't think this is the cause of the problem. The problem also consists when loading a different page which has a lower page size. It is really only the initial load after some time of inactivity and it only consists with the Themler theme.

Any other suggestions?

Hi Guys, I know the page size was not perfect. I optimized the images, total page size (homepage) is now 1,78mb: https://gtmetrix.com/reports/retailplatform.eu/JT88xYkx I actually don't think this is the cause of the problem. The problem also consists when loading a different page which has a lower page size. It is really only the initial load after some time of inactivity and it only consists with the Themler theme. Any other suggestions?

Last edited 04 May 2017 by wesley_90

Stagger Lee
1803 Posts
Stagger Lee posted this 05 May 2017

  • Files for Google Maps are failed (8 files). If slows down a lot.

I think your problem is installed cache/minify plugin you use, in combination with this theme. It is not configured right. You have insane timings on simple CSS, JS files. Same files load fast in TH theme on default.

Do not play with things if you dont understand well.

And dont try to solve problem(s) like this with GTmatrix. It is impossible,

Use this in Settings - Additional Cms code:

// Remove query string from static files
function isa_remove_cssjs_ver( $src ) {
    if( strpos( $src, '?ver=' ) ) {
        $src = remove_query_arg( 'ver', $src );
    }
    return $src;
}
add_filter('style_loader_src', 'isa_remove_cssjs_ver', 10, 2);
add_filter('script_loader_src', 'isa_remove_cssjs_ver', 10, 2);

- Files for Google Maps are failed (8 files). If slows down a lot. I think your problem is installed cache/minify plugin you use, in combination with this theme. It is not configured right. You have insane timings on simple CSS, JS files. Same files load fast in TH theme on default. Do not play with things if you dont understand well. And dont try to solve problem(s) like this with GTmatrix. It is impossible, Use this in Settings - Additional Cms code: // Remove query string from static files function isa_remove_cssjs_ver( $src ) { if( strpos( $src, '?ver=' ) ) { $src = remove_query_arg( 'ver', $src ); } return $src; } add_filter('style_loader_src', 'isa_remove_cssjs_ver', 10, 2); add_filter('script_loader_src', 'isa_remove_cssjs_ver', 10, 2);

Last edited 05 May 2017 by Stagger Lee

DaveOzric
616 Posts
DaveOzric posted this 05 May 2017

I agree, GTmetrix wants the world. Same as Google page speed. Pingdom is better for some real insight.

I agree, GTmetrix wants the world. Same as Google page speed. Pingdom is better for some real insight.
wesley_90
13 Posts
wesley_90 posted this 09 May 2017

Thanks for helping out!

I disabled W3totalcache and I placed the additional CMS code. Still it seems that the initial load is very very slow sometimes.

See: https://tools.pingdom.com/#!/eialGn/https://retailplatform.eu/

Running it a few seconds later gives me: https://tools.pingdom.com/#!/cCTmEn/https://retailplatform.eu/

Strange right? It seems completely random...

Thanks for helping out! I disabled W3totalcache and I placed the additional CMS code. Still it seems that the initial load is very very slow sometimes. See: https://tools.pingdom.com/#!/eialGn/https://retailplatform.eu/ Running it a few seconds later gives me: https://tools.pingdom.com/#!/cCTmEn/https://retailplatform.eu/ Strange right? It seems completely random...
kheidemann
42 Posts
kheidemann posted this 16 May 2017

I get similar results at http://nptest.1010techcenter.com

This started sometime in that past couple weeks and sometimes won't load the page at all. Try it again in a couple minutes and it loads fast and navigation to other pages is fine. Then it starts up again with major lag. This is also happening on a site that has been working fine with no changes to it for months, and is not heavy with content or scripts as far as I know (http://www.1010tc.com)

Again, it will load fine sometimes and for no reason it just starts timing out.

Hosted on shared Namecheap servers.

Ping to server is always instant and I have had their support check it out twice and they say it is due to "heavy" content on my front page. I only have a couple buttons, one largish image from the themler library, and some small logos in the footer.

The Traceroute shows one timeout every time on one hop near the end, but it gets to the end destination after and returns results everytime so I figure it is just a router with ICMP turned off or something. One vendor said the router was blocking my IP, but NameCheap said it was not.

I was thinking it was issues with my web hosting shared server, but before I go through the major task of migrating all of my websites to another hosting provider, I want to be darn sure that it is not something in Themler code that will just carry over to another hosting provider.

As a test, I loaded a complete backup from a month ago onto a different subdomain. This was a known good, functioning site when I created this backup from the original site I posted, and now it also loads slow.

I was wondering if loading backups from one site onto another might have something to do with it if there were some cross site references or something like that that did not properly update with the backup/migration tool (wpclone), but that would not explain the other sites all of a sudden not loading right.

Has anyone come up with the cause of this? I am months behind on this project because it seems like there is one roadblock after another.

This is the only additional CSS I have added:

.custom-attributes
.attribute-label {
font-weight: bold;
}

and the only other code I have used was given to me by Themler developers to fix the magnification/lightbox issue I was having:

update_option('woocommerce_enable_lightbox', 'no');

which was put in and run in the CMS code section and then removed as was advised.

I will also start a new thread since Themler staff will no doubt ask me to anyway, but I wanted to post my info here first in case it can be of any use in troubleshooting what seems to be the same issue.

Thanks,

(http://tenten.1010techcenter.com).

I get similar results at [http://nptest.1010techcenter.com][1] This started sometime in that past couple weeks and sometimes won't load the page at all. Try it again in a couple minutes and it loads fast and navigation to other pages is fine. Then it starts up again with major lag. This is also happening on a site that has been working fine with no changes to it for months, and is not heavy with content or scripts as far as I know ([http://www.1010tc.com][2]) Again, it will load fine sometimes and for no reason it just starts timing out. Hosted on shared Namecheap servers. Ping to server is always instant and I have had their support check it out twice and they say it is due to "heavy" content on my front page. I only have a couple buttons, one largish image from the themler library, and some small logos in the footer. The Traceroute shows one timeout every time on one hop near the end, but it gets to the end destination after and returns results everytime so I figure it is just a router with ICMP turned off or something. One vendor said the router was blocking my IP, but NameCheap said it was not. I was thinking it was issues with my web hosting shared server, but before I go through the major task of migrating all of my websites to another hosting provider, I want to be darn sure that it is not something in Themler code that will just carry over to another hosting provider. As a test, I loaded a complete backup from a month ago onto a different subdomain. This was a known good, functioning site when I created this backup from the original site I posted, and now it also loads slow. I was wondering if loading backups from one site onto another might have something to do with it if there were some cross site references or something like that that did not properly update with the backup/migration tool (wpclone), but that would not explain the other sites all of a sudden not loading right. Has anyone come up with the cause of this? I am months behind on this project because it seems like there is one roadblock after another. This is the only additional CSS I have added: .custom-attributes .attribute-label { font-weight: bold; } and the only other code I have used was given to me by Themler developers to fix the magnification/lightbox issue I was having: update_option('woocommerce_enable_lightbox', 'no'); which was put in and run in the CMS code section and then removed as was advised. I will also start a new thread since Themler staff will no doubt ask me to anyway, but I wanted to post my info here first in case it can be of any use in troubleshooting what seems to be the same issue. Thanks, ([http://tenten.1010techcenter.com][3]). [1]: http://nptest.1010techcenter.com [2]: http://www.1010tc.com [3]: http://tenten.1010techcenter.com
LGWeb
108 Posts
LGWeb posted this 22 June 2017

Same issues here... They add a query string "?" to all image names and they rename our images. There's no possible way to pass the Google speed test... And my sites are loading 6-10 secs on every single site created with Themler.

I've compressed images... I've configured cache using W3 plugin...

The only response from support was to tell me they rename our images to keep us from having duplicates... Why is duplicates an issue anyways????

I've sent them examples of failed speed test.

I'm still waiting for a response.

I have many sites timing out. It's not the shared hosting. They've run test and confirmed it's the Themes...

I can active other themes and the sites pass the speed test.

The hosting company said it's the JavaScript from what they can tell.

Google's recommendations is to load javascript files last and include CSS used above the fold inline.

This needs to be addressed by the Themler programmers. We may not agree with Google but it's their rules and search engine.

I would like to pass the Google speed test.

I would.like the site to load properly.

I love using Themler but it's forcing me to reconsider...

I don't have time to spend hours on each site to only get so far with little results.

Same issues here... They add a query string "?" to all image names and they rename our images. There's no possible way to pass the Google speed test... And my sites are loading 6-10 secs on every single site created with Themler. I've compressed images... I've configured cache using W3 plugin... The only response from support was to tell me they rename our images to keep us from having duplicates... Why is duplicates an issue anyways???? I've sent them examples of failed speed test. I'm still waiting for a response. I have many sites timing out. It's not the shared hosting. They've run test and confirmed it's the Themes... I can active other themes and the sites pass the speed test. The hosting company said it's the JavaScript from what they can tell. Google's recommendations is to load javascript files last and include CSS used above the fold inline. This needs to be addressed by the Themler programmers. We may not agree with Google but it's their rules and search engine. I would like to pass the Google speed test. I would.like the site to load properly. I love using Themler but it's forcing me to reconsider... I don't have time to spend hours on each site to only get so far with little results.

Last edited 22 June 2017 by LGWeb

Stagger Lee
1803 Posts
Stagger Lee posted this 22 June 2017

I dont see anything strange with my images on WordPress. Clipart or my own.

Do you mean maybe JS, CSS files not images ?
Try my code from above, it removes string from URLs.

I dont see anything strange with my images on WordPress. Clipart or my own. Do you mean maybe JS, CSS files not images ? Try my code from above, it removes string from URLs.
DaveOzric
616 Posts
DaveOzric posted this 22 June 2017

The only response from support was to tell me they rename our images to keep us from having duplicates... Why is duplicates an issue anyways????

Just to address this single point since you seem confused by it. Duplicate anything on a computer, server,etc. in the same directory is not allowed. All things need to be unique. You cannot have 2 URLs the same so why could you have 2 images with the same name. Internet 101. With that said, normally a computer or CMS editor like JCE would not allow you name or upload a file with the same name. Themler does not work this way but just figures why bother and just add 32 random characters to make them all unique. Lazy in some ways. I personally optimize all my images and Never have duplicate file names. This tools is for hobby lobby amateurs so I see the reason but do not like it.

> The only response from support was to tell me they rename our images to keep us from having duplicates... Why is duplicates an issue anyways???? Just to address this single point since you seem confused by it. Duplicate anything on a computer, server,etc. in the same directory is not allowed. All things need to be unique. You cannot have 2 URLs the same so why could you have 2 images with the same name. Internet 101. With that said, normally a computer or CMS editor like JCE would not allow you name or upload a file with the same name. Themler does not work this way but just figures why bother and just add 32 random characters to make them all unique. Lazy in some ways. I personally optimize all my images and Never have duplicate file names. This tools is for hobby lobby amateurs so I see the reason but do not like it.
DaveOzric
616 Posts
DaveOzric posted this 22 June 2017

I would like to pass the Google speed test.

Good luck with a CMS like WordPress. I can barely get the HTML5 sites to pass on a VPS. That test is not realistic. I'd like to run some of Google's site though it. Bet they don't pass either.

> I would like to pass the Google speed test. Good luck with a CMS like WordPress. I can barely get the HTML5 sites to pass on a VPS. That test is not realistic. I'd like to run some of Google's site though it. Bet they don't pass either.
You must log in or register to leave comments