Joomla Templates Club 406,261 posts

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#208058

Hi there,

If you run a Google pagespeed insights test on any Uber install you will see the following,

I have JCH but I need to manually optimize these fonts as they are the number 1 thing holding my site back.

I notice this on most of JA’s templates so I have requested you guys pre-optimize the fonts in the requests forum and I have posted this question here so other Uber users can optimize their fonts too.

Thanks in advance,
Richard

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#575965

This is a solution for performance optimization our template for reference here

Or from google search you can see some other the solution below

http://forum.joomla.org/viewtopic.php?t=827608

http://www.feedthebot.com/pagespeed/render-blocking.html

http://stackoverflow.com/questions/18013648/eliminate-external-render-blocking

1 user says Thank You to Ninja Lead for this useful post

1. gringo211985

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#642294

This is a solution for performance optimization our template for reference here

Or from google search you can see some other the solution below

http://forum.joomla.org/viewtopic.php?t=827608

http://www.feedthebot.com/pagespeed/render-blocking.html

http://stackoverflow.com/questions/18013648/eliminate-external-render-blocking

1 user says Thank You to Ninja Lead for this useful post

1. gringo211985

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#740953

This is a solution for performance optimization our template for reference here

Or from google search you can see some other the solution below

http://forum.joomla.org/viewtopic.php?t=827608

http://www.feedthebot.com/pagespeed/render-blocking.html

http://stackoverflow.com/questions/18013648/eliminate-external-render-blocking

1 user says Thank You to Ninja Lead for this useful post

1. gringo211985

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#575988

<em>@Ninja Lead 480773 wrote:</em><blockquote>This is a solution for performance optimization our template for reference here

Or from google search you can see some other the solution below

http://forum.joomla.org/viewtopic.php?t=827608

http://www.feedthebot.com/pagespeed/render-blocking.html

http://stackoverflow.com/questions/18013648/eliminate-external-render-blocking</blockquote>

Hi @ninja Lead

Thanks for that info, it’s really good if you don’t have JCH Optimize pro. However none of those articles will help to solve the problem that I initially asked about.

I would like you guys to explain to people how they can optimize the delivery of the fonts that you guys loaded from Google in the template, if you look at my screenshot earlier you will see that the only 3 errors are from external fonts which are part of the template.

If you could post the answer or a link to this it would be great as the only error I’m getting is from the external fonts loaded in the template and everyone else will receive this too when using any JA template.

Also in future can we have installed fonts so we can cache?

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#642316

<em>@Ninja Lead 480773 wrote:</em><blockquote>This is a solution for performance optimization our template for reference here

Or from google search you can see some other the solution below

http://forum.joomla.org/viewtopic.php?t=827608

http://www.feedthebot.com/pagespeed/render-blocking.html

http://stackoverflow.com/questions/18013648/eliminate-external-render-blocking</blockquote>

Hi @ninja Lead

Thanks for that info, it’s really good if you don’t have JCH Optimize pro. However none of those articles will help to solve the problem that I initially asked about.

I would like you guys to explain to people how they can optimize the delivery of the fonts that you guys loaded from Google in the template, if you look at my screenshot earlier you will see that the only 3 errors are from external fonts which are part of the template.

If you could post the answer or a link to this it would be great as the only error I’m getting is from the external fonts loaded in the template and everyone else will receive this too when using any JA template.

Also in future can we have installed fonts so we can cache?

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#740975

<em>@Ninja Lead 480773 wrote:</em><blockquote>This is a solution for performance optimization our template for reference here

Or from google search you can see some other the solution below

http://forum.joomla.org/viewtopic.php?t=827608

http://www.feedthebot.com/pagespeed/render-blocking.html

http://stackoverflow.com/questions/18013648/eliminate-external-render-blocking</blockquote>

Hi @ninja Lead

Thanks for that info, it’s really good if you don’t have JCH Optimize pro. However none of those articles will help to solve the problem that I initially asked about.

I would like you guys to explain to people how they can optimize the delivery of the fonts that you guys loaded from Google in the template, if you look at my screenshot earlier you will see that the only 3 errors are from external fonts which are part of the template.

If you could post the answer or a link to this it would be great as the only error I’m getting is from the external fonts loaded in the template and everyone else will receive this too when using any JA template.

Also in future can we have installed fonts so we can cache?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#575989

Hi there
# These fonts actually already on CDN . So we no need worries about them in this part
# Actually i don’t think there are any solution to optimize Google Fonts. The only thing we can do is : reduce fonts used on site.
# And finally any pagespeed documents are good but it’s does not mean everything. We can use that as reference and understand root cause of each thing. 🙂

Thank you,
Viet Vu

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#642317

Hi there
# These fonts actually already on CDN . So we no need worries about them in this part
# Actually i don’t think there are any solution to optimize Google Fonts. The only thing we can do is : reduce fonts used on site.
# And finally any pagespeed documents are good but it’s does not mean everything. We can use that as reference and understand root cause of each thing. 🙂

Thank you,
Viet Vu

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#740976

Hi there
# These fonts actually already on CDN . So we no need worries about them in this part
# Actually i don’t think there are any solution to optimize Google Fonts. The only thing we can do is : reduce fonts used on site.
# And finally any pagespeed documents are good but it’s does not mean everything. We can use that as reference and understand root cause of each thing. 🙂

Thank you,
Viet Vu

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#575994

