Unfortunately due to other commitments, we are no longer able to provide support for these themes.

All our themes are now free and can be downloaded by anyone to use/modify however they wish.

We want to thank all our users for their support over the years. All the best in 2020 and beyond.

Speed up homepage load time on Patron

heathheath Lifetime Member
edited January 2018 in Patron
Website: https://michaelbaileylawllc.com

Howdy All,

I'm doing some work on a client website and noticed when I switched his custom slides to Blog Post Slides from the Themedy Settings menu it really slowed the site down. I'm not opposed to going in and making slides for each blog post, but I thought the recent posts slider was a neat feature, but not if its going to slow down the site.

What are some tips/tricks/#imagehacks/#speedhacks I can use to make sure the website doesn't slow down when using this feature? Is there any code I can play with to enhance the #loadtime and if so where would you suggest I start?

Extra question........

Is there possibly a way for me to use the patron theme without having woocommerce installed? Most of my client websites aren't using the woocommerce function, and if I could make the website a little lighter by disabling/removing that plugin it would make me so happy.

I wonder, when I disable woocommerce the button in the upper right disappears, thats the only reason I have woocommerce activated. Would there be a way to keep the button there without having woocommerce activated? What file would you suggest I edit to make that happen?

Thanks in advance for your help!


Edit:

screenshot of speed test: https://michaelbaileylawllc.com/wp-content/uploads/2018/01/Screen-Shot-2018-01-02-at-3.00.36-PM.png

screenshot of css and javascript loading issues: https://michaelbaileylawllc.com/wp-content/uploads/2018/01/Screen-Shot-2018-01-02-at-3.01.21-PM.png
Post edited by heath on
Heath Rost
Personable Media
heath@personablemedia.com

Comments

  • Options
    Mark_HodderMark_Hodder Administrator, Lifetime Member
    edited January 2018
    The only reason that that switching to the blog post slides could be slowing down the site would come from the feature images used. You want to optimize those as much as possible to the smallest possible file size. The slide of the kids with the pencil is almost 2 megabytes for example which is way to large. You might want to also reduce the amount of slides used if page speed is more important then the content.

    Those page speed scores are definitely not representative of Patron out of the box, as I just did a quick test of our demo site and got a much higher score - the score was about the same using either the blog posts or the custom slides.

    http://cloud.themedy.com/1g210E031g1A

    So you may want to make sure:

    A ) You are using high quality hosting, not a budget host (the main reason for slow sites I see)
    B ) You have some sort of caching plugin installed like https://en-ca.wordpress.org/plugins/breeze/
    C ) You don't have a bunch of extra low quality plugins bogging down the site.
    D ) You optimize every image you use on the site for small file sizes.

    For the button, yes you can turn off WooCommerce and turn off the "Show WooCommerce Login / Account button in the header?" setting and add something like this to your /custom/custom_functions.php to show the telephone number:
    // Add Custom Header Button in top right of Patron
    add_action('genesis_header', 'custom_themedy_cart_button');
    function custom_themedy_cart_button() {
        ?>
        <div class="shop-menu">    
        <?php 
    		echo '<a class="button" href="tel:/17203946887">+1 (720) 394-6887 <img src="https://michaelbaileylawllc.com/wp-content/uploads/2017/03/mblaw_icon_32px.jpg" alt="" class="alignleft size-full" /></a>';
    	?>
        </div>
        <?php
    }
    Post edited by Mark_Hodder on
    Need Additional Help?
    - Check out the Resource Center for helpful tutorials and hints.


    image
  • Options
    heathheath Lifetime Member
    edited January 2018
    Mark, I tried the code you shared and the button no longer shoes in the nav bar when on mobile.

    Also, no host will fix those javascript and css above the fold loading issues.
    Post edited by heath on
    Heath Rost
    Personable Media
    heath@personablemedia.com
  • Options
    Mark_HodderMark_Hodder Administrator, Lifetime Member
    The CSS / Javascript issues are not the main issues as you can tell because of the large differences between our page speed scores. Some Javascript and CSS needs to load above the fold for functionality reasons, not everything shown in Google PageSpeed is an issue that needs to be fixed, it's only general guidelines up to the developer to interpret as useful suggestions or not.

    Here is some more info that may be helpful about this: https://wp-rocket.me/blog/the-truth-about-google-pagespeed-insights/

    However, if you wish to hire us for optimizations services you can use the link in my signature and we can look into further customization's for you.

    To show that button on mobile, just add a bit of CSS like:
    @media only screen and (max-width: 768px) {
    .shop-menu {
    	  display: inherit !important; 
    	  opacity: 1 !important
    }
    }
    Need Additional Help?
    - Check out the Resource Center for helpful tutorials and hints.


    image
  • Options
    heathheath Lifetime Member
    edited January 2018
    Hi Mark, I added the code you pasted, and is functions completely differently now.

    The button used to stay in the navigation bar when you scrolled down the page on desktop.

    It used to be inside the nav bar on mobile.

    Now it is not in the nav bar at all. The code you sent over adds the button above the nav bar on mobile only and does not put the button in the nav bar like it does when WooCommerce is enabled. Does this make sense to you? I want the button to function the same when WooCommerce is not enabled.

    Post edited by heath on
    Heath Rost
    Personable Media
    heath@personablemedia.com
  • Options
    Mark_HodderMark_Hodder Administrator, Lifetime Member
    edited January 2018
    Sorry but that's all the direction we can provide for now, anything else would require paid customization work as it would require research and development and testing to make it behave exactly as you want.

    WooCommerce doesn't load much extra and in most cases nothing extra if you aren't on a product / shop page anyway so you can leave it active without actually having any measurable impact on the site load.
    Post edited by Mark_Hodder on
    Need Additional Help?
    - Check out the Resource Center for helpful tutorials and hints.


    image
  • Options
    heathheath Lifetime Member
    Wow. v
    Heath Rost
    Personable Media
    heath@personablemedia.com
  • Options
    heathheath Lifetime Member
    Thanks for NOTHING!
    Heath Rost
    Personable Media
    heath@personablemedia.com
  • Options
    Mark_HodderMark_Hodder Administrator, Lifetime Member
    Heath keep in mind the forum rules: https://themedy.com/forum/discussion/19/welcome-package#latest

    Particularly #2

    2. Support covers installation and usage of the themes - customizations are answered on a case by case basis but are not guaranteed under our support.

    This was also clearly explained on the purchase page before you joined.

    As you can see from me already providing some code that this feature can't easily be done without more custom code and testing - way beyond what is covered by the free support here (to provide any code in the first place was already beyond the support level).
    Need Additional Help?
    - Check out the Resource Center for helpful tutorials and hints.


    image
This discussion has been closed.