• Resolved anonimice

    (@anonimice)


    Hey everyone,

    So I’m trying to optimize my site, but with both CSS and JS minification on, it makes my website header turn from a white background to a see through one sometimes (see pic at end). Additionally, on mobile, it sometimes causes the buttons to become unresponsive on the header and footer.

    I’m trying to find and exclude the problematic files, but I’m having issues there as well.

    From my testing, I believe that there are both CSS and JS problematic files. However, I’ve been trying to remove the files one by one off my “exclude” list, and I’m not sure it’s working properly. Realistically, how long should it take for the changes to be implemented after I remove a file from my “exclude” list?

    I ask because I’ve been removing them one by one, until eventually one broke the header again. The issue is, I added that file back, but the header is still broken. So now I’m not sure if it was that file that broke the header or one that I removed previously and the changes just took days to come into effect, which would make testing take an ungodly amount of time.

    If it helps, I’m currently only testing the JS files with the CSS options turned off completely.

    Header issues: https://i.postimg.cc/QdJSmzwr/Screenshot-2022-10-31-214015.png

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support qtwrk

    (@qtwrk)

    Hi,

    if you believe both JS/CSS need to be excluded , you better enable only one of them first, so you don’t get mess up working environment

    like you want to debug CSS issue first, then disable all the JS options

    firstly I would suggest to get to know which options that caused the issue , like if it’s caused by CSS minify , or CSS combine , or CSS combine inline/external , or UCSS, or load async css …etc

    it should take effect immediately after you did a purge

    but you have another cache plugin in place, that could interfere as well though

    best regards,

    Thread Starter anonimice

    (@anonimice)

    Hey @qtwrk,

    I appreciate the response. I do only have JS enabled at the moment, so that’s covered.

    Okay, that makes sense. So if I’m starting with debugging JS, I should remove all the excluded links, turn off all the JS settings, then turn them on one by one to see which causes the issue, correct?

    After that, then what? For instance, if “JS Combine External and Inline” being on is causing the issue, there’s no area in the tuning tab for me to deal with that. Does that mean my only option would be to turn it off?

    One last question. You say the effects should be immediate, but my site takes a while to show other changes. E.g., if I change the colour of a button it can take 5 mins to hours to showcase the changes. Does that mean the changes after purging could also take substantial time?

    Thanks again for everything

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    yes

    there are 2 field in tune setting for JS , one is JS exclude , another is defer JS exclude , the second work effects the option “defer/delay JS” , first one affects JS minify, combine, and inl-ext combine

    with LSCache , yes , the effect is immediately , right after page is refreshed , but in your case, you are not using LSCache , but other cache system , I can not tell how long it takes to effect for other cache

    best regards,

    Thread Starter anonimice

    (@anonimice)

    Hey,

    That makes sense, thanks again!

    I’m only using LSCache actually, which makes me wonder why the updates are taking so long.

    Plugin Support qtwrk

    (@qtwrk)

    there was an x-cache: HIT yesterday when I check , but seems gone now

    Thread Starter anonimice

    (@anonimice)

    @qtwrk it seems like you were right at my hosting provider had a front end cache enabled that I knew nothing about, which is why the updates weren’t immediate.

    I’ve disabled that now, and testing is way easier. Although, it seems like I’m unable to keep the defer setting on at all for JS. Even though I tried excluding the scripts that were running, it still breaks the site, so I can’t even test it.

    It is what it is though.

    Thanks for everything.

    Plugin Support qtwrk

    (@qtwrk)

    a simplest way to start with is to put

    wp-content
    wp-includes

    into both exclude list , this will exclude all the individual JS files , see how it goes first

    if this works ,that means your file is within these 2 directories and you can keep narrow down

    if this doesn’t work , that means your code is probably inline code , you will need grab a piece of each inline code and put into exclude field

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Header not working with JS & CSS minification’ is closed to new replies.