<em>@jooservices 480814 wrote:</em><blockquote>Hi there
# These fonts actually already on CDN . So we no need worries about them in this part
# Actually i don’t think there are any solution to optimize Google Fonts. The only thing we can do is : reduce fonts used on site.
# And finally any pagespeed documents are good but it’s does not mean everything. We can use that as reference and understand root cause of each thing. 🙂

Thank you,
Viet Vu</blockquote>

Hi @jooservices

1. Being on a CDN is good, but it would be much better to load them locally and we can cache and CDN them ourselves.

2. Yes there is a way to optimize them, to start you can

Combine multiple fonts into one request.

One pattern we see frequently is a separate <link> tag for each of the font requests. Many users don’t seem to know that you can easily combine multiple font requests into a single tag, just separating the fonts with a | character.

So, instead of:
<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Droid+Sans”>
<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Lobster”>

write:
<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Droid +Sans|Lobster”>

This simple trick will save one roundtrip to the server for each additional font requested, and also protect against blocking on older browsers which only have 2 connections open per domain at a time.

But like I said, using in-built fonts will be far better for us than loading external fonts and more specifically woff fonts as they save 30% file save with their in-built compression.

3. No Google PageSpeed is not everything, but I am getting a slow server response time and an average load of 3-4 seconds on sites that have had all unused plugins, components, modules removed. I have JCH pro on optimum settings, so yeah it seems like JA templates could be slow on loading so I think all of your customers would appreciate you doing this.

To be honest it’s not a difficult request to do, would probably take an extra 10-20 minutes per template and you’ll keep your customers happy.

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#642322

<em>@jooservices 480814 wrote:</em><blockquote>Hi there
# These fonts actually already on CDN . So we no need worries about them in this part
# Actually i don’t think there are any solution to optimize Google Fonts. The only thing we can do is : reduce fonts used on site.
# And finally any pagespeed documents are good but it’s does not mean everything. We can use that as reference and understand root cause of each thing. 🙂

Thank you,
Viet Vu</blockquote>

Hi @jooservices

1. Being on a CDN is good, but it would be much better to load them locally and we can cache and CDN them ourselves.

2. Yes there is a way to optimize them, to start you can

Combine multiple fonts into one request.

One pattern we see frequently is a separate <link> tag for each of the font requests. Many users don’t seem to know that you can easily combine multiple font requests into a single tag, just separating the fonts with a | character.

So, instead of:
<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Droid+Sans”>
<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Lobster”>

write:
<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Droid +Sans|Lobster”>

This simple trick will save one roundtrip to the server for each additional font requested, and also protect against blocking on older browsers which only have 2 connections open per domain at a time.

But like I said, using in-built fonts will be far better for us than loading external fonts and more specifically woff fonts as they save 30% file save with their in-built compression.

3. No Google PageSpeed is not everything, but I am getting a slow server response time and an average load of 3-4 seconds on sites that have had all unused plugins, components, modules removed. I have JCH pro on optimum settings, so yeah it seems like JA templates could be slow on loading so I think all of your customers would appreciate you doing this.

To be honest it’s not a difficult request to do, would probably take an extra 10-20 minutes per template and you’ll keep your customers happy.

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#740981

<em>@jooservices 480814 wrote:</em><blockquote>Hi there
# These fonts actually already on CDN . So we no need worries about them in this part
# Actually i don’t think there are any solution to optimize Google Fonts. The only thing we can do is : reduce fonts used on site.
# And finally any pagespeed documents are good but it’s does not mean everything. We can use that as reference and understand root cause of each thing. 🙂

Thank you,
Viet Vu</blockquote>

Hi @jooservices

1. Being on a CDN is good, but it would be much better to load them locally and we can cache and CDN them ourselves.

2. Yes there is a way to optimize them, to start you can

Combine multiple fonts into one request.

One pattern we see frequently is a separate <link> tag for each of the font requests. Many users don’t seem to know that you can easily combine multiple font requests into a single tag, just separating the fonts with a | character.

So, instead of:
<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Droid+Sans”>
<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Lobster”>

write:
<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Droid +Sans|Lobster”>

This simple trick will save one roundtrip to the server for each additional font requested, and also protect against blocking on older browsers which only have 2 connections open per domain at a time.

But like I said, using in-built fonts will be far better for us than loading external fonts and more specifically woff fonts as they save 30% file save with their in-built compression.

3. No Google PageSpeed is not everything, but I am getting a slow server response time and an average load of 3-4 seconds on sites that have had all unused plugins, components, modules removed. I have JCH pro on optimum settings, so yeah it seems like JA templates could be slow on loading so I think all of your customers would appreciate you doing this.

To be honest it’s not a difficult request to do, would probably take an extra 10-20 minutes per template and you’ll keep your customers happy.

[rsystems Friend rsystemsJoin date: July 2012Posts: 118Downloads:0Uploads:7 Thanks: 41 Thanked: 7 times in 1 posts]

#576004

Google page speed result is important, as you will be lower in ranking if you have a slow page load speed.

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#576007

<em>@rsystems 480831 wrote:</em><blockquote>Google page speed result is important, as you will be lower in ranking if you have a slow page load speed.</blockquote>

Exactly, this is why I want them to post the answer for the JA community because everyone using Uber template faces the optimize delivery of CSS for the external fonts and having the solution in the forum will be beneficial for all JA members like me and you 🙂

[Author]

Posts