Joomla Templates Club 406,261 posts

[xumbrella Friend xumbrellaJoin date: June 2010Posts: 100Downloads:0Uploads:10 Thanks: 6 Thanked: 2 times in 1 posts]

#196363

Hi I am having real trouble with my site page load speed, I just ran an analysis on QuickSprout and it seems returns just under 7 seconds to load the home page.

After reviewing what it returns it is mainly script files that are slowing by the looks of it, way too many requests and large amount of data (300kb just in js and css scripts). I tried combining the css and js with plugin JCH Optimze but this just breaks the site and does not display properly. I have it set to remove white space but this seems to result in only a minor difference in performance.

I have seen a number of other masonry designed sites on platforms such as word press that load much quicker than JA Wall, is it an issue with joomla, or just that there are so many js and css files being loaded. I see it loads the mobile view css even when viewing on a desk top machine.

It is also slow when loading each “next set of posts”.

Please help as I love the JA Wall template, but I drastically need to improve my site performance.

Many thanks.

---

Attachments:

1. 
2. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#529303

Below are my suggestion, hope it helps:

– Is your host good enough? Do you have any other site using this host so that it’s easier with a comparison. As you can see in your analyze screenshot, it even takes time to load system core JS file. Moreover, if the connection between your host and some external sites (AddThis, Facebook, etc…) is not good, it will take time to load js + css file from these sites.

– Reconsider the use of “important” plugins and modules, sometimes better to have them disabled

– Try with another optimisation tool since it’s best if your site loads less files.

We have a blog post on the same topic: http://www.joomlart.com/blog/news-updates/tools-and-tips-to-check-joomla-site-speed-and-improve-performance, hope you can find some for reference.

[xumbrella Friend xumbrellaJoin date: June 2010Posts: 100Downloads:0Uploads:10 Thanks: 6 Thanked: 2 times in 1 posts]

#529407

<em>@Saguaros 419650 wrote:</em><blockquote>Below are my suggestion, hope it helps:

– Is your host good enough? Do you have any other site using this host so that it’s easier with a comparison. As you can see in your analyze screenshot, it even takes time to load system core JS file. Moreover, if the connection between your host and some external sites (AddThis, Facebook, etc…) is not good, it will take time to load js + css file from these sites.

– Reconsider the use of “important” plugins and modules, sometimes better to have them disabled

– Try with another optimisation tool since it’s best if your site loads less files.

We have a blog post on the same topic: http://www.joomlart.com/blog/news-updates/tools-and-tips-to-check-joomla-site-speed-and-improve-performance, hope you can find some for reference.</blockquote>

Hi thanks for the advise, I do have the slider plugin installed, but the site has been slow loading since I installed it, it is also slow when loading “next set of posts” (similar speed to original page load) which is weird asthe site should already have loaded all the scripts and css, right?

My host is “united hosting” which was recommended to me as a good and well performing host. I have a reseller account with only this domain on it…

I have had other sites both magento and wordpress on this host and experienced no problems with page load speed…

thanks

[xumbrella Friend xumbrellaJoin date: June 2010Posts: 100Downloads:0Uploads:10 Thanks: 6 Thanked: 2 times in 1 posts]

#529411

Hi, I used the GTMetrix tool as suggested in that link… I did two tests, one with the unit slider and Addthis plugin enabled:

http://gtmetrix.com/reports/supereight.net/CHhD9e8m

and one with it disabled:

http://gtmetrix.com/reports/supereight.net/nvD1RwJu

It does speed it up slightly, but only by just over a second… it seems the majority of server requests are JS and CSS scripts, the test shows 500KB of JS scripts which I would consider high? It says I should defer parsing but I doubt the site would work?

based on this can you offer any further advise as I am stuck… I have the css minified in the JCH plugin and Gzip compression is turned on but it still highlights both of these as issues…

thanks.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#529757

In report above, you can click on each recommendation it suggests and you can see that you should use JS & CSS compress tool and your site is loading images with large size so it takes time to load.

You can have a comparison with our demo site here: http://ja-wall.demo.joomlart.com/index.php/en/

[xumbrella Friend xumbrellaJoin date: June 2010Posts: 100Downloads:0Uploads:10 Thanks: 6 Thanked: 2 times in 1 posts]

