Optimization: Do Not Load Unsued Images And Fontawesome Optimization - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Optimization: Do Not Load Unsued Images And Fontawesome Optimization

IG

Ignacio Granados

Template 2 years ago

Template: Livesport

Hi,

  1. I have seen that my template loads menu-bg.jpg (19.7kb) and stars.svg (1.12Kb) which are not used. How can I disable from load?
  2. Is there a way to load only some icons from font awesome instead of the whole icon set?

Thanks.

0
6 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #127139

Hola Ignacio,

  • ad 2) Not really, it's how FontAwesome works, in general, whole FA package (few files) is loaded. It's like font. Theoretically, you could overwrite those 3 icons using svg files that are actually used in the menu (>, ^, search) and disable Font Awesome. It would certainly be a ~200Kb reduction..... but that's your custom task. Hopefully, one day, these 3 icons realistically used we will try to replace in Helix update, so that they work even without FontAwesome.
  • ad 1) Indeed template.css may use some files from orginal design. But please do not edit template.css file. But you can replace that file: menu-bg.jpg (19.7kb ) with a small one (1kb, 1x1px size) - if you don't use it. It will allows you to save ~19kb. This same if we talk about goal-fetti.png (2kb) file. It may not be much, but in total it's always something.

File path: templates\livesports\images\menu-bg.jpg


0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #127141

BTW

I noticed that you have error message from extra plugin, screenshot:

Me di cuenta de que tiene mensaje de error de plugin extra, captura de pantalla:

info_1416_2023.gif

please contact with a plugin developer.

póngase en contacto con un desarrollador de plugins.

0
Pavel
Pavel
Accepted Answer
2 years ago #127154

Is there a way to load only some icons from font awesome instead of the whole icon set?

Hi. You can create your own icon font using Font Awesome svg icons you need, icomoon.io and CSS. Then turn OFF Font Awesome in Helix and SPPB

1
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #127156

So theoretically it would have to load 3 small svg files + custom CSS lines instead of the Font Awesome package.

0
Pavel
Pavel
Accepted Answer
2 years ago #127167

Hi Paul. SVG serve only as raw materials to create an icon font. At the output you get a full font (WOFF2, WOFF + CSS stylesheet) containing 3 glyphs (for example), to which you can apply any CSS font properties.

1
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #127172

Oh, ok. Thx

0