Lebih dari 50 ribu pengembang mengunjungi DavidWalshBlog setiap bulan dari seluruh dunia untuk mempelajari trik JavaScript dan memperbaiki masalah pada kode mereka. Sayangnya, beberapa dari mereka memiliki pengalaman yang lambat di situsnya.
David melacak kinerja Data Web Inti dan kinerja keseluruhannya dengan Metrik Permintaan. Baru-baru ini, kami memperhatikan bahwa skor kinerja CLS miliknya cenderung cukup lambat baik untuk pengguna desktop maupun seluler.

Tunggu, apa itu CLS?
Pergeseran Tata Letak Kumulatif (CLS) adalah salah satu metrik kinerja Core Web Vital. Ini tidak mengukur waktu buka secara langsung, melainkan mengukur berapa banyak halaman bergeser saat sedang dimuat. Anda pasti pernah melihat ini dan merasa terganggu karenanya. Pergeseran ini membuat sebuah situs merasa lambat bagi pengguna.
CLS dan Core Web Vitals lainnya sangat penting. Bukan hanya karena mereka mengukur pengalaman pengguna, tetapi juga karena mereka mempengaruhi peringkat halaman suatu situs dalam pencarian. Dan lalu lintas pencarian adalah kehidupan bagi blogger, situs media, toko e-commerce, dan hampir semua orang yang memiliki situs web.
Jika kami dapat memperbaiki masalah CLS situs, kami akan memberikan pengalaman yang lebih cepat kepada pembaca, dan meningkatkan peringkat pencarian sehingga David dapat membantu lebih banyak orang. Kedengarannya seperti insentif yang bagus, mari kita cari tahu.
Menabrak Google Lighthouse
Untuk menemukan masalah kinerja, banyak pengembang akan menggunakan alat seperti Google Lighthouse. Saya menjalankan laporan Lighthouse di situs David, dan inilah yang saya dapatkan.

Skor sempurna! Ayo kita berkemas dan pulang.
Masalahnya adalah itu Mercusuar Google bohong. Pengguna sebenarnya tidak akan mendapatkan performa ini. Skor tersebut hanya mewakili satu tes, dari komputer saya yang sangat cepat, di AS, pada koneksi broadband yang cepat.
Pengguna David sebenarnya berasal dari seluruh dunia, di berbagai perangkat dan jaringan, dan kapan saja sepanjang hari. Pengalaman kinerja mereka jauh dari sempurna. Itu sebabnya kita perlu memantau kinerja pengguna secara nyata, jika tidak, kita mungkin tidak akan pernah tahu bahwa ada masalah.
Dimana letak permasalahan CLSnya?
David telah menulis sejak lama dan memiliki ratusan postingan di situsnya. Metrik Permintaan melacak skor CLS per halaman sehingga kami dapat mengatasi masalahnya.

Halaman dengan lalu lintas terbesar adalah halaman root, dan memiliki CLS yang bagus. Namun banyak postingannya, seperti Play Grand Poo World dan Pornhub Interview memiliki skor CLS yang meresahkan. Kami juga dapat melacak elemen yang bertanggung jawab atas CLS, dan untuk sebagian besar postingannya main > article > p
. Artinya, paragraf pertama artikel tersebut mengalami pergeseran. Mengapa ia melakukan hal itu?
Apa kesamaan postingan dengan skor CLS terburuk ini? Gambar. Gambar adalah penyebab umum masalah CLS karena browser tidak selalu mengetahui seberapa besar suatu gambar hingga gambar tersebut diunduh. Browser menganggapnya 0x0 hingga ia memiliki gambarnya bergeser segala sesuatu di sekitarnya untuk memberi ruang.
Postingan dengan banyak gambar akan bergeser berkali-kali seiring setiap gambar diunduh dan artikel digeser untuk memberi ruang bagi konten baru.
Menggunakan gambar dengan benar untuk CLS
Untuk menghindari perubahan tata letak saat menggunakan gambar, kita perlu memberikan petunjuk kepada browser tentang seberapa besar gambar tersebut. Browser akan menggunakan petunjuk ini untuk menyediakan ruang pada tata letak gambar setelah selesai diunduh.
Perhatikan bahwa lebar dan tinggi ditentukan sebagai atributnya sendiri — bukan bagian dari tag gaya. Atribut ini menetapkan ukuran dasar gambar serta rasio aspek yang akan digunakan. Anda masih dapat menggunakan CSS untuk memperbesar atau memperkecil gambar dari sini.
Perhatikan juga bahwa tidak ada px
satuan yang ditentukan.
Ukuran Gambar di WordPress
DavidWalsh.name dihosting di WordPress, di mana terdapat beberapa alat bawaan untuk melakukan ini. Kita bisa memanfaatkan wp_image_src_get_dimensions
untuk mendapatkan dimensi gambar yang dia gunakan dan menambahkannya ke markup.
Membuktikan itu berhasil
David membuat perubahan gambar beberapa hari yang lalu, dan kami sudah melihat peningkatannya. CLS telah turun 20% menjadi 0,123. Kami sudah sangat dekat dengan kisaran CLS yang “Bagus” sekarang.