#529834

<em>@Saguaros 420284 wrote:</em><blockquote>In report above, you can click on each recommendation it suggests and you can see that you should use JS & CSS compress tool and your site is loading images with large size so it takes time to load.

You can have a comparison with our demo site here: http://ja-wall.demo.joomlart.com/index.php/en/</blockquote>

Hi,

WOW! What are you using to make the demo perform like that? I have Gzip enabled and I have the minify enabled on the JCH optimization tool… I cannot combine the JS and CSS with this tool or it breaks the site….

Also, I have a CDN (cloudflare) set up with JS, CSS and HTML minified and combined there but I am still experiencing load times NOTHING like your demo… If I could achieve that I would be OVER THE MOON!!

Also, 90% of images are loading by the JA social feed plugin so are what ever is the default size straight from Vimeo and Youtube (only feeds I have). These should not be any different from your demo, correct?

Please tell me more…

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#529888

In backend settings of JA Social Feed plugin, you can try to set the minimum width/height for image, this will help to have consistent image size to display.

You can also consider using our Amazon S3 component allows using CDN (cloudfront) and also has option to update cache folder with cron job.. which can be set to lower limit to have regular update of cache on cloud. Running without cache on is bound to make the site slower.

[xumbrella Friend xumbrellaJoin date: June 2010Posts: 100Downloads:0Uploads:10 Thanks: 6 Thanked: 2 times in 1 posts]

#529931

<em>@Saguaros 420462 wrote:</em><blockquote>In backend settings of JA Social Feed plugin, you can try to set the minimum width/height for image, this will help to have consistent image size to display.

You can also consider using our Amazon S3 component allows using CDN (cloudfront) and also has option to update cache folder with cron job.. which can be set to lower limit to have regular update of cache on cloud. Running without cache on is bound to make the site slower.</blockquote>

Hi Saguaros, I looking in the back end of the social feed plugin and there is no option to select image size, only video size…. am I looking in the wrong place?

Also, regarding the cloudfront / amazon service is this the same as cloudflare or would I be better migrating? when I run the gtmetrix report the biggest issue is the JS scripts, how can in speed these up… there are a lot of them… when I run the report on the JA Wall demo I see that you have less JS scripts and they done not have the same names as the ones in my installation, why should this be different? many have the phrase “pagespeed” in them which mine do not.

Please let me know what you think as it would be amazing to get it performing as the demo, as right now it feels I get substandard performance and a switch to a lighter template could be a better option.

thanks again for your continued support on this forum.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#530319

I’ve not used cloudflare yet so I have no idea of which one is better.

How it’s reported when you enabling optimize JS/CSS tool? Thought that it may related to your server as in your attached screeshot in the first reply, it even takes time to load core JS file of Joomla.

[xumbrella Friend xumbrellaJoin date: June 2010Posts: 100Downloads:0Uploads:10 Thanks: 6 Thanked: 2 times in 1 posts]

#530517

<em>@Saguaros 420974 wrote:</em><blockquote>I’ve not used cloudflare yet so I have no idea of which one is better.

How it’s reported when you enabling optimize JS/CSS tool? Thought that it may related to your server as in your attached screeshot in the first reply, it even takes time to load core JS file of Joomla.</blockquote>

Hi Saguaros, I guess it could be server related, but I am reluctant to migrate, just to test if it could be quicker.

Regarding the JS, CSS optimisation, I can only minify and Gzip, which makes minimal difference… If i combine scripts which is recommended for reducing server lookups, however, if I do this it breaks JA wall… this is frustrating as currently it loads 23 scripts before the page renders which is not ideal, is there away around this or did Joomlart develope it this way because it was the only way to make the ja wall work?

I also tried asynchronously loading the JS, for this I have two options, one is in the JCH Optimise plugin, I tried this and it complete breaks JA Wall… the other is in Cloud flare there is an option called “rocket loader” that asynchronously loads JS but this breaks the popup preview, it pops up but then it gets stuck loading content (rest of the site seems fine).

https://support.cloudflare.com/hc/en-us/articles/200168056

