Mantys CoreGuides und Wissensdatenbank
WordPress-Performance in der Praxis, ohne Fachchinesisch erklärt.
Warum verschwindet mein WooCommerce Mini-Warenkorb, wenn ich Remove Unused CSS aktiviere?
Die Ein-Satz-Zusammenfassung: Ihr Mini-Warenkorb-Panel ist versteckt, bis jemand es hovert, sodass ein used-CSS-Durchlauf seine Styles entfernt und eine JavaScript-Verzögerung das Öffnen verhindert. Es funktioniert wieder, sobald Sie seine Styles in einer Safelist behalten und seine Skripte, cart fragments eingeschlossen, laufen lassen.
So beschleunigen Sie eine Divi-Website und verbessern ihre Core Web Vitals (Schritt für Schritt)
Die Zusammenfassung in einem Satz: Eine Divi-Website kann schnell sein, wenn Sie in der richtigen Reihenfolge optimieren, zuerst Bilder, dann CSS, dann JavaScript, und mit den Hebeln beginnen, die nichts kaputt machen können, bevor Sie die anfassen, die es können.
Warum öffnet sich mein Burger-Menü erst beim zweiten Klick?
Die Zusammenfassung in einem Satz: Wenn Sie ein JavaScript delay aktiviert haben (Skripte werden beim ersten Klick oder nach einem Timer geladen), weckt der allererste Tap auf das Burger-Menü nur das Laden der Skripte, er öffnet das Menü nicht. Das Menü reagiert erst beim zweiten Tap. Die Lösung: das Menü-Skript und seine Abhängigkeiten aus dem Delay herausnehmen, oder noch besser: ein Vanilla-Menü ohne jede Abhängigkeit verwenden.
Welche Optimierungen können Sie risikofrei aktivieren, ohne Ihre Website zu beschädigen?
Die Zusammenfassung in einem Satz: Es gibt eine ganze Familie von Optimierungen, die Ihre Website nicht beschädigen können, weil sie das Dateigewicht reduzieren oder dem Browser Hinweise geben, ohne jemals zu ändern, was ausgeführt wird. Beginnen Sie damit: Sie holen Ihnen das Wesentliche, mit geschlossenen Augen.
Warum hat mein Critical CSS mein Menü / Overlay kaputtgemacht (es erscheint beim Laden offen)?
Die Kurzfassung: Critical-CSS-Generatoren behalten nur die Styles für das, was beim Laden im oberen Seitenbereich sichtbar ist. Ihre standardmäßig ausgeblendeten und per Klick geöffneten Elemente (mobiles Menü, Such-Overlay, Modal, Drawer) werden als nutzlos eingestuft und entfernt. Das Ergebnis: Beim Laden erscheinen sie offen, kaputt, ungestylt.
Warum zeigt PageSpeed Insights immer noch „Properly size images“ an, obwohl ich ein srcset habe?
Kurz gesagt: srcset bietet dem Browser eine Liste von Größen an, aber erst das sizes-Attribut sagt ihm, welche er auswählen soll. Fehlt sizes, ist es falsch oder wird es ignoriert, lädt der Browser das größte Bild der Liste herunter, und PageSpeed bemängelt das, srcset hin oder her.