Javascripts making initial load terribly slow

wesley_90
11 Posts
wesley_90 posted this 4 weeks ago

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.
7 Comments
Order By: Standard | Newest
DaveOzric
460 Posts
DaveOzric posted this 4 weeks ago

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
1751 Posts
Stagger Lee posted this 4 weeks ago

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
11 Posts
wesley_90 posted this 4 weeks ago

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 4 weeks ago by wesley_90

Stagger Lee
1751 Posts
Stagger Lee posted this 4 weeks ago

  • 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 4 weeks ago by Stagger Lee

DaveOzric
460 Posts
DaveOzric posted this 4 weeks ago

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
11 Posts
wesley_90 posted this 3 weeks ago

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
29 Posts
kheidemann posted this 2 weeks ago

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
You must log in or register to leave comments