Cara mudah untuk mengatasi proritize visible content
Prioritize Visible Content, Merupakan Suatu masalah pada google Page Speed insight. Ini menjadi sebuah masalah yang dikategorikan Prioritas oleh PageSpeed Insight.
Karena blog membutuhkan Jaringan tambahan untuk melakukan perenderan pada bagian atas, Maka masalah inipun terjadi.
Atau dengan kata lain, artikel di dalam suatu web memerlukan waktu untuk di load karena ada sesuatu yang harus di load terlebih dahulu.
Bila ada sesuatu yang di load dahulu sebelum artikelnya, sudah pasti waktu load artikel menjadi lambat dan bisa saja pengunjung kabur dari blog anda.
.
Apa pengaruhnya jika pengunjung langsung kabur? Jelas sangat berbahaya karena dapat meningkatkan bounce rate menjadi tinggi.
Jadi, sebetulnya sampai sini anda sudah mengerti apa arti dari masalah "Prioritaskan Konten yang Terlihat" ini...
yaitu anda harus mengatur agar blog anda meload bagian konten terlebih dahulu, baru bagian-bagian lainnya.
Cara mengatasi Prioritize Visible content di Page Speed insight
Nah, yang jadi pertanyaannya adalah bagaimana caranya? Sebelum ke caranya, masalah ini saya bagi menjadi 2, yaitu:
- Jika sidebar diload terlebih dahulu
- Jika widget pihak ketiga diload terlebih dahulu
u
1. Sidebar yang diload terlebih dahulu
u
Seperti yang anda ketahui, bahwa sidebar pasti letaknya disamping isi konten alias artikel. Selain itu, kegunaan sidebar ini hanyalah sebagai pendukung, berbeda dengan artikel yang memang menjadi suatu kewajiban dari sebuah blog.
Seperti yang anda ketahui, bahwa sidebar pasti letaknya disamping isi konten alias artikel. Selain itu, kegunaan sidebar ini hanyalah sebagai pendukung, berbeda dengan artikel yang memang menjadi suatu kewajiban dari sebuah blog.
Biasanya, sidebar ini waktu loadnya cukup lama, bisa mencapai 2x lipat lebih lama dibandingkan dengan waktu load artikel.
Mengapa?
Sebab sidebarnya mempunyai banyak widget, seperti widget populer post, artikel pilihan, widget sosial media, sticky widget, dan widget lainnya.
Sementara kita sendiri tau jika memasang widget sama saja menambahkan script seperri HTML, CSS Dan bahkan juga JavaScript
Apa jadinya bila anda meload sidebar lebih dahulu ketimbang isi artikel?
Sudah pasti pengunjung dengan koneksi internet yang lambat akan kabur dari blog anda...
Jadi, solusi yang tepat untuk masalah ini adalah dengan cara menempatkan script HTML sidebar di blog anda dibawah script HTML untuk postingan.
Untuk lebih jelasnya silahkan anda simak contoh susunan HTML blog dibawah ini.
<head> ... </head>Susunan kode di atas adalah blog yang sidebarnya di load telebih dahulu sebelum postingan.
<body>
<header> ... </header> <!-- Ini script HTML untuk header dan menu navigasi -->
<div class='sidebar'> ... </div> <!-- Dan ini adalah script sidebar di blog -->
<div class='main'> ... </div> <!-- Lalu yang hijau ini adalah script postingan. -->
</body>
</html>
Jika ingin masalahnya selesai maka anda harus merubah susunan kodenya menjadi seperti ini.
<html>Selesai, coba sekarang anda cek blog anda di Google PageSpeed Insights. Jika masalahnya masih muncul maka anda bisa lanjut ke cara nomor dua ini
<head> ... </head>
<body>
<header> ... </header> <!-- Ini script HTML untuk header dan menu navigasi -->
<div class='main'> ... </div> <!-- Sekarang dituker postingan yang diload lebih dulu --> <div class='sidebar'> ... </div> <!-- setelah itu baru sidebar yang di load... -->
</body>
</html>
u
2. Widget Manual yang diload terlebih dahulu (sebelum postingan)
uUntuk masalah yang kedua ini Berbeda dengan permasalahan yang pertama, Kalo biasa nya widget dipasang langsung lewat sidebar ( menu tata letak ), Sedangkan untuk yang satu ini dipasang secara manual.
Untuk Contohnya adalah seperti ini:
<html>Untuk widget tersebut yang dipasang secara manual tidak akan bisa dipindahkan, Kenapa tidak bisa? jika posisinya kodena dipindahkan, maka Widgetnya juga akan berpindah tempat.
<head> ... </head>
<body>
<header> ... </header>
<div class='ini widgetnya'> ... </div> <!-- Ini widgetnya -->
<div class='main'> ... </div>
<div class='sidebar'> ... </div>
</body>
</html>
iu
Simpulan
uUntuk masalah yang nomor dua kita hanya bisa untuk meminimalisir saja.. Kurangi penggunanaan widget yang tidak penting..
cukup seperti popular post dan Label.
Oke demikian artikel tentang mengatasi prioritize visible content/prioritaskan konten yang terlihat.
BERITA LENGKAP DI HALAMAN BERIKUTNYA
Halaman Berikutnya
0 Response to "Cara mudah untuk mengatasi proritize visible content"
Post a Comment