AI Ilijenga Mandhari Yangu ya WordPress, Kisha Ikaaharibu Utendaji Wangu
Mimi ni mtaalamu wa SEO. Napenda kujaribu zana mpya.
Hivi karibuni nilimwomba AI ijenge mandhari maalum ya WordPress kuanzia mwanzo. Niliielezea mpangilio na kutoa maudhui.
Mwanzoni, matokeo yalionekana kuwa mazuri sana. Tovuti ilipata alama ya 100/100 kwenye Lighthouse kwa simu na kompyuta. Kodo ilionekana kuwa safi.
Kisha nikafanya marekebisho madogo. Alama ya simu ilishuka kutoka 100 hadi 89. Kompyuta ilibaki 100.
Tatizo lilikuwa ni sifa (attribute) moja ya picha. Kosa hili linaonyesha kwa nini lazima ukague kodo la AI.
Miunganisho ya haraka ya kompyuta huficha vikwazo. Vifaa vya simu huvionyesha. Kushuka kwa alama kulimaanisha kuwa rasilimali ilikuwa ikitumia bando ambalo haikuhitaji.
Ripoti ya simu ilielekeza kwenye picha iliyokuwa katika njia ya Largest Contentful Paint (LCP). Ilikuwa ni picha ya skrini kutoka mchezo wa zamani.
Kwenye kompyuta, picha hii iko sawa. Lakini kwenye simu, jedwali kubwa la data hujaza skrini. Jedwali hili linasukuma picha hiyo chini kabisa ya ukurasa. Picha haionekani wakati ukurasa unapofunguka.
AI iliandika kodo hili:
Kodo ni sahihi. Mantiki ni mbaya. AI ilidhania kuwa picha ya kwanza kwenye kodo ndiyo picha kuu (hero image). Inakosa uelewa wa picha. Ililazimisha vivinjari vya simu kupakua picha iliyofichwa mara moja.
Nilibadilisha kodo kuwa:
Alama haikubadilika mwanzoni. Nilidhani nimepoteza akili. Nilitumia dakika ishirini kutafuta makosa. Kisha nikagundua kuwa cache ya seva yangu ilikuwa bado inatoa kodo la zamani.
Nilifuta cache. Alama ya simu ilirudi kuwa 100.
AI haikufeli. Ilifanya makisio ya kimantiki kulingana na mpangilio wa kodo. Lakini haiwezi kuona mpangilio. Haielewi jinsi jedwali linavyobadilisha eneo la kuona (viewport).
Ikiwa unatumia AI kujenga vipengele, fuata hatua hizi:
- Kagua fetchpriority na loading="lazy". Zilinganishe na mpangilio halisi. Usiamini mpangilio wa