Load Fontawesome via CDN

hjames1

I would like to see about loading Fontawesome from one of their CDN's instead of loading it from the local version so that we can cut back on resources having to be loaded by our server. Can you please provide the proper steps to do this?

James

saguaros

Hi James,

Which CDN link you want to use to load font-awesome?

hjames1

Font Awesome has their own CDN to load the files.

That way we can use their data to bring them in faster.

I am also wondering how I can add <link rel=preload> to them?

The goal is to improve the performance on the site as much as possible.

saguaros

Hi hjames1

Firstly, you need to disable the local version in these 2 files:

/templates/ja_morgan/etc/assets.xml
/plugins/system/t3/base-bs3/etc/assets.xml

by remove or comment this line of code:

<file>fonts/font-awesome/css/font-awesome.min.css</file>

Then go to file: /templates/ja_morgan/tpls/blocks/head.php

and add your own script for CDN at the end of this file.

hjames1

Thank you, this worked.

One more question, I want to eliminate a lot of the other CSS that is loading that we don't use. I have identified some that I am almost 100% sure are not necessary because they look page/module specific for ACM and we don't use it at all. I am wondering how to turn these off/elmininate them. Keep in mind I have CSS and JS Minification off right now so I can remove these unnecessary files right now.

assets/dev/templates.cj.less.acm.slideshow.less.css - 3,34 KB
assets/dev/templates.cj.less.acm.features-intro.less.css - 10,12 KB
assets/dev/templates.cj.less.acm.accordion.less.css - 1,99 KB
assets/dev/templates.cj.less.acm.testimonials.less.css - 5,50 KB
assets/dev/templates.cj.less.acm.teams.less.css - 1,16 KB
assets/dev/templates.cj.less.acm.clients.less.css - 1,06 KB
assets/dev/templates.cj.less.acm.hero.less.css - 3,64 KB
assets/dev/templates.cj.less.acm.statics.less.css - 0,79 KB

I have renamed the JA_Morgan template to CJ, so please ignore that part of the filename.

Thank you in advance!

James

saguaros

Hi James,

It looks like you're enabling Development Mode in template so that your site is loading LESS files now. Once your site is ready, you can disable this Dev mode and enable CSS/JS optimization, these files will not load then.

Regards

hjames1

Won't they be merged into the compiled css file?

If so, I don't want that to happen because it adds size to the compiled file so I am wondering if there is a way to remove them completely?

James

saguaros

Hi James,

Those files will not be merged in compiled css files - only css files of template. The files in assets folder are temporary files only.

Regards