KI hat mein WordPress-Theme erstellt, dann hat sie meine Performance ruiniert
Ich bin SEO-Spezialist. Ich teste gerne neue Tools.
Vor Kurzem habe ich eine KI gebeten, ein maßgeschneidertes WordPress-Theme von Grund auf neu zu erstellen. Ich habe das Layout beschrieben und die Inhalte bereitgestellt.
Zuerst sahen die Ergebnisse großartig aus. Die Website erreichte sowohl auf dem Mobilgerät als auch auf dem Desktop einen Lighthouse-Score von 100/100. Der Code sah sauber aus.
Dann nahm ich kleine Änderungen vor. Der mobile Score sank von 100 auf 89. Der Desktop-Score blieb bei 100.
Das Problem war ein einzelnes Bild-Attribut. Dieser Fehler zeigt, warum man KI-generierten Code überprüfen muss.
Schnelle Desktop-Verbindungen verbergen Engpässe. Mobile Geräte legen sie offen. Der Score-Abfall bedeutete, dass eine Ressource Bandbreite verbrauchte, die sie nicht benötigte.
Der mobile Bericht wies auf ein Bild im Largest Contentful Paint (LCP)-Pfad hin. Es war ein Screenshot aus einem alten Spiel.
Auf einem Desktop ist dieses Bild völlig in Ordnung. Aber auf dem Handy füllt eine große Datentabelle den Bildschirm aus. Diese Tabelle schiebt das Bild weit nach unten auf der Seite. Das Bild ist beim Laden der Seite nicht sichtbar.
Die KI schrieb diesen Code:
Der Code ist gültig. Die Logik ist falsch. Die KI ging davon aus, dass das erste Bild im Code das Hero-Image ist. Ihr fehlt das visuelle Verständnis. Sie zwang mobile Browser dazu, sofort ein verborgenes Bild herunterzuladen.
Ich änderte den Code zu:
Zuerst änderte sich der Score nicht. Ich dachte, ich würde verrückt werden. Ich verbrachte zwanzig Minuten damit, nach Fehlern zu suchen. Dann wurde mir klar, dass mein Server-Cache immer noch den alten Code auslieferte.
Ich leerte den Cache. Der mobile Score kehrte auf 100 zurück.
Die KI hat nicht versagt. Sie hat eine logische Vermutung basierend auf der Code-Reihenfolge angestellt. Aber sie kann das Layout nicht sehen. Sie versteht nicht, wie eine Tabelle den Viewport verändert.
Wenn Sie KI verwenden, um Komponenten zu erstellen, befolgen Sie diese Schritte:
- Überprüfen Sie fetchpriority und loading="lazy". Gleichen Sie diese mit dem tatsächlichen Layout ab. Vertrauen Sie nicht der Reihenfolge des Codes.
- Suchen Sie nach Bildern, die unter Tabellen oder Slidern verborgen sind.
- Isolieren Sie Ihre Tests. Leeren Sie immer Ihren Cache, bevor Sie testen. Überprüfen Sie keinen veralteten Code.
KI-Code ist sauber genug, um ihn zu verwenden. Sie benötigen jedoch immer noch einen Menschen, um zu prüfen, ob der Code der Realität der Seite entspricht.
Optionale Lern-Community: https://t.me/GyaanSetuAi