Website glitching after changing html/css settings, even aft reverting them back

  • Hello, I was trying to debug a website feature and I turned off “optimize CSS” and “optimize html” on autoptimize. After realizing this wasn’t the issue I turned these settings back on. Now ocassionally my page glitches while loading and the page just displays links and text with not boxes/styling. I tried saving and clearing the cache but this did not work.

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

Viewing 15 replies - 1 through 15 (of 18 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    Hey chealsie; I had a look in Firefox & Chrome and things look all right now?

    Thread Starter chealsie

    (@chealsie)

    Yeah most of the time it doesn’t happen and when it does reloading the page brings it back to normal so I’m not sure how to debug it. It’s still a problem for me if it happens occasionally.

    Thread Starter chealsie

    (@chealsie)

    It happened again and I looked in inspect to debug. I think part of the problem is the head tag is not loading our stylesheets so all the css for element classes and id’s don’t load. I copied the <head> from a loaded page and replaced it on inspect. This loaded most of the page except the search bar. The glitch looks like this: https://drive.google.com/file/d/1kPWPmlVnNmN4NmQHNo_izWvXZQYlaJJ8/view

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    can’t seem to open the link chealsie ? maybe upload on imgur.com instead? ??

    Thread Starter chealsie

    (@chealsie)

    https://drive.google.com/file/d/1kPWPmlVnNmN4NmQHNo_izWvXZQYlaJJ8/view?usp=sharing

    Thread Starter chealsie

    (@chealsie)

    Update: When I replace a specific this tag in the header of the broken page (I highlighted the difference in tags)

    <link media=”all” href=”https://pexhouse.com/wp-content/cache/autoptimize/css/autoptimize_ [THIS SECTION IS DIFFERENT].css” rel=”stylesheet”>

    The page loads everything but the searchbar

    • This reply was modified 4 years, 9 months ago by chealsie.
    Thread Starter chealsie

    (@chealsie)

    https://pexhouse.com/wp-content/cache/autoptimize/css/autoptimize_05a7ad6a8910da48bff718dda8fe7953.css

    It’s consistently this file that doesn’t load. You can try injecting that in the header in inspect to replicate the error

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    But the file does load;

    I tried ctrl-f5 refreshing about 10 times and it always loads. Moreover the file is static (.css) so at that point the file loading or not is handled between the browser and your webserver …

    From the picture you uploaded I can tell you’re logged in to wordpress, so mabye that’s related somehow?

    Lastly; try enabling the “404 fallback” option, that ensures that in case of a 404 (file not found) a fallback file is used?

    Thread Starter chealsie

    (@chealsie)

    Sorry let me clarify. When you put that file in the href section (in the header) of this tag:

    <link media=”all” href=https://pexhouse.com/wp-content/cache/autoptimize/css/autoptimize_05a7ad6a8910da48bff718dda8fe7953.css”>

    the page doesn’t load properly. I did that using the inspect tool on google chrome.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    That might not be a very relevant test, not sure if/ when/ how Chrome dev toosl act on changed CSS hrefs ..

    Instead: do you have pages that use that file (for logged out users) and if so can you provide me with the URL?

    Thread Starter chealsie

    (@chealsie)

    No i never specifically call that file. That’s why the error happens randomly and on any page (it isn’t local to a single page). That section of the header loads in wp_head(). I’m not sure what to do now. Will uninstalling and reinstalling the plugin fix my issue?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    You don’t even specifically call that file, but the file is the aggregated version of all you CSS on one or more pages, maybe only for logged on users, maybe for all users.

    What I propose as next steps:
    * enable that 404 fallback option I mentioned
    * test if you can reproduce when not logged in and if so provide the URL to that page(s)

    Thread Starter chealsie

    (@chealsie)

    Where can I find the 404 fallback? I will try to reproduce the error when not logged in but I’m not sure providing the page URL will help considering it goes away once the page reloads

    Thread Starter chealsie

    (@chealsie)

    If I remove the plugin and reinstall it does the cache file get reinstalled? Or will doing that break my page?

    Thread Starter chealsie

    (@chealsie)

    And by the way thanks for taking the time to help me, I really appreciate it!

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Website glitching after changing html/css settings, even aft reverting them back’ is closed to new replies.