- This topic has 11 replies, 7 voices, and was last updated 4 years, 10 months ago by
Leo.
-
AuthorPosts
-
May 28, 2021 at 7:11 am #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
Some seem counterintuitive so I wanted to check before implementing any of them.
May 28, 2021 at 8:26 am #1801811Tom
Lead DeveloperLead DeveloperHi 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.
May 28, 2021 at 2:09 pm #1802066Randy
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.
May 29, 2021 at 9:10 am #1802822Tom
Lead DeveloperLead DeveloperSounds good – thanks! 🙂
May 31, 2021 at 8:03 am #1804781shlomo
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?
May 31, 2021 at 5:41 pm #1805296David
StaffCustomer SupportMake 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….
June 1, 2021 at 1:57 am #1805588shlomo
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.
June 1, 2021 at 4:23 am #1805737David
StaffCustomer SupportIf 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….
June 17, 2021 at 4:32 am #1825163Charbel
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!
June 17, 2021 at 10:03 am #1825700Ying
StaffCustomer SupportHi Charbel,
Thanks for sharing your experience.
But I still don’t get why using font would be faster than using SVG…
June 17, 2021 at 10:44 am #1825744Charbel
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!
June 17, 2021 at 11:12 am #1825777Leo
StaffCustomer SupportJust answered your other topic.
-
AuthorPosts
- You must be logged in to reply to this topic.