Autoptimize disrupting layout

  • erikrolfsen

    (@erikrolfsen)


    2 years ago

    Yesterday I was alerted to some layout problems with my site on mobile. My site’s posts have a main content area with a right sidebar. When the screen becomes narrow enough for the sidebar to reposition at the bottom, the main content is not filling the space vacated by the sidebar. Instead, the main content just continues to become narrower as the screen becomes narrower, leaving white space across most of the right side of the screen.

    When you scroll down to the bottom, I can see the sidebar content filling the full width of the screen as intended, so this layout problem seems to be only with the main content area.

    I deactivated plugins one-by-one and the problem resolves when Autoptimize is deactivated. I checked with GeneratePress support, and their feeling is that Autoptimize is scrambling the order of the CSS. Is there anything you can do about that?

    (I currently have the plugin deactivated, so you’re unlikely to see the issue by visiting the site.)

    Thank you!

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

Viewing 12 replies - 31 through 42 (of 42 total)
  • Thread Starter erikrolfsen

    (@erikrolfsen)

    It seems to be present on all pages with a sidebar. So for me, that’s all basic Post-style pages.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    that could indicate an issue with the “is_single” rule, can you delete that rule so it can regenerate?

    Thread Starter erikrolfsen

    (@erikrolfsen)

    Done. (Although I do think we’ve tried that previously.)

    How long does it take to regenerate, and when would you expect to see improvement if this works?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    you can check if there is an is_single in the job queue in N or P state click on the “manually process the job queue” to speed things up. once the new is_single is in place we can test and see if additional action is needed.

    Thread Starter erikrolfsen

    (@erikrolfsen)

    There were plenty of is_single items in the job queue, mostly N and a couple of P. I went to some of those pages and they all still have the problem.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    OK, but you need at least one of those P(ending) jobs to be executed to a new is_single rule is created, did you do that? ??

    Thread Starter erikrolfsen

    (@erikrolfsen)

    I manually processed the queue. And there is an is_single rule in the rules list (where I had previously removed it). Does that indicate it has been executed?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    indeed, but it’s still not OK, not sure how it is so wrong.

    I’ll investigate further, but for now click on “edit” for the is_single rule and replace the CCSS with just none. That way you can keep critical css active except for the is_single posts.

    Thread Starter erikrolfsen

    (@erikrolfsen)

    OK. When I edited the is_single rule the CCSS field was empty, but I entered “none” and then saved. Seems OK for now.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    There seems to be a problem with some of the original inline CSS with id simple-css-output which _could_ be the reason why critical css generation fails so miserably;

    can you correct that issue and ping me when done, I’ll retry generating CCSS on my end to see if that changes anything.

    Thread Starter erikrolfsen

    (@erikrolfsen)

    OK, I think I’ve got that fixed.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    was just about to close up for the day but was too curious; yes it seems this fixes the problem (on my side, when generating the CCSS over at criticalcss.com). remove the placeholder is_single rule and have it regenerate now maybe? I’m off now, but will follow up on this tomorrow ??

Viewing 12 replies - 31 through 42 (of 42 total)
  • The topic ‘Autoptimize disrupting layout’ is closed to new replies.