So as you can see I am kind of stuck unless I migrate to cloud hosting which may / may not help (currently using a share host reseller account)… and I cannot seem to find a way of optimising the loading of scripts that does not break the site.

Any further help would be greatly appreciated.

thanks.

[xumbrella Friend xumbrellaJoin date: June 2010Posts: 100Downloads:0Uploads:10 Thanks: 6 Thanked: 2 times in 1 posts]

#531179

<em>@xumbrella 421230 wrote:</em><blockquote>Hi Saguaros, I guess it could be server related, but I am reluctant to migrate, just to test if it could be quicker.

Regarding the JS, CSS optimisation, I can only minify and Gzip, which makes minimal difference… If i combine scripts which is recommended for reducing server lookups, however, if I do this it breaks JA wall… this is frustrating as currently it loads 23 scripts before the page renders which is not ideal, is there away around this or did Joomlart develope it this way because it was the only way to make the ja wall work?

I also tried asynchronously loading the JS, for this I have two options, one is in the JCH Optimise plugin, I tried this and it complete breaks JA Wall… the other is in Cloud flare there is an option called “rocket loader” that asynchronously loads JS but this breaks the popup preview, it pops up but then it gets stuck loading content (rest of the site seems fine).

https://support.cloudflare.com/hc/en-us/articles/200168056

So as you can see I am kind of stuck unless I migrate to cloud hosting which may / may not help (currently using a share host reseller account)… and I cannot seem to find a way of optimising the loading of scripts that does not break the site.

Any further help would be greatly appreciated.

thanks.</blockquote>

Hi I’m wondering if any one had any further thoughts on my above queries about the ja wall page load speed? I tried it on media temple (mt) this week who use ssd hardware and it did not make any difference in speed and when I ran that through the gtmetrix site it had the same issue with a lot off blocking and waiting. I have seen other masonry based that seem ok and wonder if it is the masonry script it’s self or the implementation in ja wall. I think it would help if I could combine some of the js scripts without braking the site I cannot see how to do this. As noted above I am zipped, minified, and using a cdn but pages still hang for 6-8 seconds before rendering.

Any help appreciated.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#531799

Pls give it a try with suggestion from this thead: http://www.joomlart.com/forums/topic/is-it-possible-to-make-all-changes-in-a-custom-css/#post-529145

[xumbrella Friend xumbrellaJoin date: June 2010Posts: 100Downloads:0Uploads:10 Thanks: 6 Thanked: 2 times in 1 posts]

#532167

<em>@Saguaros 422880 wrote:</em><blockquote>Pls give it a try with suggestion from this thead: http://www.joomlart.com/forums/topic/is-it-possible-to-make-all-changes-in-a-custom-css/#post-529145</blockquote>

Hi Saguaros, thanks for this, I will try it and I am sure it will help with the loading of the CSS.

However, I ran the site with Firefox with the developer tab to monitor the page load in a “real world” environment and the result is really weird. It takes over 12 seconds and just sits there “waiting” then loads the first script. During this delay it seems like nothing is happening. 12 secs to down load 24kb is not normal. especially when the rest of the scripts and images then load pretty quickly.

I get a similar delay problem when the site triggers the infinite scroll to load page 2, 3 etc. Could it be a problem with the lazy load plugin not working correctly? I put all of this to my host and they say there are no latency problems from their side. I am completely baffled but this does not seem normal as I have other sites that do not pause like this before loading the first content.

obviously this is only happening when the cache is purged or expired, but does not give a good experience for first time users, return users where the cache is expired or when the user wants to scroll down page by page.

See attached screen grabs so you can visualise what is happening.

thanks again for your support on this JA product.

---

Attachments:

1. 
2. 

[xumbrella Friend xumbrellaJoin date: June 2010Posts: 100Downloads:0Uploads:10 Thanks: 6 Thanked: 2 times in 1 posts]

#532222

Hi Saguaros, in addition to my earlier post, my host came back with the below response on the matter and suggest that it is a problem with the design of the JA Wall template:

