Woff icon to svg format

Hi, I would like to try to decrease the page rendering time.
It would be ideal to convert newspaper.woff font icons to svg.

Earlier I pointed out that the woff file could be converted to woff2, losing about 50% of the size.

Now I would like to ask if you can evaluate the possibility of converting all the icons in the svg format, or maybe just some icons such as those of the hamburger menu and of the search, usually immediately displayed on mobile devices.

I only use 2 icons for the header, the arrows icons and the icons (in the posts) for sharing on social networks. Loading 100kb of woff fonts seems excessive to me (especially on mobile).

Currently it seems to me there is the possibility to use the svg format only for the logo. I’m using it, and it helps the page rendering speed.

Thank you.

Hi, I mean not the images in svg (file) but I mean the svg code. Like the “svg” function in the logo.

What I did was to convert the newspaper.woff file to .ttf, and then back to .woff… it decreased to about half the size.

Used some random on-line converter to achieve that.

It only shows how little optimized the Newspaper Theme is..

Hi jornalosaopaulo.
Thanks for your advice, I will.
But are you sure you haven’t saved the file in woff2 format and renamed it to woff?

The icons in svg are an optimal solution to not load a font unnecessarily and not to have that small change on the rendering. At least those on mobile, where the connection is slower.

Yes, optimizing this theme should work much better on some. There are themes and page builders that are much more optimized for page loading, they should adapt too so as not to lose customers.
I am still using WP Bakery on some sites, though despite having its backend issues, it is much lighter. On two very similar sites I have WPbakery and Newspapers.
The optimized html homepage of WPbakery is heavy about 45kb (with logo in svg) and with a 110kb total .js file without advertising (there are about 40 active plugins) and 198kb with AdSense, in a test site with Newspaper theme I have 163kb of page html and 2.3MB of .js files without AdSense (there are about 10 active plugins).

Screenshot WPbakery:
https://i.ibb.co/ckGpcBj/Schermata-2021-03-04-alle-20-17-26.png

Screenshot Newspaper:
https://i.ibb.co/RB4qXCr/Schermata-2021-03-04-alle-20-18-14.png

How come you don’t work on this?

Hi, @marcorroma!

In fact, what I did was convert to .woff2 and then back to .woff
Sorry for the imprecise directions I sent.. but I am sure that I did not just renamed the file extension; here is a screenshot of the files generated in the process: https://paste.pics/BSBAW

And WOW! The difference is huge in the two sites you showed… although I never used WPBakery (and could not known the “customizability options” mentioned by Vlad). It seems that a lot of work has to be done in Newspaper.

Hi @jornalosaopaulo
Thanks for your advice!
In 2 weeks I will start optimizing my site and try to make it as fast as possible.
If you want we can hear from you via email or in the forum.
Let me know if you are interested in helping me and being helped.

PS. WPbakery has been optimized in many ways for about 6 months to be so speed.

Thanks for your support @Vlad S

• This reply was modified 5 years by marcorroma.