Improve speed

yodam1

Hi,
I'm doing speed tests with Google PageSpeed insights.

It suggest me to <link rel=preload> those files:

/com_community/assets/vendors/mediaelement/mediaelementplayer.min.css (loaded TWO times)
/modules/mod_ijoomla_adagency_zone/tmpl/font/fontawesome-webfont.woff?v=4.0.3

The script mediaelementplayer.min.css need more than 6 seconds to be loaded
The script fontawesome-webfont.woff need more than 4 seconds to be loaded

What mean to <link rel=preload>? will it create problems on the correct behaviour of jomsocial/adagency?
Are there other files that you suggest me to preload?

is it important the v=4.0.3 on preload of fontawesome-webfont.woff?

Thanks!

Ninja

yodam1
Hi
The preload works for agency ads, The files in JomSocial already optimized. you can use the suggestion given here to improve Joomla site speed : https://www.joomlart.com/blog/news-updates/tools-and-tips-to-check-joomla-site-speed-and-improve-performance
https://www.joomlart.com/tutorials/joomla-tutorials/10-tips-to-improve-joomla-site-performance

About preloaded we do not have any other options, you can look on JED for preloader extensions.

manhta

yodam1

As i know, mediaelementplayer.min.css only load once, i think you did some modification on your site. Please remove it and try again.
File mediaelementplayer.min.css (20kb) and fontawesome-webfont.woff(40kb) are lightweight. If google needs 4 ~ 6 to load theme, that means your server responses too slow, it needs to upgrade. Please consider to upgrade your hosting.
From beginning, jomsocial and ads agency don't aim to speed for seo. The only thing you can do to improve score is compress css and js by using t3 Optimization or JCH Optimizer.
If you're using cloudflare free version, please stop using it.

yodam1

Ninja Hi,
I have cloud flare and JCH Optimizer and a Cache by my hosting.

Those are the results of Google PageSpeed Insights on mobile:

You can see medialementplayer.min.css is loaded 2 times

If I launch it many times also:

/modules/mod_ijoomla_adagency_zone/tmpl/font/fontawesome-webfont.woff?v=4.0.3

is shown sometime

Thanks!

Ninja

yodam1
Hi
its a webfont file, it not load on the URL if you type, this file is used to add the font.
Example http://ijoomlademo.com/modules/mod_ijoomla_adagency_zone/tmpl/font/fontawesome-webfont.woff?v=4.0.3

yodam1

Ninja Hi,
On header of ja events ii template I've added:

<link rel="preload" as="font" type="font/woff2" crossorigin href="/modules/mod_ijoomla_adagency_zone/tmpl/font/fontawesome-webfont.woff?v=4.0.3">

<link rel="preload" as="style" type="text/css"  href="/components/com_community/assets/vendors/mediaelement/mediaelementplayer.min.css">

and I have on Chrome console:

9ef89bbaa302ff4766a8ebd84187469a.js:15 A preload for 'https://www.mysite.com/components/com_community/assets/vendors/mediaelement/mediaelementplayer.min.css' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.

The resource https://www.mysite.com/components/com_community/assets/vendors/mediaelement/mediaelementplayer.min.css was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriateasvalue and it is preloaded intentionally.

On Google PageSpeed Insights:

Warnings: A preload <link> was found for "https://www.mysite.com/components/com_community/assets/vendors/mediaelement/mediaelementplayer.min.css" but was not used by the browser. Check that you are using thecrossoriginattribute properly.

Do you know how to solve?

About:

If I launch it many times also:

/modules/mod_ijoomla_adagency_zone/tmpl/font/fontawesome-webfont.woff?v=4.0.3

is shown sometime

I wanted to say it launch the loading (or it load)

Thanks!

Ninja

yodam1
Hi
I do not understand your native language. About the load in head of u added it in header it's loading same as it should be. You can check the same with default Joomla template that header load same.

yodam1

Ninja Hi,
Yes it load but I have this message:

Warnings: A preload <link> was found for "https://www.mysite.com/components/com_community/assets/vendors/mediaelement/mediaelementplayer.min.css" but was not used by the browser. Check that you are using thecrossoriginattribute properly.

and Google PageSpeed insights complain.

In header of template I've used:

that seem what is suggested by Google PageSpeed, but not works

I hope you can help me because I have a really low score by Google PageSpeed Insights

you can try it to see if doing by yourself you understand better. Launch it on your adagency demo and you will see you will have same kind of report and a low score of 26/100:

Thanks

yodam1

manhta Hi,
I was using JCH optimize. In fact I have only:

/com_community/assets/vendors/mediaelement/mediaelementplayer.min.css (loaded TWO times)
/modules/mod_ijoomla_adagency_zone/tmpl/font/fontawesome-webfont.woff?v=4.0.3

i don't think I did modifications on my site to load mediaelementplayer.min.css two times but I use many of your products at the same site:

Ja Events II Template
Ad Agency
JomSocial

you have more than me in your site as you can see in picture. Read well what Google Speed Insight tell you. You loose 7.52 seconds because Js and CSS loading and I think you are using a good VPS

Thanks!

manhta

yodam1

For google speed score, as i said before, joms don't aim to optimize that standard, so please ignore.
I did test on our site at https://ijoomlademo.com/index.php/my-profile/adagencyAdvertisers/register and no duplication of mediaelementplayer.min.css. Please send your site url if it has error.
Joms doesn't support PWA, so if you try to make PWA with joms, there will be some error that we could not help you.
And yes, joms still need to improve. On next update, we'll try to make js bundle smaller. Please be patient.