- This topic is empty.
August 25, 2015 at 4:17 am #207040
I am struggling lately on improving the rendering performance for our latest WordPress theme ( https://github.com/Codeinwp/Parallax-One / demo.themeisle.com/parallax-one ), any ideas how can I better measure this ? ( Tried Chrome profiler )
Also if there is anybody that can help with this ( like paid job ), I would be also happy to discuss.August 26, 2015 at 12:28 am #207125ChromawoodsParticipant
Opening the Network tab in Chrome dev-tools, we can see that there are 127 requests being made with a grand total of 5.3MB. Maybe start there? :) background2.png took almost 13s to load for me right now. You need to do something about that.
How are you planning to optimize this for mobile devices? It seems that you are loading the same resources there too? That same background image takes about half a minute to download on a 3G network. I sure wouldn’t want to visit that site using a smartphone..
There are several other images that are quite large. Try to optimize, lazy load or remove them.
The Google Map is loading a lot of image resources, it seems. Maybe you could hold the map loading until the user is actually anywhere near it?
There might be other pain points. This was just the most obvious problem that I saw just glancing at the site.August 26, 2015 at 12:37 am #207126
Thanks for answering and suggestions, here are my answers :
- this is a WordPress theme, so the users can use what image they like, smaller or bigger
how would you suggest to handle the mobile image in the theme ?
We are working already on delaying the google map
Also most of the scripts/files are from the plugins used, which is not relevant, I am interested in how I can improve the performance for the theme itself :)August 26, 2015 at 2:45 am #207130ChromawoodsParticipant
- Not sure how to address your first point. We are talking about this implementation of the theme and what makes the rendering performance poor, right? The cached result dropped to ~1s for me, so that’s a pretty obvious hint that the downloading of resources is a problem
- For mobile, I would either get rid of a lot of images completely, or make sure that smaller images are served and not the huge ones. Not sure if that background effect is useful on a smartphone anyway? And generally, consider serving assets from a CDN
Not sure what you mean by that last sentence either. If the number of plugins have a negative effect on performance, why is that not relevant? And what do you mean by the theme itself? Perhaps I am misunderstanding. :)August 26, 2015 at 2:49 am #207131