Okay
  Public Ticket #3172293
Optimization tips?
Closed

Comments

  • jorah started the conversation

    Hi! So I just recently authored a new book and felt most comfortable going back to Muzak because when I was a DJ I loved how it looked and understood it well.

    These days, it feels it is working well on desktop but not so well on mobile. Load time on desktop is about 3s, on mobile it's 6s-10s. Also there's a weird aspect where it loads slowly, with gaps and then kind of corrects itself. On the mobile, the front page doesn't even have my title header, but other pages do.

    I also wonder if there's any easy way to optimize it for mobile, remove unused code (some smart friends suggested maybe a lot of unused code is slowing it down), and even simple stuff like making the header bigger on desktop and show up on mobile would be awesome. A web dev friend also left these detailed comments in case that helps; can you offer me some advice on implementing some good tweaks? Thanks!


    " opinion from a web dev (me): the title bar that holds the social media icons should have the site name in it. there's a big empty space there. font size on the menu bar is too small and font weight could be heavier. when scrolling past the messed up carousel, the dual column layout feels awkward and prevents the viewer from focusing on a single item at a time, it would look better as a single column with increased font size and weight , and would scroll longer... overall the font sizes are a bit all over the place and could use some unification into, say, three different sizes total. the red and white supreme theme is a personal preference i guess, but i feel like some elevation or increased drop shadowing would benefit legibility."


    attached: video of loading on mobile.

    when it loads on desktop, it also loads with a weird space under the slider and then 5s later, fits properly. Wondering if the slider itself isn't set up properly or is making the problems but I do like it and have now reduced all images so at least they should load fast.


    Thanks! 

    Kai

    Attached files:  2817_1669080689.mp4

  • jorah replied

    So sort of to clarify:

    1) The title "Jorah Kai" icon/banner doesn't show up on the main loading page with the slider, is that fixable?

    2) Can you share any optimization tips do speed up the loading or to make the slider-loading more efficient?

    3) are these an issue that needs resolving?


    >td >td">https://secureservercdn.net/166.62.108.173/be7.875.myftpupload.com/wp-content/themes/muzak/js/superfish.js>td >https://be7875.p3cdn1.secureserver.net/wp-content/themes/muzak/js/superfish.js

    TimeNoticePlugin or themeFile locationTriggered on page2022-11-14 20:01:44jQuery.fn.load() is deprecatedMuzakhttps://jorahkai.com/book-reviews/2022-11-16 09:11:03jQuery.fn.load() is deprecatedMuzakhttps://jorahkai.com/


  • jorah replied

    I'm sorry I really don't understand how to fix this:

    "

    Greetings!

    This is a weekly summary of the warnings still present on your site, relating to the jQuery library. These errors should be addressed as soon as possible.

    Your site is running a legacy version of jQuery, modern functionality is currently not available to your plugins, themes or WordPress itself.

    The following deprecations have been logged from the front-end of your site, or from your admin area while live deprecation notices were disabled."


    Is there an easy suggested fix?

  • jorah replied

    One more message I got: are these all related? Thanks a lot.


    Howdy!

    Since WordPress 5.2 there is a built-in feature that detects when a
    plugin or theme causes a fatal error on your site, and notifies you
    with this automated email.

    In this case, WordPress caught an error with one of your plugins, Autoptimize.

    First, visit your website (https://jorahkai.com/) and check for any
    visible issues. Next, visit the page where the error was caught
    (https://jorahkai.com/wp-admin/plugins.php?action=delete-selected&checked%5B0%5D=autoptimize%2Fautoptimize.php&plugin_status=all&paged=1&s&_wpnonce=edc555af48)
    and check for any visible issues.

    Please contact your host for assistance with investigating this issue further.

  • jorah replied

    I am unable to delete 'Autooptimize' - it times out when I am deleting the plugin. I turned it off, but I cannot remove it. Do you have any suggestions?

    I hope this is covered by the paid technical support- I appreciate your help, thanks!

    Kai

  •  522
    Vasilis replied

    Hi there,

    I am afraid requests like these fall outside the supports mandate. 

    Support will help you making minor styling changes and setting up the theme. Handling third party plugins is out of our reach. But, Autoptimize plugin has super awesome support, and they will help you handle this asap https://wordpress.org/support/plugin/autoptimize/

  • jorah replied

    Hi Vasilis, thanks for linking me to the 3p plugin help. 


    I had several other questions though, such as why the title "Jorah Kai" graphic doesn't appear on mobile on the loading page, only the 2nd or 3rd page you clicked? 


    That's a basic question can you help with that one?

  • jorah replied

    Ok so 2-3 simple questions that I hope are within your service parameters:


    1) How can I get the 'Jorah Kai' title icon to load on the homepage (right now it leaves an open space, and only populates on other pages)?


    2) Is there a way to turn off the slider for mobile only, as it might be the reason for the slow loading/performance issues, and leave it on for the desktop version?


    3) If this is an older theme; can you recommend a new one that you've made that I might be able to upgrade to that would be more current-gen and have many similar features?  If the age of theme is the reason for some loading time issues, do you have a newer one you can suggest? 

    Thanks!

    Kai

  •  522
    Vasilis replied

    Hi there,

    you can add this

    #logo img{width:300px}

    in your custom CSS box under Customize-▸Additional CSS to make it appear. While I suggest not to lazyload this image since it is above the fold. You can disable lazy loading for this image from your lazyload plugin

    Add this also

    @media(max-width:767px){.home-slider{display:none;}}
    

    in your custom CSS box under Customize-▸Additional CSS to hide it in mobile

    This theme will be updated at some point to support fully the new block editor, but this is not related to the speed of the installation. You can check more here on how to make your site load faster https://blog.hubspot.com/website/easy-steps-to-speed-up-your-wordpress-site

    We have fresh themes and a framework that uses the new Block editor and you might want to check out https://www.cssigniter.com/themes/beat/

    Let me know if you need additional help with this.

  • jorah replied

    Hey Vasilis that worked like a charm.


    So another question, now that logo is the only image that shows up on Safari browser on tablet or mobile. The rest are 'lazy loaded' for speed and now don't show up at all.  Do you have any suggestions? I can see why people pay experts for this stuff, I took a web design diploma in 2000 and still find this all quite complicated. I do one thing to increase speed, but break another thing somewhere else. Is lazy loading not recommended? Or it's just not set up properly?

    It's infuriating that for some, my site loads perfectly in 2 seconds, for others it loads in 10-20 seconds and comes up all broken.


    Thanks for the advice!!

    Kai

  •  522
    Vasilis replied

    Hi there,

    caching is quite complex and cannot be handled via the themes support. Lazy loading will break if another script breaks. Are you using WP Smush to handle lazy loading or Autoptimize?

  • jorah replied

    Smush & Hummingbird 

  •  522
    Vasilis replied

    Please consult plugin developers why this happens. It seems there might be a conflict between two of them. If you disable lazy loading do you see images loading well?