Autoptimize criticalcss.com power-up has broke my mobile Version

  • Sorry, my english is absolutely not good. I wrote my problem on the german forum too(https://de.www.ads-software.com/support/topic/autoptimize-criticalcss-com-power-up-hat-mobile-version-zerstoert/) , so i think the translation in english could be very critical for me, i think its better i write here the problem in german and hope you can help me.

    “Hallo in die Runde. Ich bin ganz frisch hier im Forum angemeldet, da ich bis dato, alles ganz gut soweit final fertig hatte. Meine Seite stand bzw. steht eigentlich in den Startl?chern, es gab nur Kleinigkeiten, die ich verbessern wollte, insbesondere die Ladezeiten. Hierbei habe ich mich viel belesen auf Kinsta und anderen Hilfeseiten bzgl. des Themas ?above the fold“ – criticals css. Gar nicht so einfach zu verstehen, wenn man kein Experte ist, aber ich hab dann gedacht alles klar, ich erstelle erstmal ein Critical css auf dieser Seite https://jonassebastianohlsson.com/criticalpathcssgenerator/. Naja ich habe nicht viel weiter gelesen, im Sinne von, dass danach noch was minimiert werden muss, sondern habe den langen Code einfach direkt bei Autoptimize eingefügt. Am Ende hat sich nichts ver?ndert, sodass ich den Code wieder entfernt habe und den Haken bei ?above the fold“ entfernt habe. Alles wieder auf Normalzustand und alles gut soweit. Ich wollte dann trotzdem versuchen eine L?sung zu finden und las noch von dem Plugin ?Autoptimize criticalcss.com power-up“. Also nahm ich an, alles klar, hol dir das Plugin und es wird alles besser. Falsch gedacht. Plugin drauf, und da stand dann schon beim Above the fold-Feld, wenn man dieses Plugin hat, brauch man nichts einfügen, denn das macht das Plugin von Autoptimize selbst. Alles klar. Dementsprechend habe ich die Seite in verschiedenen Browsern neu geladen, um zu schauen, wie es wirkt, ob die Ladezeiten schneller sind etc. Gegenteil ist der Fall. Die Ladezeiten sind sogar eher l?nger geworden und der Cache bei Autoptimize war ziemlich hoch. Dann das Schlimmste: Ich habe die Seite auf meinem Handy anschauen wollen, was vorher super funktioniert hat und tja, auf einmal Hintergrund weg, Aufblitzende Schriften , ja reinstes Chaos. Zum Schluss hab ich versucht alles rückg?ngig zu machen, insoweit es geht, also Plugin deaktiviert und entfernt und den Haken bei above the fold entfernt, gespeichert, Cache gel?scht, Ergebnis = Problem besteht noch immer. Ich bin ziemlich verzweifelt, ich wollte nur paar Kleinigkeiten verbessern. Und jetzt sowas. Ich bin kein CSS-Profi, aber ich brauche hierbei dringend Hilfe. Danke aufjedenfall vorab schon mal. Grü?e ?”

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter swinit

    (@swinit)

    Here i have the problem in short describe on a translation side:

    I wanted to try to find a solution with the plugin “Autoptimize criticalcss. com power-up. ” So the plugin installed and there was then already in the Above the fold field, if you have this plugin, you do not need to insert anything, because that does the plugin of Autoptimize itself. Accordingly, I reloaded the page in different browsers to see how it works, if the loading times are faster. But unfortunately the loading times have become rather longer and the cache at Autoptimize was quite high. The worst part: I wanted to look at the page on my phone, which worked great before and all of a sudden background gone, Flashing fonts, the sheer chaos. In the end I tried to undo everything, as far as it goes = plugin deactivated + removed + removed the hook at above the fold, saved, cache deleted, result = problem still exists. I’m not a CSS professional, but I really need help with this. Thank you very much . Greetings

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    Hi swinit
    I kind of understand German as it’s close to my native Dutch, but writing German is kind of a big challenge which I’d prefer not to face so hope you’re OK with me answering in English? ??

    So when I load your website in mobile view, even with Autoptimize disabled (by adding ?ao_noptimize=1 to the URL) I see this:

    If this indeed is the problem you’re (were) also seeing, then it is not related to Autoptimize. I do however see a warning that https://grafikdesign-tini.de/wp-content/uploads/2020/04/Bodensee-29-von-55.jpg is not found, so maybe this explains the problem on the screenshot (assuming that image was a background-image)?

    frank

    Thread Starter swinit

    (@swinit)

    YEAH!
    Oh my god. Thanks very much. And i thought the Problem was the Plugin, because before i install the power up plugin from autoptimize the background was fine in the mobile version.

    Ok already this works finally again. Puh. But i think its also strange, that when i work with autoptimize the loadtimes are longer than without the plugin. I know that i have problems with jquery and autoptimize, but i can′t fix it alone, cause my skills for that are not so perfect ??

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    OK, great we have that fixed!

    Now regarding “when i work with autoptimize the loadtimes are longer than without the plugin” -> what tool are you using to measure this and which KPI’s are you focussing on?

    Thread Starter swinit

    (@swinit)

    I look often with the Sides from seorch & seobility. I don′t know what do you mean with “KPI”?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    “key performance indicator”, the specific event being measured. reason; there are a lot of events that can be measured, some more relevant then others. examples of KPI’s in the web performance context are; “first contentful paint”, “largest contentful paint”, “cumulative layout shift”, “total blocking time”, “speed index” and “time to interactive” (all shown on Google’s Pagespeed Insights report) or also “time to first byte” or “onLoad” or “fully loaded”.

    maybe it’s an idea to have a look at how the site performs according to “pagespeed insights” with and without Autoptimize and based on that (lab data & opportunities) we can see what the next steps should be?

    Thread Starter swinit

    (@swinit)

    Ok so my pagespeed in mobile version is really bad https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fgrafikdesign-tini.de%2F

    The desktop version is i think ok https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fgrafikdesign-tini.de%2F&tab=desktop

    These two are with activate plugin.

    Thread Starter swinit

    (@swinit)

    Now this is with inactive autoptimize https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fgrafikdesign-tini.de%2F&tab=desktop

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    you indeed should look into improving mobile more, first thing to check; do you have page caching (based on the “server response time” I think you don’t)? if not; consider installing a page caching plugin (e.g. “speed booster pack” or “keycdn cache enabler” or “wp super cache”)?

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Autoptimize criticalcss.com power-up has broke my mobile Version’ is closed to new replies.