Sida Website-kaaga Loo Dhaqso Ka Dhigo: Liis Hagaajin Oo Shaqeysa
Si aad website-ka u dhaqso ka dhigto, marka hore cabbir PageSpeed Insights, kadibna hagaaji sababta ugu weyn ee uu tilmaamo — badanaa sawirro aad u waaweyn, JavaScript badan, fonts culus ama scripts-ka dibadda. Ku dadaal inaad gaarto bartilmaameedyada “wanaagsan” ee Core Web Vitals ee Google: qoraalka ugu muhiimsan oo muuqda 2.5 ilbiriqsi gudahood, jawaabaha taabasho 200 milisekan gudahood, iyo gabi ahaanba ma jirto dhaqdhaqaaq qaabka. Websaydhyada badankood waxay gaaraan tan dhowr isbeddel oo yar, ma aha dib u qorid.
Cabbir ka hor intaadan wax beddelin
Mala-awaal ku shaqaynta waa lumis waqti. Laba qalab oo bilaash ah ayaa daboolaya qof kasta:
- PageSpeed Insights (pagespeed.web.dev) — ku dheji URL nool. Waxay muujinaysaa field data oo ka timid isticmaaleyaasha Chrome ee dhabta ah (haddii site-kaagu leeyahay booqasho ku filan) iyo lab data oo ka timid soo-rarid la dhaweeyay, iyo liis dhibaatooyin gaar ah.
- Lighthouse Chrome DevTools — isla imtixaanka lab-ka, oo lagu socodsiiyo bog kasta oo aad furi karto, oo ay ku jiraan preview. Ku tijaabi mode-ka mobile-ka; telefoonada shabakadaha gaabiya ayaa dhibaatooyinka lagu arkaa.
Tirooyinka muhiimka ah waa Core Web Vitals ee Google. Sida bisha Sebteembar 2026, dukumeentiga Google ee web.dev wuxuu siinayaa heerarkan “wanaagsan”, oo la cabbiro 75-ka boqolkiiba ee soo-rarka bogagga:
| Cabbirka | Waxa uu cabbiraa | Wanaagsan |
|---|---|---|
| Largest Contentful Paint (LCP) | Sida degdega ah ee nuxurka ugu muhiimsan (sawirka hore, madax-cinwaanka) u muuqdo | 2.5 s ama ka yar |
| Interaction to Next Paint (INP) | Sida degdega ah ee bogga uga jawaabo gujinta, taabashada iyo qorista | 200 ms ama ka yar |
| Cumulative Layout Shift (CLS) | Inta qaabka uu ku dhaqaaqo intii la soo rarayo | 0.1 ama ka yar |
INP wuxuu beddelay metric-kii hore ee First Input Delay sannadkii 2024. Haddii qalab weli sheegayo FID, waa hore u dhacday.
Qor tirooyinkaaga bilowga ah. Hagaajin kasta ka dib, mar kale tijaabi si aad u ogaato waxa caawiyay.
Waqtigu meesha uu ku baxo: ikhtiyaarada iyo kala-goynta
Sabab kasta oo caadi ah wuxuu leeyahay xal, xal kastana wuxuu leeyahay kharash. Ka bilow kuwa ugu sarreeya — waa kuwa ugu jaban oo ugu caansan.
| Sababta | Xalka caadiga ah | Kala-goynta |
|---|---|---|
| Sawirro waaweyn | Ku beddel cabbirka la muujiyo, ku qabso, isticmaal WebP ama AVIF | Tayo yar oo lumda haddii aad aad u qabsatid |
| Sawirrada oo la soo rarayo dalbo khaldan | Lazy-load sawirrada ka hooseeya fold-ka; sawirka hore u sii mudnaan sare | Ma jiro, haddii sawirka hore aanu lazy-load ahayn |
| JavaScript badan | Kala qaybi koodka bog kasta, ka saar maktabado aan la isticmaalin | Dib-u-habayn yar |
| Sawir keliya-macmiilka | Bogagga dadweynaha prerender ama server-render sameey | Dhismo ama server-ka dheeraad ah |
| Web fonts | Familyo iyo culays yar, preload kan ugu muhiimsan, font-display: swap | Noocyo qoraal yar |
| Scripts-ka dibadda | Ka saar kuwa aan la isticmaalin, kuwa kale ka dib bogga soo raro | Widget ama tracker la waayo |
| Jawaabta server-ka oo gaabiya | Caching, CDN, static hosting bogagga nuxurka | Caching invalidation oo la tixgeliyo |
Sawirrada
Sawirrada waa dhibaatada ugu caadiga ah oo ugu fudud in la hagaajiyo. Sawir 4,000 pixel ah oo lagu muujiyo 800 pixel ballac ah wuxuu soo dejin u geysanayaa soo booqde kasta shan jeer wax ka badan intii uu arko.
- U adeeg sawirrada cabbirka la muujinayo, oo leh cabbirada
srcsetee jawaabaya telefoonada iyo desktop-ka. - Isticmaal qaabab casri ah (WebP ama AVIF) iyo qabsasho macquul ah.
- Dejiso
widthiyoheightsawir kasta si browser-ku booska u hayo. Taasi keligeed badiba waxay xallinaysaa isbeddelka qaabka. - Lazy-load sawirrada ka hooseeya fold-ka
loading="lazy". - Waligaa ha lazy-loadin sawirka ugu weyn ee sare ee bogga. Hagaha LCP ee Google waa cad yahay: lazy-loading sawirka LCP weligiis wuu dib u dhigaa. Taas beddelkeeda ku sii
fetchpriority="high".
JavaScript
Websaydhyada badan ee AI lagu dhisay waa single-page apps (SPAs): browser-ku wuxuu soo dejiyaa bundle JavaScript kadibna wuu sawirayaa bogga. Bundle-ka weyn, shaashadda madhan ayaa dheeraata. Xalalka, iyadoo loo eegayo dadaalka:
- Ka saar waxa aan la isticmaalin. Codso liis dependencies-ka oo ka jar maktabadaha mar la soo daray oo la illoobay — maktabad taariikh oo loogu talagalay hal taariikh, ama pack icon oo dhan oo loogu talagalay shan icon.
- Kala qaybi route kasta. Soo rar koodka dashboard-ka maamulka markii qof furo keliya, ma aha bogga hore.
- Prerender bogagga dadweynaha. Bog xayeysiin oo ah HTML dhab ah wuxuu soo muuqdaa ka hor intaan JavaScript-ku shaqeynin. Tani waxay kaalmaysaa sidoo kale mashiinnada raadinta; eeg SEO for AI-built websites.
INP gaabiya badanaa waxay ka dhigan tahay hal shaqo dheer oo xiraysa bogga — liis weyn oo la kala saarayo furaha kasta, ama miis oo dhan dib loo sawirayo marka unug kali is beddelo. Panel-ka Performance ee Chrome DevTools wuxuu muujinayaa kan.
Fonts
Family kasta iyo culays kasta waa fayl kale. Laba family iyo saddex ama afar culays badanaa way ku filan yihiin. Preload font-ka loo isticmaalo ka sarreeya fold-ka, isticmaal font-display: swap si qoraalku isla markiiba u muuqdo, oo fonts-ka iskood u martiqaad haddii adeegga fonts-ka dibadda uu gaabiyo soo booqdayaashaada.
Scripts-ka dibadda
Widgets-ka chat-ka, analytics-ka, heatmaps-ka, pixels-ka xayeysiinta, fiidiyowyada embedka ah iyo feeds-ka bulshada oo dhan koodka ka soo raraan server kale. Mid kasta wuu u muuqdaa mid yar; wadar ahaan badanaa waa qaybta gaabisa ee bogga. Ilaali kuwa aad dhab ahaan eegto. Kuwa kale ka dib bogga markii uu wada shaqeynayo soo raro, embeds-ka culus (player YouTube, khariidad) ku beddel hordhac fudud oo soo rara kii dhabta ahaa markii la gujiyo.
Jawaabta server-ka
Waqtiga byte-ka koowaad (TTFB) — inta uu server-ku qaadanayo inuu bilaabo jawaabta — wuxuu ka hooseeyaa metric kasta. Bogagga static ah ee laga adeego CDN (shabakad server ah oo u dhow soo booqdayaashaada; eeg waa maxay CDN) meel kasta way dhakhso badan yihiin. Bogagga server-ku dhiso codsi kasta waxay ku tiirsan yihiin server-kaas iyo database-kiisa. Caching shaqada soo noqnoqota iyo index-yada database-ka ee query-yada gaabiya ayaa ah xalalka caadiga ah.
Prompts-ka shaqeeya
Ku cad: magacow bogga, metric-ka iyo xannibaadda. Ku dheji natiijooyinka PageSpeed Insights haddii aad haysato.
PageSpeed Insights wuxuu sheegayaa LCP 4.8 s telefoonka bogga hore, oo LCP element-ku yahay sawirka hore. Ku beddel oo u beddel sawirka hore WebP, u adeeg cabbirada jawaabta, dejiso width iyo height, siiya fetchpriority="high" oo hubi inaanu lazy-load ahayn. Lazy-load sawir kasta oo ka hooseeya fold-ka. Ha beddelin naqshadda.
Hubi dependencies-ka app-kan. Liis package kasta, waxa isticmaala iyo qiyaastii intee uu ku darayo bundle-ka. Ka saar kuwa aan la isticmaalin oo kala qaybi /admin iyo /settings chunks kala gaar ah oo soo rara markii la booqdo oo keliya.
Sanduuqa raadinta ee /products wuu gaabinayaa. Debounce-ka shaandhaynta, ka fogaad in liiska oo dhan dib loo sawiro furaha kasta, oo pagination ama virtualise liiska haddii uu ka badan yahay 200 shay.
Tallaabo tallaabo
- Tijaabi bogga nool PageSpeed Insights telefoonka. Qor LCP, INP iyo CLS, iyo saddexda dhibaato ee ugu sarreeya ee liistooyinka.
- Marka hore hagaaji sawirrada: cabbirrada, qaababka, cabbirrada, lazy loading ka hooseeya fold-ka, mudnaanta sawirka hore.
- Ka jar scripts-ka dibadda aad aan isticmaalin, kuwa kale dib u dhig.
- Yareey fonts ilaa uu naqshaddu u baahan yahay.
- Yareey JavaScript: ka saar packages-ka aan la isticmaalin, kala qaybi route kasta.
- Prerender bogagga dadweynaha haddii weli client-rendered yihiin oo LCP wali gaabiya.
- Hubi server-ka: caching, index-yada database-ka, static hosting nuxurka aan badanaa isbeddelin.
- Dib u daabac oo mar kale tijaabi. Field data ee PageSpeed Insights wuxuu cusboonaysiinayaa toddobaadyada soo socda markii booqashooyinka dhabta ah imanayaan, sidaas darteed natiijooyinka hore ku xukun lab data.
Khaladaadka caadiga ah
- Laptop degdeg ah oo keliya ku tijaabinta. Soo booqdayaashaadu telefoonno ah iyo data mobile-ka oo jabsan ayay isticmaalaan. Ku tijaabi mode-ka mobile.
- Ka fiirsashada 100 ee kaamil ah. Score-ka lab-ku waa hage. Markii Core Web Vitals ay gaaraan heerka wanaagsan, nuxurka iyo isticmaalka ayaa muhiimsan ka noqonaya dhibcaha dambe.
- Wax walba lazy-loading, oo ay ku jiraan sawirka hore. Taas waxay LCP ka dhigtaa mid xun.
- Ku dar plugin ama maktabad dhaqso ah oo fooq ah. Miisaan ka saarista weligeed way ka wanaagsan tahay in code lagu daro si loo maareeyo.
- Preview-ka la hagaajiyo, ma aha site-ka nool. Development previews waxay isticmaalaan build aan la hagaajin. Cabbir URL-ka la daabacay.
- Dhaqsada mar keliya hagaajinta. Widget, sawir iyo muuqaal cusub kasta wuxuu daraa miisaan. Mar kale tijaabi isbeddelada waaweyn ka dib.
Liiska xawaaraha
- LCP ≤ 2.5 s, INP ≤ 200 ms, CLS ≤ 0.1 telefoonka
- Sawirrada la beddelay cabbirka, la qabsaday, qaab casri ah, width iyo height leh
- Sawirka hore lazy-load ma aha; sawirrada ka hooseeya fold-ka lazy-load
- JavaScript library aan la isticmaalin ma jiro; routes-ka culus kala goosan
- Laba family oo fonts ama ka yar, font-ka ugu muhiimsan preload
- Scripts-ka dibadda kuwa dhab ahaan isticmaalaa oo keliya, dib loo soo rarayo
- Bogagga dadweynaha prerendered ama static meel kasta oo suurtagal ah
- Dib loo tijaabiyay URL-ka nool ka dib daabacaadda
Xawaaraha iyo naqshadda telefoonka way is raacaan; eeg sida website-ka mobile-ka jawaabeeya loo sameeyo. Hubinta buuxda ka hor furitaanka, sida AI prototype loo gudbiyo production wuxuu daboolaa wixii kale.
Xawaaraha Mythex dhexdiisa
Mythex dhexdiisa isbeddelladan waxaad ku samaysaa adigoo chat-ka ku weydiinaya, ama code editor-ka Pro dhexdiisa. URL-ka la daabacay hubi, ma aha Preview, maadaama Preview uu socodsiiyo development server. Front-end-yada static ah waxay ku geeyaan sida site static ah markii aad daabacdo (static websites), taasoo ku habboon bogagga nuxurka. Apps-ka leh server-ka waxay yaraadaan ilaa eber: waxay seexdaan markay fadhiyaan waxayna toosaan booqashada xigta, sidaas darteed codsiga ugu horreeya ka dib wakhti aan dhaqdhaqaaq lahayn wuu gaabiyaa, database-ka ku xidhan wuxuu seexdaa 5 daqiiqo oo fadhi ah kadib (hosting limits). Haddii bog dadweyne gaabiyo kaliya booqashada ugu horreysa, taasi waa sababta suurtagalka ah. Bogagga suuqgeynta oo static ah ayaa caawiya. Isbeddelada kadib, mar kale daabac oo mar kale refresh-garee.
Su'aalaha
Waa maxay wakhtiga bogga ee wanaagsan?
Core Web Vitals ee Google ayaa siinaya bartilmaameedyada ugu cadaanka: qoraalka ugu muhiimsan waa inuu muuqdaa 2.5 ilbiriqsi gudahood (LCP), bogga waa inuu ka jawaabo wax gelinta 200 milisekan gudahood (INP), kana gaabinta isbeddelka qaabka waa inay ahaataa 0.1 ama ka yar (CLS), oo la cabbiro 75-ka boqolkiiba ee booqashooyinka dhabta ah.
Ma xawaaraha website-ku wuxuu saamaynayaa SEO?
Haa, shaqsi ahaan. Google wuxuu isticmaalaa calaamadaha khibrada bogga, oo ay ku jiraan Core Web Vitals, laakiin nuxurka ku habboon ayaa aad uga muhiimsan. Xawaaraha wuxuu saamayn weyn ku yeelaa soo booqdayaasha, kuwaas oo ka tagaya bogagga gaabiya ka hor intaysan wax akhriyin.
Maxaa sababa in PageSpeed Insights score-kaagu mar kasta is beddelo?
Score-ka lab-ka wuxuu ka yimaadaa hal soo-rarid la dhaweeyay, sidaas darteed waqtiga shabakadda iyo server-ku wuu is beddelaa socodka kasta. Mar dhowr ah ku samee oo eeg jihada, waxaana culayn badan siinta qaybta field data, oo ka timaada isticmaaleyaasha Chrome ee dhabta ah.
Maxaa inta badan websaydhyada gaabiya?
Badanaa sawirro aad u waaweyn, JavaScript badan, web fonts iyo scripts-ka dibadda sida widgets-ka chat-ka, pixels-ka xayeysiinta iyo embeds-ka. Jawaabta server-ka oo gaabiya ama backend-ka oo bilaabanaya ayaa mid kasta kor u qaada.