Home › Forums › WoodMart support forum › GTMetrix Performance

GTMetrix Performance

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 24, 2021 at 2:53 am #302030

    chintugandhi
    Participant

    Hello,

    We’ve created a site at https://pdelect.com

    Whereas the theme runs perfectly on all the pages and everything seems fine as of now, the performance of the homepage leaves a little to be desired. Been using product carousel (as that is an industry standard across competing websites) – have Init on Scroll enabled, lazy loading of images is being done by WP Rocket as well.

    Yet, there is a higher TBT and the first paint is slow too. Would you mind having a look and helping us change this performance for the better, please?

    Private Content has the wp-admin link and username and password you can use to see what’s going on and if you’d like to make changes to the homepage, you’re welcome to do so (just enumerate to me what you’ve done so I know for next time, thanks)

    This links to the GTMetrix report: https://gtmetrix.com/reports/pdelect.com/E0qQ9yLB/

    Thanks a lot.

    June 24, 2021 at 3:22 am #302032

    chintugandhi
    Participant

    PS: JFYI

    My dev-friend did this “i added the js in delay script options in wp-rocket” got the performance an A grade and all parameters scored their best.

    But that broke the carousel (not just initialisation but the carousel just couldn’t scroll)

    June 24, 2021 at 8:33 am #302098

    Artem Temos
    Keymaster

    Hello,

    Thank you so much for purchasing our theme and contacting our support center.

    We have checked your website and see that it is very well optimized. There are a few recommendations we can give you to make your mobile speed higher:

    1. Your home page contains a lot of content so we recommend you create a separate mobile version that will have fewer products and elements. That would increase your mobile speed.

    2. Use our theme lazy loading instead of WP Rocket.

    3. Try to deactivate all external plugins and test the performance without them. We assume that there is a lot of CSS and JS files that are not necessary to be loaded on your website and not related to our theme.

    Kind Regards
    XTemos Studio

    June 24, 2021 at 9:19 am #302118

    chintugandhi
    Participant

    Hello,

    Re:

    1) A different Mobile Site is not really needed – despite the elements, the loading speed of those is not an issue at all. It is only scripts (CSS and JS) that are causing TBT delays.

    2) Lazy Loading – I will try using Lazy Loading from the theme rather than WP Rocket

    3) I have tried disabling plugins and checking for speed, there’s hardly any difference. The main difference is the JS and CSS blocking time, which I believe is from our theme scripts.

    This is what GTMetrix says:

    Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles. Resources that may be contributing to render-blocking include:

    Learn how to improve this
    URL: https://pdelect.com/wp-content/cache/min/1/26eddb493389086db6838ab244fe866b.css
    TRANSFER SIZE: 144KB
    DOWNLOAD TIME: 115ms

    This too,

    A large DOM will increase memory usage, cause longer style calculations, and produce costly layout reflows.

    Learn how to improve this

    Total DOM Elements 3680
    Maximum DOM Depth ₹ <span class=”woocommerce-Price-currencySymbol”> 23
    Maximum Child Elements Inverter Air Conditioners from ₹ 29,000 SHOP ACS Air Conditioners Room ACs …<div class=”entry-content”> 23

    Also, attached is
    – the Waterfall, and you can see the elements blocking time are mostly from the theme itself.
    – Pagespeed insight results of Desktop (which is excellent) and Mobile (so-so)
    – PageSpeed Insight suggestions for Mobile Site

    Am not much of a techie, a dev friend helped me make the site. Would appreciate if you could guide me how to still better optimize it.

    Thanks for the great work and support !

    Attachments:
    You must be logged in to view attached files.
    June 24, 2021 at 11:44 am #302176

    Artem Temos
    Keymaster

    Combined scripts and CSS files with your cache plugin contain all other plugin files as well. Not our theme only. And the water fall doesn’t show any problems related to the theme. If you want to see our theme resources weight, you need to disable the optimization plugin and check the Google chrome Network tab filtering it as shown on the screenshot https://monosnap.com/file/zO5QUCGk9Z40STBNq5GWySs35QvKPq

    July 1, 2021 at 6:14 pm #304020

    chintugandhi
    Participant

    Hello,

    Pls see the attachment of a test from GT-Metrix.

    Could you please help me with why there are so many fonts loading and why they take soooo long?
    The blocking time is more than 2 seconds and almost all of it is while trying to load the fonts.

    Pls advise.

    Thanks

    Chintu.

    Attachments:
    You must be logged in to view attached files.
    July 2, 2021 at 6:18 am #304079

    Artem Temos
    Keymaster

    There are two fonts loaded on your website:

    1. Metropolis that is probably set in our Theme Settings. It is loaded from the Google Fonts server and our theme doesn’t influence its loading time.

    2. Font Awesome. It seems to be a part of some of the installed plugins. Most likely WPBakery or Elementor. You can remove it you wouldn’t use any of the Font Awesome icons on your website.

    Kind Regards

    July 2, 2021 at 6:23 am #304082

    chintugandhi
    Participant

    Isn’t Font Awesome used in the icons within the Sidebar or on the Mobile Bottom Menu?

    Metropolis was like you said set by the theme, using the Retail2 template. But even then, the blocking time was too high. As a result, the page loading takes at least 1.5 seconds more and take a tumble on GTMetrix Ratings.

    Can anything be done about it?

    Thanks.

    July 2, 2021 at 8:32 am #304117

    Artem Temos
    Keymaster

    No, the mobile navbar uses our WoodMart icons font set. Metropolis is a Google Font and our theme doesn’t influence its loading time. You can try to set “swap” option for font display property in Theme Settings -> Performance -> Fonts & Icons.

    Kind Regards

    July 3, 2021 at 3:48 am #304244

    chintugandhi
    Participant

    I changed servers, pointed a different site to the same WP install (instead of .com moved to .in for testing purposes)

    Attaching the waterfall, the AJAX (am asuuming Product Search is killing the timeline). Is that normal?

    I’m guessing the FONT AWESOME are not used by our theme elements? Even, they’re loading twice.

    Can you guide how to reduce the AJAX – https://pdelect.in/?wc-ajax=get_refreshed_fragments
    bit?

    Thanks.

    Attachments:
    You must be logged in to view attached files.
    July 4, 2021 at 1:13 pm #304391

    Artem Temos
    Keymaster

    Hello,

    This request comes with WooCommerce by default and it is not influenced by our theme. You can switch to the default theme and test how it works.

    As for the font awesome icons, they might be loaded only if you use some elements on the page that have icons. Check all your elements on the page and remove them.

    Kind Regards

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)