Funcionality Issues: Probably Javascript Conflict?

  • Resolved Yanur Islam Piash

    (@yipiash)


    7 years ago

    Hi,

    I noticed some weird behavior in few of my pages. For example:

    1. The scroll to top icon doesn’t show up when I scroll down the page.
    2. when I click the search icon on the header (drop down search style), nothing happens and a “#” adds to my page URL. I mean before clicking the icon it was https://www.bohubrihi.com/courses/ but after clicking it becomes https://www.bohubrihi.com/courses/# and nohing happens.
    3. the quick view (in woocommerce products) doesn’t work and if I click on the quick view button, a “#” adds to my page URL.
    4. The popup modal in my menu doesn’t shows when I click on it (from the menu). And adds a “#” in my URL.
    5. some Javascript error and warnings show up in my browser console
    6. Mobile menu doesn’t show (drop down style) and a “#” adds to the URL when clicked on the mobile menu.

    weird thing is, these misbehavior don’t occur all the time. sometimes all runs smooth and sometimes all the issues mentioned above show up…all together.. Independent on the browser or device I use.

    So I am pretty sure these are interconnected, but not sure what is causing these issues. I tried disabling caching plugin, clearing caches and disabling cloudflare. Didn’t help. And finding out the cause became really hard because all these issues are occasional. (sometimes all okay. but when I do not see the ‘scroll to top’ icon, I know that other problems mentioned are there too)

    I hope I was able to explain the issues. As I am not into coding, maybe you have a hint or have faced it before.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter Yanur Islam Piash

    (@yipiash)

    Hi,

    I disabled “minimy JS” option in w3 total cache plugin and it seems to work fine now. (I think).

    Though my site is now generating way more requests in loading. (91 requests, before it was 49 when I was minifying them.)

    Functionality is way more important than number of requests maybe? Or do you have better suggestions? people tend to minify their JS for better performance.

    My load time has also increased from around 3 seconds to over 5 seconds ??

    https://gtmetrix.com/reports/www.bohubrihi.com/FoBAShGU

    Theme Author oceanwp

    (@oceanwp)

    Hello, can you try WP Fastest Cache instead of w3 total cache to see if it better for you?

    Thread Starter Yanur Islam Piash

    (@yipiash)

    Tried WP Fastest Cache:

    1. GTMetrix with W3 (minify JS is disabled): https://gtmetrix.com/reports/www.bohubrihi.com/XOkMDQxt
    2. GTMetrix with WP Fastest Cache (combine JS Enabled): https://gtmetrix.com/reports/www.bohubrihi.com/ltOYBnsb

    3. w3 with “minify JS” performed well for me (49 requests), but that caused issues mentioned previously ??

    Theme Author oceanwp

    (@oceanwp)

    Hi, I understand but I can do nothing about that, minification can cause conflict.
    Here my recommendations if you want great performances:

    1. Go on a great hosting company, I recommend Kinsta, SiteGround, Themecloud, WP Engine, etc…

    2. If you go on Kinsta, there is no need for a caching plugin because they have their own caching system, but you still need some plugins to optimize your site.

    3. For my part, I use Autoptimize that does many great things, I use a CDN (available for free in Kinsta), and a plugin to optimize and reduce images size like Imagify, WP Smush, etc..

    With this, your site will load less than one second ??

    Thread Starter Yanur Islam Piash

    (@yipiash)

    Hi,

    My current configurations:

    Siteground
    Autoptimize
    Cloudflare(free)
    WP Smush

    ??

    Anyway, thanks for the tips Nicolas ?? I will work more on it.

    Theme Author oceanwp

    (@oceanwp)

    Your configuration is great too ??
    You can also disable theme script and style if you want via Theme Panel > Scripts & Styles, so for example if you use only one header style for all your site, you can disable all other styles, so your site will load faster.

    Thread Starter Yanur Islam Piash

    (@yipiash)

    Was doing that actually. Then after the latest theme update I faced some problems with the scripts & styles (ocean extra actually), so I turned all of them enabled again.

    I will try disabling them one by one again.

    Theme Author oceanwp

    (@oceanwp)

    I will work on that feature because many users had some issues with it.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Funcionality Issues: Probably Javascript Conflict?’ is closed to new replies.