Okay
  Public Ticket #2068354
Diary loading performance is slow on mobile
Closed

Comments

  •  3
    Graeme started the conversation

    Hi,


    Currently had same issue on 2.4 but also on 2.6. When loading diary on desktop browser the animated circle will spin 6-7 times and load the diary.

    When on mobile it is spinning 25-30 times. Takes easily 30 seconds to load the diary agenda view on mobile.

    Please can you help and advise how to fix?

    Performance on laptop/desktop is ok, could be slightly faster. Time to load on mobile is far too slow. 

  •  785
    Zhivko replied

    Are you using any cache plugin?


    Stachethemes Developer

  •  3
    Graeme replied

    on Wordpress? No. Not changed anything to my knowledge on WP. New version of WP and Jetpack etc. 


    It used to be same performance on desktop and mobile few months ago but not recently. Do you want access to site?

  •  785
    Zhivko replied

    Yes, if it's possible.


    Stachethemes Developer

  •   Graeme replied privately
  •  785
    Zhivko replied

    Hi,

    I've turned on cache and disabled the ajax query so the events are loaded during the page load.

    Do you see any difference in the loading times now?


    Stachethemes Developer

  •  3
    Graeme replied

    hi, the total elapsed time seems the same. Just don’t see the loading animation. Also default view is month and not agenda. 

  •  94
    Valentin replied

    I'm really sorry but unfortunately we can not recreate the problem on our side. Please see attachments. Two videos from two different phones loading your page.

    Stachethemes Support
    My Time Zone is GMT+3


    Envato Profile | Facebook | Twitter | Newsletter | Rate & Review

  •  3
    Graeme replied

    this is fairly typical time on my iPhone XS Max using my home fibre broadband. 40-46mbps network speed


    I haven’t ever seen it as fast as your videos

  •  94
    Valentin replied

    Have you tested on different phones or different provider? We can't really debug the problem when it's not happening on our endfrown.png

    Stachethemes Support
    My Time Zone is GMT+3


    Envato Profile | Facebook | Twitter | Newsletter | Rate & Review

  •  3
    Graeme replied

    Tested on different networks and still same they also get 20-30 secs response. 

  •  3
    Graeme replied

    noticed today. On chrome my default browser is 20 seconds but 4 or 5 seconds on safari 

  •  785
    Zhivko replied

    I've turned on the cache option. Could you check your loading speed again?


    Stachethemes Developer

  •  3
    Graeme replied

    hi,


    A million times better, it is now almost instantly loading. Can you set to agenda view not monthly please for mobile?

  •  785
    Zhivko replied

    Agenda is now default view for mobile devices. The code is in your theme functions.php file.


    add_action('wp_footer', function() {
        ?>
        <script type="text/javascript">
            ;
            (function ($) {
                
                    if (typeof $.stecExtend !== 'function') {
                        return;
                    }
                    
                    // config vars
                    var mobileView = 'agenda';
                    var normalView = 'month';
                    
                    $.stecExtend(function (master) {
                        if (master.helper.isMobile()) {
                            // Mobile device default view
                            master.glob.options.view = mobileView;
                            master.layout.set();
                        } else {
                            // Normal
                            master.glob.options.view = normalView;
                            master.layout.set();
                        }
                    }, 'onAddToEventsPool');
            })(jQuery);
        </script>
        <?php
    });





    Stachethemes Developer

  •  3
    Graeme replied

    Yes that's what I have - although is still displaying month view for some reason.


    add_action('wp_footer', function() {
        ?>
        <script type="text/javascript">
            ;
            (function ($) {
                
                    if (typeof $.stecExtend !== 'function') {
                        return;
                    }
                    
                    // config vars
                    var mobileView = 'agenda';
                    var normalView = 'month';
                    
                    $.stecExtend(function (master) {
                        if (master.helper.isMobile()) {
                            // Mobile device default view
                            master.glob.options.view = mobileView;
                            master.layout.set();
                        } else {
                            // Normal
                            master.glob.options.view = normalView;
                            master.layout.set();
                        }
                    }, 'onAddToEventsPool');
            })(jQuery);
        </script>
        <?php
    });


  •  785
    Zhivko replied

    Check for browser cache.


    Stachethemes Developer

  •  3
    Graeme replied

    That's done it. LOL sorry as much as I always clear cache on desktops is something I rarely do on mobile.


    Fixed now thanks and sorry for being so dumb this morning ! :-)