The queries Tony points out that take time to execute are the cause of the initial slowness. The initial wait time you are seeing (10 seconds) is taken up by MySQL query execution and PHP processing- these queries must be executed and passed back to PHP before the page can be rendered- this can happen several times (i.e. query>pass to php>further query>pass to PHP etc). Add that to the blocking Javascript issue we pointed out and the result is a slower load time. The server itself isn’t “waiting” ten seconds to respond, it is processing queries and loading files during this time.

The query Tony pointed out seems to have a significant number of joins in it which would also contribute. The size of the database (i.e. the amount of data it has to query can also be a factor).

Unfortunately this is not a server problem as such, the site is performing these intensive queries by design, it would seem. You would have to consult with your developer to see what can be done to optimise these database queries and improve the performance of the site.

The server requests test the did is detailed here:

—————————-
SELECT a.id, a.title, a.alias, a.title_alias, a.introtext, a.language, a.checked_out, a.checked_out_time, a.catid, a.created, a.created_by, a.created_by_alias, CASE WHEN a.modified = 0 THEN a.created ELSE a.modified END as modified, a.modified_by, uam.name as modified_by_name,CASE WHEN a.publish_up = 0 THEN a.created ELSE a.publish_up END as publish_up,a.publish_down, a.images, a.urls, a.attribs, a.metadata, a.metakey, a.metadesc, a.access, a.hits, a.xreference, a.featured, LENGTH(a.fulltext) AS readmore,CASE WHEN badcats.id is not null THEN 0 ELSE a.state END AS state,c.title AS category_title, c.path AS category_route, c.access AS category_access, c.alias AS category_alias,CASE WHEN a.created_by_alias > ‘ ‘ THEN a.created_by_alias ELSE ua.name END AS author,ua.email AS author_email,(SELECT MAX(contact.id) AS id FROM wivg5_contact_details AS contact WHERE contact.published = 1 AND contact.user_id = a.created_by) as contactid,parent.title as parent_title, parent.id as parent_id, parent.path as parent_route, parent.alias as parent_alias,ROUND(v.rating_sum / v.rating_count, 0) AS rating, v.rating_count as rating_count,c.published, CASE WHEN badcats.id is null THEN c.published ELSE 0 END AS parents_published FROM wivg5_content AS a LEFT JOIN wivg5_content_frontpage AS fp ON fp.content_id = a.id LEFT JOIN wivg5_categories AS c ON c.id = a.catid LEFT JOIN wivg5_users AS ua ON ua.id = a.created_by LEFT JOIN wivg5_users AS uam ON uam.id = a.modified_by LEFT JOIN wivg5_categories as parent ON parent.id = c.parent_id LEFT JOIN wivg5_content_rating AS v ON a.id = v.content_id LEFT OUTER JOIN (SELECT cat.id as id FROM wivg5_categories AS cat JOIN wivg5_categories AS parent ON cat.lft BETWEEN parent.lft AND parent.rgt WHERE parent.extension = ‘com_content’ AND parent.published != 1 GROUP BY cat.id ) AS badcats ON badcats.id = c.id WHERE CASE WHEN badcats.id is null THEN a.state ELSE 0 END = 1 AND (a.catid = 79 OR a.catid IN (SELECT sub.id FROM wivg5_categories as sub INNER JOIN wivg5_categories as this ON sub.lft > this.lft AND sub.rgt < this.rgt WHERE this.id = 79)) AND (a.publish_up = ‘0000-00-00 00:00:00’ OR a.publish_up <= ‘2014-04-23 22:27:07’) AND (a.publish_down = ‘0000-00-00 00:00:00’ OR a.publish_down >= ‘2014-04-23 22:27:07’)ORDER BY CASE WHEN a.publish_up = 0 THEN a.created ELSE a.publish_up END DESC , a.created LIMIT 30, 10
——————————

Does this help you in diagnosing what this problem is? I certainly hope that it is possible to fix it.

thanks.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#532381

Thanks for sharing. As I mentioned in first reply, you can reconsider the usage of un-important content and plugins / modules, try to remove them if unnecessary.

By default, in this template, we provide JA Social Feed plugin which automatically import data feeds from social site, you can disable it.

Also try to check how many foreign site is referred from your content (DB query) (check the plugin/module/component, especially from some social sites), it takes time to load js + css file from that site. Try to disable them and run a test again

[Author]

Posts