Adlago Posted August 3, 2018 Share Posted August 3, 2018 Load initiator - root.library.js Delay load site -> 1300 - 1400 ms This is a bad decision. This font loads a few little images and slows a lot loading site. Please modify the initiator loading, as well as the font Awesome for example - from the index. Lighthouse test recommends, for example, a use 'link-rel preload' Link to comment Share on other sites More sharing options...
rfcontreras Posted October 12, 2018 Share Posted October 12, 2018 Hi Adlago You can edit css to solve this. Search for icomoon (or woff and woff2) in CSS on your theme and add font-display: swap; this will solve the lighthouse suggestion. https://css-tricks.com/almanac/properties/f/font-display/ Below an example.. @font-face { font-family: 'icomoon'; font-display: swap; src:url('{url="applications/core/interface/font/icomoon.eot?v=-29n77j" base="none" noprotocol="true"}'); src:url('{url="applications/core/interface/font/icomoon.eot?#iefix-29n77j" base="none" noprotocol="true"}') format('embedded-opentype'), url('{url="applications/core/interface/font/icomoon.woff?v=-29n77j" base="none" noprotocol="true"}') format('woff'), url('{url="applications/core/interface/font/icomoon.ttf?v=-29n77j" base="none" noprotocol="true"}') format('truetype'), url('{url="applications/core/interface/font/icomoon.svg?v=-29n77j#icomoon" base="none" noprotocol="true"}') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; font-display: swap; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; Adlago, sound and Cyboman 3 Link to comment Share on other sites More sharing options...
ehren. Posted October 12, 2018 Share Posted October 12, 2018 Iconmoon is only used for a couple of icons if I'm not mistaken. You could quite easily overwrite them with FontAwesome icons and remove the entire iconmoon file. Link to comment Share on other sites More sharing options...
Adlago Posted October 12, 2018 Author Share Posted October 12, 2018 Even when you do not use these icons, this font is loaded. Read my first sentence on this topic. Link to comment Share on other sites More sharing options...
Adlago Posted October 12, 2018 Author Share Posted October 12, 2018 5 hours ago, rfcontreras said: font-display: swap; Thanks Link to comment Share on other sites More sharing options...
mark007 Posted November 16, 2018 Share Posted November 16, 2018 On 10/12/2018 at 3:32 AM, rfcontreras said: You can edit css to solve this. Where I have to do this? In custom.css it doesn't work Link to comment Share on other sites More sharing options...
mark007 Posted November 16, 2018 Share Posted November 16, 2018 @Adlago How did you solve this big problem? Link to comment Share on other sites More sharing options...
Adlago Posted November 16, 2018 Author Share Posted November 16, 2018 1 hour ago, mark007 said: @Adlago How did you solve this big problem? What @rfcontrerasadvises is in a CSS file fonts I tested it and work. But I removed the use of this code because the validator html5 reported an error. On my site this report Lighthouse test disappeared after a few optimizations - but I'm not sure which optimization I eliminated from this report. Maybe if you share a link to your site, I can write some advice to you. Link to comment Share on other sites More sharing options...
mark007 Posted November 16, 2018 Share Posted November 16, 2018 @Adlago Very strange, I don't have the possibility to edit fonts.css ... there ist no fonts.css (it is not displayed) My site: https://www.polar-chat.de/hunde/ Link to comment Share on other sites More sharing options...
Adlago Posted November 16, 2018 Author Share Posted November 16, 2018 28 minutes ago, mark007 said: Very strange, I don't have the possibility to edit fonts.css ... there ist no fonts.css (it is not displayed) If you have any text entered in the Search templates field, you will not see all css. I will do a few test your site and later I will write what i found. Link to comment Share on other sites More sharing options...
mark007 Posted November 16, 2018 Share Posted November 16, 2018 3 minutes ago, Adlago said: If you have any text entered in the Search templates field, you will not see all css. no text ... that's really strange 3 minutes ago, Adlago said: I will do a few test your site and later I will write what i found. Thank you very much !! Link to comment Share on other sites More sharing options...
Adlago Posted November 16, 2018 Author Share Posted November 16, 2018 2 minutes ago, mark007 said: no text ... that's really strange Check your default theme. It is possible that the theme you are using may have some limitations. Observed bad indicators - you are using a jam.js with protocol http 1.1 - this slows down -You have the wrong setting in the X-XXS Protection server - Many validation errors html5 https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.polar-chat.de%2Fhunde%2F - 8 errors CSS level 3 + SVG http://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fwww.polar-chat.de%2Fhunde%2F&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=bg Remove these errors and I'm sure your site works better. Link to comment Share on other sites More sharing options...
mark007 Posted November 16, 2018 Share Posted November 16, 2018 😀Thanks Now it should be better ... Link to comment Share on other sites More sharing options...
Maxxius Posted May 17, 2021 Share Posted May 17, 2021 (edited) @AdlagoI wonder how could we completely remove the icomoon from IPS 4.4 version? Where that font is it used exactly? Edited May 17, 2021 by Maxxius Link to comment Share on other sites More sharing options...
SeNioR- Posted May 17, 2021 Share Posted May 17, 2021 (edited) It seems to me that IcoMoon is now only used for installation / update and in development mode. Admin admin\install\css\fonts.css admin\install\css\misc.css admin\install\font\icomoon.eot admin\install\font\icomoon.svg admin\install\font\icomoon.ttf admin\install\font\icomoon.woff admin\upgrade\css\fonts.css admin\upgrade\css\misc.css admin\upgrade\font\icomoon.eot admin\upgrade\font\icomoon.svg admin\upgrade\font\icomoon.ttf admin\upgrade\font\icomoon.woff Dev applications\core\dev\codemirror\mode\sass\test.js CKEditor applications\core\interface\font\icomoon.eot applications\core\interface\font\icomoon.svg applications\core\interface\font\icomoon.ttf applications\core\interface\font\icomoon.woff Edited May 17, 2021 by SeNioR- Daniel F 1 Link to comment Share on other sites More sharing options...
Daniel F Posted May 17, 2021 Share Posted May 17, 2021 1 hour ago, Maxxius said: @AdlagoI wonder how could we completely remove the icomoon from IPS 4.4 version? Where that font is it used exactly? Time to upgrade! 😉 From the 4.5 changelog: Quote - Removed icomoon dependency from css. The icons which were created using this font have been replaced with FontAwesome and pure css equivalents. The icomoon files are still present, so they can be imported using custom.css if necessary. Link to comment Share on other sites More sharing options...
Maxxius Posted May 17, 2021 Share Posted May 17, 2021 @Daniel F I know it was removed in 4.5. I'm sticking to 4.4 until IPS is well into the 4.6 branch like 4.6.5+ 😄 Link to comment Share on other sites More sharing options...
Maxxius Posted May 18, 2021 Share Posted May 18, 2021 19 hours ago, SeNioR- said: It seems to me that IcoMoon is now only used for installation / update and in development mode. Admin admin\install\css\fonts.css admin\install\css\misc.css admin\install\font\icomoon.eot admin\install\font\icomoon.svg admin\install\font\icomoon.ttf admin\install\font\icomoon.woff admin\upgrade\css\fonts.css admin\upgrade\css\misc.css admin\upgrade\font\icomoon.eot admin\upgrade\font\icomoon.svg admin\upgrade\font\icomoon.ttf admin\upgrade\font\icomoon.woff Dev applications\core\dev\codemirror\mode\sass\test.js CKEditor applications\core\interface\font\icomoon.eot applications\core\interface\font\icomoon.svg applications\core\interface\font\icomoon.ttf applications\core\interface\font\icomoon.woff I also noticed that it is used as an unread content icon, which can be easily replaced and then as a spinner icons when browsing notifications/PM in head menu and in PM page when selecting different conversations. Strange thing I went to applications/core/data/javascript.xml and replaced all instances of icon-spinner2 ipsLoading_tinyIcon with fa fa-spinner fa-pulse fa-fw and recached the skin. However javascript created in uploads/javascript_global/root_framework file still contains the old code 🤔 Link to comment Share on other sites More sharing options...
Recommended Posts