Site logo

[Resolved] Do you agree with the recommendations here to improve Core Web Vitals

Home Forums Support [Resolved] Do you agree with the recommendations here to improve Core Web Vitals

Home Forums Support Do you agree with the recommendations here to improve Core Web Vitals

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1801726
    Randy

    For your GB GP users who also use Ezoic new Leap product to improve CWVs, do you agree with the recommendations regarding GP and GB that they show here: https://wordpress.ezoic.com/generatepress-ezoic-leap

    Also here: https://wordpress.ezoic.com/see-generatepress-speed-with-and-without-generateblocks-pro-and-gp-premium/

    Some seem counterintuitive so I wanted to check before implementing any of them.

    #1801811
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Under ‘General,’ ensure that ‘cache dynamic CSS’ is not checked

    What this option does is save the dynamic CSS generated by the theme to your database so it doesn’t have to generate on every page load. Depending on your caching system in place, this may or may not be helpful. However, having it checked certainly won’t hurt performance.

    Additionally, for ‘icon type’ select ‘font’ instead of SVG for improved performance.

    In most cases, we find requiring the browser to download font icons is slower than serving inline SVGs. Running a PSI test should confirm this. Of course, perhaps they’re doing some magic that makes font icons faster? I’m not sure, worth running tests to see.

    Using GP Premium and GenerateBlocks adds additional CSS files to every page, damaging your FCP load times.

    GenerateBlocks doesn’t add any unused CSS to your pages. In fact, it scans your page for blocks from the plugin and generates only the CSS that’s 100% needed on that specific page based on the options you’ve tweaked. It’s the complete opposite of what their page is saying, so this part I disagree with. It also only ever adds a single CSS file to your page – it never loads any additional libraries or unnecessary requests.

    GP Premium by itself won’t add any unused CSS unnecessarily. However, it may add some CSS if certain options are turned on and it isn’t able to determine whether those options are needed on the current page. We’re talking minimal impact here though.

    By simply activating GenerateBlocks and GP Premium, you won’t be adding any additional CSS to your website. It’s only by building your pages using the blocks or activating options in GP Premium that require CSS that additional CSS will begin to load (only what’s necessary).

    You can always run a quick test of a page using GenerateBlocks vs another block plugin to see the difference here.

    Overall, it’s their service and they know what works best with it, but the comments about GenerateBlocks do make me scratch my head a little at how they’re testing things.

    #1802066
    Randy

    Thank you Tom, really appreciate the feedback. I’ve shared this information back with the Ezoic team so that hopefully we can get to a better shared understanding.

    #1802822
    Tom
    Lead Developer
    Lead Developer

    Sounds good – thanks! 🙂

    #1804781
    shlomo

    When I move from SVG to ‘font’ , my menu hamburger is shown as a square. If I choose to go by their recommendation (even for testing), how can I solve the problem of the menu item not shown properly?

    #1805296
    David
    Staff
    Customer Support

    Make sure you clear ALL caches after making that change…. but considering their statement their maybe something in their code that is interfering with font loading….

    #1805588
    shlomo

    Thanks David. so, I made sure I’m clearing the cache. Then I opened the page on Incognito mode on my mobile. The square is visible on the first load, then on 2nd load, the hamburger menu is loaded.

    What should I do next? I’m not sure what the problem is. For now, I moved it back to SVG.

    #1805737
    David
    Staff
    Customer Support

    If its loading after refresh then it sounds like a caching issue – which could be at the browser level or the server caching… unfortunately i don’t know what Ezoic Leap does, as they don’t provide any info as to why requesting a font would be more efficient then an inline SVG….

    #1825163
    Charbel

    Hello @David and @Shlomo,

    Please note that I faced the same issue after I switched to Font instead of SVG.
    The issue is resolved after clearing the cache couple of times from all CDNs (Cloudflare + Ezoic).

    I went by Ezoic recommendations by removing Dynamic CSS and switched to Font. https://wordpress.ezoic.com/generatepress-ezoic-leap

    Thank You!

    #1825700
    Ying
    Staff
    Customer Support

    Hi Charbel,

    Thanks for sharing your experience.

    But I still don’t get why using font would be faster than using SVG…

    #1825744
    Charbel

    Thank you @Ying,

    Yes, I don’t understand the same either from a technical perspective.
    But since my site is fully integrated with Ezoic, I would prefer to go with their direction because I am using their caching, as well as the new Leap site speed accelerator.
    As @David mentioned above, maybe there is something in their code that is interfering with font loading with SVG, thus they recommend switching to Font.

    I have noticed that after switching to Font, my mobile Text menu (center) is broken. I have a ticket opened here: https://generatepress.com/forums/topic/how-to-center-the-text-label-for-mobile-menu/page/2/#post-1824946

    Any help is highly appreciated!

    Many Thanks!

    #1825777
    Leo
    Staff
    Customer Support

    Just answered your other topic.

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.