Masih ada beberapa masalah yang harus diselesaikan seputar font, tapi itu akan menjadi cerita untuk lain waktu dan postingan lain.
Jika Anda ingin meningkatkan kinerja situs Anda yang sebenarnya, atau khawatir kehilangan kekuatan SEO Anda karena masalah Core Web Vital, lihat Metrik Permintaan. Terdapat alat untuk melacak kinerja Anda dan tip yang dapat ditindaklanjuti untuk benar-benar memperbaiki masalah.
Ditambah lagi, ini gratis, jadi ada manfaatnya.

Tentang Todd Gardner
Todd Gardner adalah pengusaha dan pengembang perangkat lunak yang telah membangun banyak produk yang menguntungkan. Dia mendorong penggunaan alat yang sederhana, perangkat lunak yang dapat dipelihara, dan menyeimbangkan kompleksitas dengan risiko. Dia adalah salah satu pendiri TrackJS dan Request Metrics, di mana dia membantu ribuan pengembang membangun situs web yang lebih cepat dan andal. Dia juga memproduseri acara komedi perangkat lunak PubConf.
www.toddhgardner.comtoddhgardnerPostingan
ADVERTISEMENT:
denger, semboyan “slot gacor” jika belum siap-siap hati dengan? program slot demo, adalah jatuh slot sering memberi ini. kemenangan Yup mesin slot-slot yang dikatakan sebagai andalannya. buat, bawa ini bisa pulang hasil. any way gimana caranya jumpain slot demo benar, Tenang sih Bro beri santai yang aja? di sini Gaming, kita terpercaya saat ini hanya satu
di yaitu akan menyediakan ROI terbesar Indonesia SEGERA dengan menyediakan return on Investment terbaik
Daftarkanlah hanya di :
Informasi mengenai KING SLOT, Segera Daftar Bersama king selot terbaik dan terpercaya no satu di Indonesia. Boleh mendaftar melalui sini king slot serta memberikan hasil kembali yang paling tinggi saat sekarang ini hanyalah KING SLOT atau Raja slot paling gacor, gilak dan gaco saat sekarang di Indonesia melalui program return tinggi di kingselot serta pg king slot
slot demo gacor
slot demo gacor permainan paling top dan garansi imbal balik hasil besar bersama kdwapp.com
akun demo slot gacor
akun demo slot gacor permainan paling top dan garansi imbal balik hasil besar bersama kdwapp.com
akun slot demo gacor
akun slot demo gacor permainan paling top dan garansi imbal balik hasil besar bersama kdwapp.com
akun demo slot pragmatic
akun demo slot pragmatic permainan paling top dan garansi imbal balik hasil besar bersama kdwapp.com
akun slot demo pragmatic
akun slot demo pragmatic permainan paling top dan garansi imbal balik hasil besar bersama kdwapp.com
akun slot demo
akun slot demo permainan paling top dan garansi imbal balik hasil besar bersama kdwapp.com
akun demo slot
akun demo slot permainan paling top dan garansi imbal balik hasil besar bersama kdwapp.com
slot demo gacor
slot demo gacor permainan paling top dan garansi imbal balik hasil besar bersama jebswagstore.com
akun demo slot gacor
akun demo slot gacor permainan paling top dan garansi imbal balik hasil besar bersama jebswagstore.com
akun slot demo gacor
akun slot demo gacor permainan paling top dan garansi imbal balik hasil besar bersama jebswagstore.com
akun demo slot pragmatic
akun demo slot pragmatic permainan paling top dan garansi imbal balik hasil besar bersama jebswagstore.com
akun slot demo pragmatic
akun slot demo pragmatic permainan paling top dan garansi imbal balik hasil besar bersama jebswagstore.com
akun slot demo
akun slot demo permainan paling top dan garansi imbal balik hasil besar bersama jebswagstore.com
akun demo slot
akun demo slot permainan paling top dan garansi imbal balik hasil besar bersama jebswagstore.com
slot demo gacor
slot demo gacor permainan paling top dan garansi imbal balik hasil besar bersama demoslotgacor.pro
akun demo slot gacor
akun demo slot gacor permainan paling top dan garansi imbal balik hasil besar bersama demoslotgacor.pro
akun slot demo gacor
akun slot demo gacor permainan paling top dan garansi imbal balik hasil besar bersama demoslotgacor.pro
akun demo slot pragmatic
akun demo slot pragmatic permainan paling top dan garansi imbal balik hasil besar bersama demoslotgacor.pro
akun slot demo pragmatic
akun slot demo pragmatic permainan paling top dan garansi imbal balik hasil besar bersama demoslotgacor.pro
akun slot demo
akun slot demo permainan paling top dan garansi imbal balik hasil besar bersama demoslotgacor.pro
akun demo slot
akun demo slot permainan paling top dan garansi imbal balik hasil besar bersama demoslotgacor.pro
slot demo gacor
slot demo gacor permainan paling top dan garansi imbal balik hasil besar bersama situsslotterbaru.net
akun demo slot gacor
akun demo slot gacor permainan paling top dan garansi imbal balik hasil besar bersama situsslotterbaru.net
akun slot demo gacor
akun slot demo gacor permainan paling top dan garansi imbal balik hasil besar bersama situsslotterbaru.net
akun demo slot pragmatic
akun demo slot pragmatic permainan paling top dan garansi imbal balik hasil besar bersama situsslotterbaru.net
akun slot demo pragmatic
akun slot demo pragmatic permainan paling top dan garansi imbal balik hasil besar bersama situsslotterbaru.net
akun slot demo
akun slot demo permainan paling top dan garansi imbal balik hasil besar bersama situsslotterbaru.net
akun demo slot
akun demo slot permainan paling top dan garansi imbal balik hasil besar bersama situsslotterbaru.net
situs slot terbaru
situs slot terbaru permainan paling top dan garansi imbal balik hasil besar bersama situsslotterbaru.net
slot terbaru
slot terbaru permainan paling top dan garansi imbal balik hasil besar bersama situsslotterbaru.net
lembagatoto88 permainan paling top dan garansi imbal balik hasil besar bersama lembagatoto88.com
lumbung888 permainan paling top dan garansi imbal balik hasil besar bersama lumbung888.biz
anadototo88 permainan paling top dan garansi imbal balik hasil besar bersama anadototo88.org
mataramtoto88 permainan paling top dan garansi imbal balik hasil besar bersama mataramtoto88.com
mawartoto88 permainan paling top dan garansi imbal balik hasil besar bersama mawartoto88.biz
maxim88 permainan paling top dan garansi imbal balik hasil besar bersama maxim88.org
mpovegas88 permainan paling top dan garansi imbal balik hasil besar bersama mpovegas88.com
nagacc88 permainan paling top dan garansi imbal balik hasil besar bersama nagacc88.com
neng88 permainan paling top dan garansi imbal balik hasil besar bersama neng88.biz
nibung888 permainan paling top dan garansi imbal balik hasil besar bersama nibung888.biz
paristogel88 permainan paling top dan garansi imbal balik hasil besar bersama paristogel88.info
ribut88 permainan paling top dan garansi imbal balik hasil besar bersama ribut88.net
sebat777 permainan paling top dan garansi imbal balik hasil besar bersama sebat777.info
sebat88 permainan paling top dan garansi imbal balik hasil besar bersama sebat88.info
singa88 permainan paling top dan garansi imbal balik hasil besar bersama singa88.biz
texas888 permainan paling top dan garansi imbal balik hasil besar bersama texas888.asia
vertu777 permainan paling top dan garansi imbal balik hasil besar bersama vertu777.org
wks88 permainan paling top dan garansi imbal balik hasil besar bersama wks88.org
wortel88 permainan paling top dan garansi imbal balik hasil besar bersama wortel88.net
yabos888 permainan paling top dan garansi imbal balik hasil besar bersama yabos888.net
yoktogel88 permainan paling top dan garansi imbal balik hasil besar bersama yoktogel88.asia
agam88 permainan paling top dan garansi imbal balik hasil besar bersama agam88.asia
bangkittoto permainan paling top dan garansi imbal balik hasil besar bersama bangkittoto.net
bangor88 permainan paling top dan garansi imbal balik hasil besar bersama bangor88.com
bangor88 permainan paling top dan garansi imbal balik hasil besar bersama bangor88.info
bangor88 permainan paling top dan garansi imbal balik hasil besar bersama bangor88.net
bangor88 permainan paling top dan garansi imbal balik hasil besar bersama bangor88.org
belanjatoto permainan paling top dan garansi imbal balik hasil besar bersama belanjatoto.org
bisnis88 permainan paling top dan garansi imbal balik hasil besar bersama bisnis88.biz
blibli88 permainan paling top dan garansi imbal balik hasil besar bersama blibli88.com
blibli88 permainan paling top dan garansi imbal balik hasil besar bersama blibli88.info
blibli88 permainan paling top dan garansi imbal balik hasil besar bersama blibli88.net
blibli88 permainan paling top dan garansi imbal balik hasil besar bersama blibli88.org
btstoto88 permainan paling top dan garansi imbal balik hasil besar bersama btstoto88.com
btstoto88 permainan paling top dan garansi imbal balik hasil besar bersama btstoto88.info
btstoto88 permainan paling top dan garansi imbal balik hasil besar bersama btstoto88.net
btstoto88 permainan paling top dan garansi imbal balik hasil besar bersama btstoto88.org
cendanatoto88 permainan paling top dan garansi imbal balik hasil besar bersama cendanatoto88.com
cupang88 permainan paling top dan garansi imbal balik hasil besar bersama cupang88.biz
cupangjp88 permainan paling top dan garansi imbal balik hasil besar bersama cupangjp88.com
danatoto88 permainan paling top dan garansi imbal balik hasil besar bersama danatoto88.biz
danatoto88slot permainan paling top dan garansi imbal balik hasil besar bersama danatoto88slot.net
davo888 permainan paling top dan garansi imbal balik hasil besar bersama davo888.biz
dewasurga888 permainan paling top dan garansi imbal balik hasil besar bersama dewasurga888.biz
dhx88 permainan paling top dan garansi imbal balik hasil besar bersama dhx88.biz
dingdongtogel88 permainan paling top dan garansi imbal balik hasil besar bersama dingdongtogel88.biz
egp888 permainan paling top dan garansi imbal balik hasil besar bersama egp888.biz
eropa88 permainan paling top dan garansi imbal balik hasil besar bersama eropa88.biz
forwin777 permainan paling top dan garansi imbal balik hasil besar bersama forwin777.biz
forwin88 permainan paling top dan garansi imbal balik hasil besar bersama forwin88.net
gacor222 permainan paling top dan garansi imbal balik hasil besar bersama gacor222.biz
galaxy777 permainan paling top dan garansi imbal balik hasil besar bersama galaxy777.asia
garuda88 permainan paling top dan garansi imbal balik hasil besar bersama garuda88.biz
gaul88 permainan paling top dan garansi imbal balik hasil besar bersama gaul88.biz
glowin888 permainan paling top dan garansi imbal balik hasil besar bersama glowin888.biz
gopay88 permainan paling top dan garansi imbal balik hasil besar bersama gopay88.biz
harum88 permainan paling top dan garansi imbal balik hasil besar bersama harum88.biz
harumtoto permainan paling top dan garansi imbal balik hasil besar bersama harumtoto.net
hiu88 permainan paling top dan garansi imbal balik hasil besar bersama hiu88.biz
hiutoto permainan paling top dan garansi imbal balik hasil besar bersama hiutoto.biz
hoki117 permainan paling top dan garansi imbal balik hasil besar bersama hoki117.net
ibetslot88 permainan paling top dan garansi imbal balik hasil besar bersama ibetslot88.biz
idhoki888 permainan paling top dan garansi imbal balik hasil besar bersama idhoki888.com
indosport999 permainan paling top dan garansi imbal balik hasil besar bersama indosport999.net
jackpot10 permainan paling top dan garansi imbal balik hasil besar bersama jackpot10.net
jago77 permainan paling top dan garansi imbal balik hasil besar bersama jago77.biz
jet88 permainan paling top dan garansi imbal balik hasil besar bersama jet88.biz
jinbei88 permainan paling top dan garansi imbal balik hasil besar bersama jinbei88.biz
juliet88 permainan paling top dan garansi imbal balik hasil besar bersama juliet88.org
kakekslot88 permainan paling top dan garansi imbal balik hasil besar bersama kakekslot88.asia
kenzo118 permainan paling top dan garansi imbal balik hasil besar bersama kenzo118.biz
kiw88 permainan paling top dan garansi imbal balik hasil besar bersama kiw88.biz
lazada88 permainan paling top dan garansi imbal balik hasil besar bersama lazada88.biz
mangga2bet88 permainan paling top dan garansi imbal balik hasil besar bersama mangga2bet88.com
mental88 permainan paling top dan garansi imbal balik hasil besar bersama mental88.org
nenektogel88 permainan paling top dan garansi imbal balik hasil besar bersama nenektogel88.com
obc88 permainan paling top dan garansi imbal balik hasil besar bersama obc88.net
parsel88 permainan paling top dan garansi imbal balik hasil besar bersama parsel88.com
pasar88 permainan paling top dan garansi imbal balik hasil besar bersama pasar88.biz
pilar100 permainan paling top dan garansi imbal balik hasil besar bersama pilar100.net
power88 permainan paling top dan garansi imbal balik hasil besar bersama power88.biz
pragmatic7777 permainan paling top dan garansi imbal balik hasil besar bersama pragmatic7777.com
pragmaticid88 permainan paling top dan garansi imbal balik hasil besar bersama pragmaticid88.com
pragmaticid88 permainan paling top dan garansi imbal balik hasil besar bersama pragmaticid88.info
pragmaticid88 permainan paling top dan garansi imbal balik hasil besar bersama pragmaticid88.net
pragmaticid88 permainan paling top dan garansi imbal balik hasil besar bersama pragmaticid88.org
premantoto88 permainan paling top dan garansi imbal balik hasil besar bersama premantoto88.com
pucuk88 permainan paling top dan garansi imbal balik hasil besar bersama pucuk88.biz
pucuktoto permainan paling top dan garansi imbal balik hasil besar bersama pucuktoto.biz
pusat88 permainan paling top dan garansi imbal balik hasil besar bersama pusat88.biz
raja228 permainan paling top dan garansi imbal balik hasil besar bersama raja228.biz
rajabandot88 permainan paling top dan garansi imbal balik hasil besar bersama rajabandot88.biz
rajapanen88 permainan paling top dan garansi imbal balik hasil besar bersama rajapanen88.net
rogtoto88 permainan paling top dan garansi imbal balik hasil besar bersama rogtoto88.net
sdtoto88 permainan paling top dan garansi imbal balik hasil besar bersama sdtoto88.biz
semangat88 permainan paling top dan garansi imbal balik hasil besar bersama semangat88.biz
sensasi555 permainan paling top dan garansi imbal balik hasil besar bersama sensasi555.net
sensasi88 permainan paling top dan garansi imbal balik hasil besar bersama sensasi88.biz
simenang88slot permainan paling top dan garansi imbal balik hasil besar bersama simenang88slot.com
slotter999 permainan paling top dan garansi imbal balik hasil besar bersama slotter999.net
slottoto88 permainan paling top dan garansi imbal balik hasil besar bersama slottoto88.org