Ang WordPress ang pinakasikat na content management system (CMS) sa planeta, dahil sa kadalian ng paggamit at kakayahang umangkop nito. Ang mayamang opsyon sa pagpapasadya ng WordPress ay nagbibigay-daan sa mga publisher na lumikha ng mga website na lubos na nakakaapekto sa kanilang mga mambabasa.
At sa kabila ng makapangyarihang mga tampok ng CMS, posible pa ring lumikha ng mga site na maganda ang hitsura ngunit nahihirapang palaguin ang bilang ng mga manonood. Bagama't ipinapayong magsagawa ng content audit, dapat munang isaalang-alang ng mga publisher ang isang teknikal na audit upang matiyak na walang nangyayari sa background ng kanilang site na humahadlang sa kanilang abot.
Pangunahin sa mga sukatan ng pagganap na dapat nilang sukatin ay ang Google Core Web Vitals (CWVs).
Ang mga sukatang ito, na ginawang mga signal ng ranggo ng Google ilang sandali matapos itong ipakilala noong 2020 , ay may mahalagang papel sa pagsukat ng karanasan ng gumagamit (user experience o UX) ng isang web page.
Ang mga CWV ay sumasaklaw sa tatlong magkakaibang ngunit magkakaugnay na sukatan:
- Pinakamalaking Contentful Paint (LCP)
- First Input Delay (FID)
- Cumulative Layout Shift (CLS)
Sinusukat ng mga signal na ito ang nakikitang bilis ng pag-load, interactivity, at visual stability ng isang web page, ayon sa pagkakabanggit.
Suriin natin nang mas malapitan ang mga CWV na ito upang maunawaan kung bakit napakahalaga ng mga ito, kung paano sukatin ang mga ito nang tumpak, at pagkatapos ay timbangin ang mga hakbang na maaari nating gawin upang mapataas ang kanilang mga marka.
Ano ang mga Core Web Vitals Metrics?
Sinusuri ng tatlong Core Web Vitals (CWV) ng Google ang kalidad ng user experience (UX) ng isang website, na nagbibigay ng insight kung gaano kahusay ang performance ng mga web page sa mga tuntunin ng bilis ng paglo-load, interactivity, at visual stability.
- Pinakamalaking Contentful Paint (LCP): Sinusukat nito ang bilis ng paglo-load ng site at partikular na tumutukoy sa punto sa proseso ng paglo-load kung kailan malamang na na-load na ang pangunahing nilalaman.
Halimbawa, isang blog post tungkol sa isang sikat na bagong tech gadget. Kung ang pangunahing larawan — marahil isang larawan ng gadget — at ang panimulang teksto ay mabilis na naglo-load (sa loob ng 2.5 segundo ang pinapayong threshold ng Google para sa LCP), mas malamang na manatili, magbasa, at makipag-ugnayan ang mga bisita sa nilalaman.
Sa kabaligtaran, ang mabagal na oras ng paglo-load ay maaaring humantong sa pag-alis ng mga bisita sa pahina, na maaaring magresulta sa pagbaba ng trapiko.
- First Input Delay (FID): Ito ay kumakatawan sa isang snapshot kung gaano tumutugon ang isang web page sa unang pakikipag-ugnayan ng user, tulad ng pag-click ng link o pagpindot ng button, sa pamamagitan ng pagsukat ng oras sa pagitan ng aksyon na ito at kung kailan maaaring simulan ng browser ang pagproseso ng mga event handler bilang tugon.
Isaalang-alang ang isang button na "Mag-subscribe Ngayon". Kung mag-click ang isang bisita sa button na ito at makaranas ng pagkaantala bago tumugon ang site (anumang higit sa 100 milliseconds ay itinuturing na hindi magandang resulta), maaaring isipin ng bisita na ang site ay hindi tumutugon, na humahantong sa isang hindi magandang karanasan ng user at posibleng pagkawala ng subscription.
Naghahanda ang Google na magpakilala ng isang bagong sukatan na tinatawag na Interaction to Next Paint (INP) sa Marso 2024 na papalit sa FID bilang isang CWV.
- Cumulative Layout Shift (CLS): Sinusukat nito ang visual stability, o ang dami ng hindi inaasahang pagbabago ng layout ng nakikitang nilalaman sa isang web page.
Kung ang isang website ng balita ay may teksto, mga imahe o mga ad na biglang nagbabago habang ganap na naglo-load ang pahina, maaaring mawala sa pwesto ang mga bisita o aksidenteng mag-click sa isang hindi sinasadyang link o button. Ito ay isang nakakadismayang karanasan at maaaring magpahina ng loob sa kanila na bumalik sa site.
Pinagmulan: Web.dev - Interaksyon sa Next Paint (INP): Sinusuri nito ang pangkalahatang pagtugon ng isang pahina sa mga pakikipag-ugnayan ng user. Sinusubaybayan nito ang latency ng lahat ng pakikipag-ugnayan ng mouse at keyboard sa buong pagbisita ng isang user sa isang web page, kung saan ang pinakamahabang interaksyon na naobserbahan (hindi isinasaalang-alang ang mga outlier) ang bumubuo sa pangwakas na halaga ng INP.
Ang pagkamit ng isang mainam na marka ng INP ay maaaring magdulot ng isang hamon dahil sa malawak na pagkakaiba-iba sa kakayahan ng device. Gayunpaman, makatuwiran pa rin para sa mga publisher na maghangad ng marka ng INP sa ika-75 percentile ng mga pag-load ng pahina, na naka-segment sa mga mobile at desktop device.
Ang isang website na may INP na nasa o mas mababa sa 200 milliseconds ay itinuturing na may mahusay na pagtugon. Kung ang INP ay nasa pagitan ng 200 milliseconds at 500 milliseconds, ang pagtugon ng site ay nangangailangan ng ilang pag-unlad. Panghuli, kung ang INP ay higit sa 500 milliseconds, ang pagtugon nito ay itinuturing na mahina.
Pinagmulan: Web.dev
Bakit Mahalaga ang Core Web Vitals Score?
Hinihingi ng mga user ang mabilis na paglo-load, maayos na interactivity, at isang matatag na kapaligiran sa paningin, at ang pagtatasa ng Core Web Vitals ay mahalaga sa pagtulong sa mga publisher na maunawaan kung paano naghahatid ang kanilang mga website sa aspetong ito.
Natuklasan ng Google na ang posibilidad ng pag-bounce ay tumaas ng 32% nang tumaas ang oras ng pag-load ng pahina mula 1 segundo patungong 3 segundo. Samantala, ang mga site ng balita na nakapasa sa CWV test ay nakakita ng 22% na mas mababang abandonment rate kaysa sa mga hindi pumasa.
1. Impluwensyahan ang mga Resulta ng Paghahanap
Ang mga CWV ay nagsisilbing sukatan para masukat ng Google ang performance ng isang website. Nagbibigay ang mga ito sa Google ng mga insight kung gaano kahusay na nagsisilbi ang isang website sa mga user, na direktang nakakaapekto sa posisyon ng site na iyon sa mga resulta ng paghahanap.
Sa madaling salita, ang mas mahusay na CWV score ay makakatulong sa isang WordPress website na lumitaw nang mas mataas sa mga ranggo sa paghahanap ng Google.
2. Palakasin ang Trapiko
Ang mga site na may mga na-optimize na CWV ay maaaring makakita ng pagtaas ng trapiko. Halimbawa, ang sikat na site ng gabay sa karera na LearnHowToBecome.org ay nagbawas ng average na oras ng pagkarga nito mula 7 patungong 2.9 segundo at nakakita ng pagtaas ng buwanang trapiko mula 500,000 patungong 750,000.
3. Palakasin ang Kita
Mas malamang na hindi magbasa ng artikulo ang isang user kung nakakaranas sila ng mahabang load time (LCP), naantalang tugon sa kanilang interaksyon (FID) o isang hindi matatag na layout (CLS). Ang mga website na mahusay sa lahat ng tatlong sukatan ay hindi lamang nakakakuha ng atensyon ng user kundi maaari rin silang akayin pababa sa conversion funnel, na sa huli ay magdudulot ng mas malaking kita para sa negosyo.
Sa esensya, ang mga sukatan ng CWV ay higit pa sa mga numero lamang. Nagbibigay ang mga ito ng mga pananaw sa pagganap ng isang site mula sa pananaw ng isang gumagamit, na nagbibigay-daan sa brand na mapabuti ang mga aspeto na pinakamahalaga sa kanilang mga bisita.
Paano Suriin ang mga Core Web Vitals Scores ng isang WordPress Site
Ang pag-unawa kung paano suriin ang mga marka ng CWV ang unang hakbang tungo sa pagpapabuti ng pagganap ng isang website. Mayroong dalawang paraan upang masukat ang mga markang ito, alinman sa in-house gamit ang mga first-party tool ng Google o sa tulong ng isang WordPress specialist na may karanasan sa pag-optimize ng mga sukatan ng pagganap.
Para sa mga piniling gumamit ng in-house na pamamaraan, mahalagang maunawaan na ang pagsukat ng mga CWV ay nangangailangan ng paggamit ng pinaghalong datos mula sa field at datos mula sa laboratoryo.
Ang datos mula sa field ay aktwal na datos ng karanasan ng gumagamit, na nakalap mula sa mga totoong kapaligiran. Ang ganitong uri ng datos ay nagbibigay ng mas mahusay na pag-unawa sa kung paano nakikipag-ugnayan ang mga gumagamit sa isang website sa iba't ibang device, koneksyon, at iba pang mga kondisyon sa totoong mundo.
Halimbawa, kung ang mga user ay pangunahing nag-a-access sa isang WordPress site gamit ang mga mobile device na may 3G network, maaaring ipakita ng field data ang mga isyu sa performance na maaaring hindi lumitaw sa isang kontroladong kapaligiran ng lab.
Sa kabilang banda, ang datos mula sa laboratoryo ay nabubuo sa isang kontroladong kapaligiran at ginagamit upang i-debug ang mga isyu sa pagganap. Hindi nito nakukuha ang buong saklaw ng mga karanasan ng gumagamit sa totoong mundo ngunit nagbibigay ng mga resultang maaaring kopyahin para sa pag-debug at pag-optimize ng pagganap ng isang website.
Ang paggamit ng tool tulad ng Lighthouse sa isang development environment ay maaaring gayahin ang isang mabagal na network upang matukoy ang mga bottleneck sa performance.
Kayang sukatin ng lahat ng sikat na tool ng Google para sa mga developer, mula sa Google Search Console (GSC) hanggang sa Google Analytics (GA) ang mga marka ng CWV.
Pinagmulan: Web.dev
Gayunpaman, sa ngayon, titingnan natin ang PageSpeed Insights dahil isa ito sa pinakasimple at pinakakomprehensibong tool para makapagsimula.
Paano Tuklasin at Pagbutihin ang FID at TBT Gamit ang PageSpeed Insights
Hanggang sa puntong ito ay napag-usapan na natin ang tungkol sa First Input Delay (FID) bilang isang paraan ng pagsukat ng kakayahang tumugon ng isang site, ngunit sa susunod na seksyon ay titingnan natin ang parehong FID at Total Blocking Time (TBT).
Parehong sukatan ng mga interaksyon ng user at ang pagsukat at pag-optimize ay parehong maaaring magkaroon ng positibong resulta para sa UX ng isang site.
1. Ano ang TBT at Paano Ito Naiiba sa FID
Ipinapahiwatig ng TBT ang tagal ng panahon kung kailan masyadong abala ang isang website para tumugon sa mga interaksyon ng user, tulad ng mga pag-click ng button. Sinusukat ng TBT ang kabuuang tagal na "nakaharang" ang isang web page — na katulad ng pagsasabi ng web page ng: "Teka lang, abala ako" habang pinoproseso nito ang iba pang mga gawain.
Ang TBT ay isang sukatan sa laboratoryo na ginagamit para sa pagsusuri ng pagganap sa yugto ng pag-unlad, habang ang FID ay isang sukatan sa larangan na nagbibigay ng mga insight sa mga aktwal na karanasan ng gumagamit.
Sa isang senaryo kung saan nag-click ang isang user sa isang button sa isang web page, sinusukat ng FID ang pagkaantala na nagaganap sa pagitan ng aksyon ng user na iyon at ng tugon ng website.
Ang dalawang sukatang ito ay magkakaugnay — kung ma-optimize ng isang publisher ang TBT habang sinusubukan, malamang na makakakita sila ng positibong epekto sa mga marka ng FID sa totoong buhay.
2. Paano Sukatin ang FID at TBT gamit ang PageSpeed Insights
Para masukat ang mga sukatang ito gamit ang PageSpeed Insights, sundin ang mga hakbang na ito:
- Mag-navigate sa tool na PageSpeed Insights
- Suriin ang nais na web page
- Mag-scroll para mahanap ang mga marka ng FID at TBT ng site
3. Paano Pagbutihin ang FID at TBT ng isang WordPress Site
Ang pagpapabuti ng FID at TBT ay kinabibilangan ng pag-optimize sa kakayahang tumugon at interaktibidad ng isang site. Narito ang ilang mga tip:
- I-compress at i-optimize ang CSS at JavaScript code: Nakakatulong ito na mabawasan ang laki ng file at mapabuti ang kakayahang tumugon ng site. Maraming tool, tulad ng WPRocket, ang nag-aalok ng file optimization tab na nag-aalok na i-compress ang code, na posibleng humahantong sa isang makabuluhang pagpapabuti sa mga marka ng FID at TBT.
- Alisin ang mahahabang gawain: Ang mahahabang gawain ay iyong mga humaharang sa pangunahing thread nang 50 milliseconds o higit pa. Ang paghahati ng mahahabang gawaing ito sa mas maliliit at asynchronous na mga gawain ay maaaring magpalaya sa pangunahing thread at mapabuti ang parehong FID at TBT.
- I-optimize ang pagpapatupad ng JavaScript: Ang pag-parse, pag-compile, at pagpapatupad ng JavaScript ay maaaring maging isang pangunahing dahilan ng mataas na FID at TBT. Ang pagpapaliban sa hindi nagamit na JavaScript, paglo-load ng async ng mga kinakailangang malalaking file, pagliit ng hindi nagamit na polyfill, at pagtiyak na mahusay na naipapatupad ang JavaScript ay maaaring makabawas sa FID at TBT.
- Gamitin ang mga setting ng performance ng WordPress theme: Maraming WordPress theme ang may built-in na mga setting ng performance. Sulitin ang mga setting na ito para ma-optimize ang site.
- Pag-preload at pag-postload ng asset: Ang mga pamamaraan tulad ng image lazy loading, pagpapaliban ng hindi kritikal na CSS, pag-preload ng mga kritikal na asset at pag-prefetch ng mga third-party na mapagkukunan ay maaaring mapahusay ang pagganap ng TBT at, kasunod nito, mapabuti rin ang FID.
Pro Tip: Kapag nag-o-optimize, tumuon sa pangkalahatang UX kaysa sa mga indibidwal na marka ng sukatan. Ang holistic na pamamaraang ito ay maaaring magbunga ng mas mahusay na mga resulta sa pagpapabuti ng pagganap ng site.
Ang pagpapabuti ng mga marka ng FID ay isang masalimuot na proseso dahil nakikitungo ito sa code ng website. Kaya naman, ang unang dapat gawin ng mga publisher ay limitahan ang mabibigat na pagpapatupad ng JavaScript at alisin ang mga hindi kinakailangang JS file, na nagbibigay-daan sa browser na mabilis na tumugon sa mga interaksyon ng user.
Sa pamamagitan ng pagtugon sa mga pangunahing isyu na nakakaapekto sa interactivity ng isang WordPress site, maaaring epektibong mapabuti ng mga publisher ang parehong FID at TBT, na magpapahusay sa pangkalahatang UX at performance.
Paano Tuklasin at Pagbutihin ang LCP gamit ang PageSpeed Insights
Ang mababang marka ng LCP ay nangangahulugan na ang isang bisita ay kailangang maghintay nang mas matagal para lumitaw ang nilalaman, na karaniwang humahantong sa mas mataas na bounce rate.
1. Ano ang mga Elemento ng LCP?
Tinatasa ng LCP ang oras na kinakailangan para mag-load ang pangunahing nilalaman ng isang web page: mas mabilis na lumalabas ang nilalamang ito sa screen, mas maganda ang UX.
Ang mga pangunahing nag-aambag sa marka ng LCP ay kadalasang malalaking elemento, tulad ng mga elemento ng imahe, elemento ng video o mga elementong may mga larawan sa background na nilo-load sa pamamagitan ng mga function ng URL.
Bukod pa rito, ang mga elemento sa antas ng bloke — tulad ng mga heading, subheading at talahanayan, at mga elementong nakabatay sa bloke tulad ng teksto — ay gumaganap din ng mahalagang papel sa paghubog ng LCP.
2. Paano Sukatin ang LCP gamit ang PageSpeed Insights
Upang masukat ang marka ng LCP, sundin ang mga hakbang na ito:
- Mag-navigate sa PageSpeed Insights
- Suriin ang nais na web page
- Mag-scroll papunta sa seksyong “I-diagnose ang mga isyu sa performance”
- Itakda ang "Ipakita ang mga audit na may kaugnayan sa" sa LCP
- Maaari nang tingnan ng mga user ang mga kaugnay na Oportunidad at Diagnostics.
Matutukoy din ng mga publisher ang elementong LCP sa ulat ng PageSpeed Insights sa pamamagitan ng paghahanap ng rekomendasyon ng elementong Largest Contentful Paint sa seksyong Diagnostics at pagpapalawak nito para sa karagdagang detalye.
3. Paano Pagbutihin ang LCP ng isang WordPress Site
Ang pagpapabuti ng LCP ay may kasamang ilang hakbang, na ang bawat isa ay nakakatulong sa mas mabilis at mas pinasimpleng karanasan sa website. Narito ang ilang mahahalagang estratehiya:
- I-optimize ang elemento ng LCP: Ang hakbang na ito ay nakadepende sa katangian ng elemento ng LCP. Halimbawa, ang isang elemento ng LCP na isang larawan ay maaaring i-compress (nang hindi nakompromiso ang kalidad). Kabilang sa iba pang mga solusyon ang paunang paglo-load ng mga imahe sa itaas ng fold at placeholder, paghahatid ng mga responsive na imahe gamit ang srcset depende sa laki ng screen ng user at pagtiyak na hindi maglazyload ng mga imahe sa itaas ng fold.
- Pagpapabuti ng mga oras ng pagtugon ng server: Sinusukat ng LCP ang oras mula sa pagdating ng isang user sa isang pahina hanggang sa puntong nakatanggap ang kanilang browser ng tugon mula sa server. Ang pamumuhunan sa isang mas mataas na kalidad na plano sa web hosting, pagpapatupad ng isang wastong mekanismo ng caching sa parehong antas ng server at antas ng browser at paglipat sa isang matatag na platform ng CMS tulad ng WordPress ay makakatulong na mabawasan ang oras ng pagtugon ng server.
- Bawasan ang mga elementong humaharang sa render: Ang mga elementong humaharang sa render tulad ng HTML, mga font, at CSS ay mga static na file na pinoproseso muna ng browser bago nito i-load ang nilalaman. Ang mas kaunting mga mapagkukunan ng pagharang sa render ay nangangahulugan na mas kaunting oras ang gugugulin ng mga browser sa pag-render ng mga elementong ito, na nagpapabilis sa mga oras ng paglo-load, at nagpapabuti sa mga marka ng LCP. Halimbawa, maaaring gumamit ang mga publisher ng simpleng font para sa kanilang mga web page o mag-preload ng mga modular web font.
- Alisin ang mga hindi nagamit na plugin: Maaaring gumamit ang mga WordPress site ng mga plugin upang pamahalaan ang marami sa kanilang mga teknikal na aspeto. Gayunpaman, mahalagang panatilihin lamang ang mga plugin at ang kanilang mga feature na direktang nakakatulong sa functionality ng isang site, habang inaalis ang mga hindi nagamit. Maaari nitong linisin ang site at mapabuti ang LCP score.
Pro Tip: Ang pag-cache ay isang makapangyarihang proseso na maaaring makabuluhang mapabuti ang marka ng LCP. Magpatupad ng solusyon sa pag-cache na nagse-save ng static na kopya ng mga web page sa mga device ng mga bisita, na nag-aalis ng pangangailangang mag-download ng parehong data sa bawat oras na bibisita sila sa site.
Mahalagang maunawaan na ang LCP ang pinakamahirap na sukatan ng CWV na kailangang pagbutihin. Ito ay dahil ang LCP ay nakadepende sa TTFB (Time to First Byte), na nakadepende sa kung gaano kabilis tumugon ang server. Depende sa framework na ginamit, maaaring maging mahirap bawasan ang oras ng pagtugon ng server.
Kailangang tandaan ng mga publisher na maaaring mag-iba ang posibilidad ng pagpapabuti batay sa imprastrakturang kanilang ginagamit.
Sa pamamagitan ng pagtuon sa pag-optimize ng mga elemento ng nilalaman ng pangunahing pahina, pagpapabuti ng mga oras ng pagtugon ng server, pagbabawas ng mga oras ng pagharang ng JavaScript at CSS at pagiging maingat sa paggamit ng plugin, maaaring mapabuti nang malaki ng mga publisher ang kanilang mga marka ng LCP.
Paano Tuklasin at Pagbutihin ang CLS Gamit ang PageSpeed Insights
Ang Cumulative Layout Shift (CLS) ay umiikot sa visual stability, na sumusukat sa anumang hindi inaasahang pagbabago sa visual content ng isang web page habang naglo-load ito. Ang mga web page na hindi matatag sa paningin ay maaaring makabawas sa kanilang UX, na nakakatulong sa mga bounce rate.
1. Ano ang mga Elemento ng CLS?
Sinusukat ng CLS ang visual stability, kaya ang mga elementong nakakatulong dito ay iyong mga maaaring magbago ng posisyon nang hindi inaasahan habang naglo-load ang pahina. Maaaring ito ay mga larawang walang tinukoy na dimensyon, mga ad, mga embed at mga iframe na walang nakapirming dimensyon.
Sa madaling salita, anumang elemento na maaaring gumalaw habang naglo-load ang pahina ay maaaring makapinsala sa marka ng CLS.
2. Paano Sukatin ang CLS Gamit ang PageSpeed Insights
Gamitin ang PageSpeed Insights upang matukoy at masukat ang CLS ng isang web page gamit ang mga hakbang na ito:
- Mag-navigate sa PageSpeed Insights
- Suriin ang nais na web page
- Mag-scroll papunta sa seksyong “I-diagnose ang mga isyu sa performance”
- Itakda ang "Ipakita ang mga audit na may kaugnayan sa" sa CLS
Ang pamamaraang ito ay nagbibigay-daan sa amin na bigyang-pansin ang mga elementong responsable para sa mga pagbabago sa layout, na nagbibigay ng panimulang punto para sa pagpapabuti.
3. Paano Pagbutihin ang CLS ng isang WordPress Site
Ang pagpapabuti ng CLS ng isang WordPress site ay kinabibilangan ng mga madiskarteng hakbang na maaaring makabuluhang mapahusay ang visual stability ng isang pahina:
- I-edit ang layout ng elemento: Suriin at isaayos ang layout ng mga elemento upang matiyak na hindi sila nagbabago habang naglo-load ang pahina. Ang hakbang na ito ay mangangailangan ng pagtatakda ng mga partikular na katangian ng lapad at taas para sa mga larawan at video, at estatikong magreserba ng espasyo para sa mga lazy-loaded na ad o iframe gamit ang isang placeholder.
- Gumamit ng Kritikal na CSS o alisin ang hindi nagamit na CSS: Ang hindi nagamit na CSS ay maaaring mag-ambag sa mga pagbabago sa layout. Isaalang-alang ang pagpapatupad ng Kritikal na CSS na naglalaman lamang ng mga estilong ginamit sa itaas ng fold o alisin ang mga paulit-ulit na CSS code upang maiwasan ang mga hindi kinakailangang pagbabago. Ang paglalagay ng mas maliliit na estilo at pag-preload ng mahahalagang estilo ay makakatulong din upang mapabuti ang CLS.
- Iwasan ang mga plugin ng Slider: Maaaring mag-trigger ng mga pagbabago sa layout ang mga slider dahil sa kanilang dynamic na katangian. Kung maaari, iwasan ang mga ito.
- Maglapat ng tamang sukat ng larawan at paghahati-hati: Ang tumpak na sukat at paggamit ng mga responsive na larawan na may parehong aspect ratio ay maaaring makatulong upang maiwasan ang paggalaw ng mga elemento habang naglo-load ang pahina. Palaging tukuyin ang mga laki ng mga elementong ito sa image CDN (content delivery network).
- Ilipat ang CSS mula sa theme editor patungo sa child theme style.css: Ang paglilipat ng CSS sa isang child theme ay makakatulong na mabawasan ang mga pagbabago sa layout sa pamamagitan ng pagtiyak na naglo-load nang tama ang mga estilo.
- Gumamit ng mga tema at plugin na gumagamit ng mga transform animation: Ang mga tool na ito ay may mas kaunting epekto sa mga pagbabago sa layout kumpara sa iba pang mga uri ng animation.
Sa pamamagitan ng paggawa ng mga pagsasaayos na ito, maaaring mabawasan nang malaki ng mga may-ari ng WordPress site ang CLS score ng kanilang pahina, na hahantong sa mas matatag at kasiya-siyang UX.
Pro Tip: Ipatupad ang lazy loading para sa mga offscreen na larawan. Pinapayagan lamang ng estratehiyang ito ang mga larawan na mag-load kapag papasok na ang mga ito sa viewport, kaya pinipigilan ang mga pagbabago sa layout na dulot ng mga late-loading na larawan.
Tandaan na ang CLS ay isang kritikal na sukatang nakasentro sa gumagamit na sumusukat sa lawak ng pagbabago ng nilalaman ng isang site habang naglo-load ang pahina. Kung mas mababa ang marka ng CLS, mas maganda ang karanasan ng gumagamit.
Sa huli, ang pagpapabuti ng mga marka ng CLS ay nangangailangan ng maraming aspeto. Ang mga regular na pagsusuri gamit ang mga tool tulad ng PageSpeed Insights, pare-parehong mga kasanayan sa layout at masigasig na paggamit ng mga tema at plugin ay maaaring mag-ambag lahat sa mas mababang marka ng CLS at isang mas matatag at madaling gamitin na website.
Pagbabalot
Ang mga publisher na sumusukat sa Core Web Vitals (CWV) ay mas mapapabuti ang kanilang posisyon upang ma-optimize ang karanasan ng gumagamit ng kanilang site.
Hindi lamang makakatulong nang malaki ang pag-optimize ng mga CWV sa pagpapahusay ng karanasan ng mambabasa, kundi nakakatulong din ito sa SEO. Ang mga pahinang mabilis mag-load, matatag sa paningin, at mabilis na tumutugon sa mga input ng gumagamit ay hindi lamang kaakit-akit sa mga gumagamit kundi pati na rin sa mga algorithm ng search engine.
Bukod sa pag-aaral ng mga kagamitang tulad ng PageSpeed Insights, dapat ding mahigpit na subaybayan ng mga publisher ang mga trend sa digital publishing , mga update sa algorithm ng search engine, at mga insight ng eksperto upang patuloy na makapaghatid ng isang karanasan sa pagbabasa na pang-world-class.
