• Resolved shakirhassan

    (@shakirhassan)


    Hi!

    My icon of home, author, comment (showing .feather as class) not appearing when Autoptimize is enabled however, if i turn it off, everything’s fine apart from my site speed!

    So I dont want to disable autoptimize but having those icons / feathers not appearing is also not something I’m fine having!

    how do i fix this ?

    I tried using “Exclude CSS from Autoptimize: ” but it didn’t really work!

Viewing 15 replies - 1 through 15 (of 18 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    First and foremost try to identify what is breaking your site by just disabling CSS or JS or Image optimization (incl. lazyload). Once you know that, dive in and try identify what code/ files (CSS or JS) are responsible for the broken feature and try excluding that. If the problem is with JS, chances are you’ll find useful information on your browser’s developer console. There’s more info in the troubleshooting tips and info on exclusions in the AO FAQ.

    hope this helps,
    frank

    Thread Starter shakirhassan

    (@shakirhassan)

    Hi!

    Thanks for the reply! I disabled CSS first and then the problem was solved so yeah, the issue is with CSS!

    Now which CSS code do I need to exclude to make it appear?

    If I open inspect element, i see this class:

    <i class=”feather icon-home” aria-hidden=”true”></i>

    and this css too: .feather

    so i dont know what to do from here!

    Sorry, im not too technical!

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    try unticking “aggregate CSS” first maybe to confirm that works too?

    Thread Starter shakirhassan

    (@shakirhassan)

    I just tried doing that and it worked as well but now when I test my site speed, im not getting the same marks as before! Like i was getting 76/100 in Google speed test but now im getting less than 60 which i dont want!

    Is there any other fix? i can share my site URL if you want to have a look maybe

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    next up; disable CSS optimization and then look at the HTML source of your homepage, looking for a linked CSS-file with feather in the directory- or filename and trying to exclude that?

    Thread Starter shakirhassan

    (@shakirhassan)

    Hi!

    I unchecked “Optimize CSS Code? ” and then tried finding “CSS-file” by using find option but i didn’t find it! But when I searched “feather” i saw around 50+ results!

    Is there any way you can find css for me and exclude that ?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    If you can share your site’s URL I can have a look yeah ??

    Thread Starter shakirhassan

    (@shakirhassan)

    Thank you!

    Here it is: redstonelife dot com

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    OK, can you try adding themes/cream-magazine/assets/dist/css/main.css or even themes/cream-magazine/ to the comma-separated CSS optimization exclusions?

    Thread Starter shakirhassan

    (@shakirhassan)

    Hi,

    Yeah, it worked! Both the codes are correct! But its increased my site loading speed by 1.5 second – isnt there any other way just to make the icons appeared and leave other thing just the way it is?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    excluding just themes/cream-magazine/assets/dist/css/main.css should not have a too big an impact. alternative would probably be to add some specific code (can’t tell you which) to customize->additional CSS or something?

    Thread Starter shakirhassan

    (@shakirhassan)

    Yeah you are right but after this code, the loading speed is still taking anohter .7 extra second! Can you please tell me which css code can i ask from my theme support so then we can customize it so the icons show properly?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    the root cause might be the “meks-easy-ads-widget” plugin (it looks like it has an error in the CSS), can you try disabling that for a second to confirm?

    Thread Starter shakirhassan

    (@shakirhassan)

    I have disabled it! Should I delete this line of code from excluded css too ? “, themes/cream-magazine/assets/dist/css/main.css”

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    yes ??

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Autoptimize Not showing my Home, author name, comment etc icons’ is closed to new replies.