Terus bagaimana cara memperbaikinya ???
Admin akan jelaskan dulu yang paling penting di ringkasan saran yang butuh perbaikan yaitu Cara Menghilangkan JavaScript dan CSS yang memblokir perenderan di konten paruh atas yaitu hapus yang memblokir render.
Mengapa penting bagi admin ??
Karena untuk mengurangi loading blog yang agak lemot akibat dari jquery pada blog kita, maka inilah yang harus diperbaiki. Loading blog kita yang lemot membuat traffic pengunjung kita menurun. Tentunya sangat merugikan bagi blog kita.
oke langsung saja admin kasih tau carinya biar sobat tau dan pintar.
Untuk mengatasi masalah tersebut, maka diperlukan render pada JavaScrip dengan atribut HTML async pada jquery-nya. Kita hanya butuh menambahkan code async='async' javascript jquery. Caranya Buka Layout >> edit HTML kemudian cari kode javascript jquery yang butuh perbaikan.
Contoh kode javascript jquery yang butuh perbaikan.
maka tambah kode async='async' maka tampilannya codenya akan seperti ini:
penambahan kode async='async' kemungkinan dapat merubah dan menghilangkan widget/tampilan dari javascript jquery yang anda pasang sebelumnya jika anda meletakkan code tersebut di atas </head>. Agar itu tidak terjadi maka anda harus memindahkan kode javascript jquery tersebut di atas </body>.
Sekian posting artikel dari admin.
Semoga bermanfaat.
bos contoh jquery nya hanya satu kata jadi kita mau nyoba takut salah bos,,, kalau di ksih contoh yang rada panjang pasti lebih mudah bos..
BalasHapuskalau takut silahkan di backup dulu templatenya juragan, jquery ini juga salah satu kode javascript widget juragan.
Hapuscontoh yang panjang kagak ada juragan.
yang ditambah async='async' pasti kode akhirnya 'text/javascript'/>,
jika widgetnya gak mau hilang silahkan pindahkan dulu javascript query nya tsb diatas </body
gan, lah gmana cara mengoptimalkan pengiriman css yg di saranin google lewat pagespeed insight itu gan?? mohon petunjuk..
BalasHapusditunggu ya gan, nih juga lagi nyari solusi, secepat ane kabarin gan
Hapusmaaf gan maksut dari bisa menghilangkan tampilan widget yang perna saya pasang itu apa... saya sudah melakukan tutoriall diatas tapi tidak ada tampilan widget saya yang hilang.. apakah itu ngak papa gan... saya taruh dia atas head
BalasHapusgpp gan, gak semua widget yang bisa hilang kalau ditaruh diatas head
HapusBerhasil gan... thanks. :)
BalasHapussama2 gan :)
Hapusaq sdh cb, tpi malah ga jln gan scriptnya
BalasHapuscoba baca tutorialnya lebih teliti gan
HapusMakasih mas, udah dicoba & ga merah2 lagi kalo tes page pagespeed google :)
BalasHapusoke mantap gan :-D
HapusIjin nyobain dulu gan
BalasHapusoke silahkan gan
Hapusterimakasih mas, sekarang blog saya sedikit ringan
BalasHapussama2 gan :-D
HapusTerima kasih gan akhirnya Blog saya mendapat respon bagus yaitu skor 94 di pagespeed insights
BalasHapuswow selamat gan :-D
HapusMeningkat gan hasilnya naik 2%
BalasHapusmantap gan,
Hapusgan, mohon info, bagaimana mengatasi respon PageSpeed Insight yang bunyinya ini :
BalasHapusOptimalkan pengiriman css yang berikut
https://www.blogger.com/…189244943-widget_css_mobile_2_bundle.css
https://www.blogger.com/…&zx=a064dc02-3d20-4119-b32d-022dd523ad6b
terimakasih
mungkin ini bisa membantu sis,
Hapuscopy link ini ke new tab sis
http://daymilovich.blogspot.com/2012/07/mengatasi-file-209053924.html#sthash.RVYNm5m8.dpbs
Trimakasi infonya sangat bermanfaat. Sekarang blog ada peningkatan. Salam kenal gan di tunggu kunjungan baliknya..
BalasHapusiya sama2 gan, segera dikunjungi
HapusTerima kasih sobat. Kebetulan saya sedang bingung memperbaiki kecepatan loading blog.
BalasHapusSaya sedang mencoba memperbaiki "Cara Menghilangkan JavaScript dan CSS yang memblokir perenderan di konten paruh atas"
Saya coba dulu ya sobat.
oke gan, semoga berhasil
HapusIlmu yang bermanfaat, makasih banyak admin
BalasHapussama2 gan
Hapusberhasil gan thanks |o| mampir ya gan di blog ane ardyngulik.com
BalasHapussip gan,
Hapusom klo blokir dari yg ini w.blogger.com/static/v1/widgets/269196239-widget_css_mobile_2_bundle.css gimana perbaikinya ya...
BalasHapuscoba gan, copy link ini ke new tab
Hapushttp://daymilovich.blogspot.com/2012/07/mengatasi-file-209053924.html
moga penjelasan disana agan mengerti
Gan saya mau nanya kalau cara menghilangkan javascript ini gimana ya?
BalasHapushttps://www.blogger.com/…/v1/widgets/4205868711-css_bundle_v2.css
https://www.blogger.com/…&zx=76802d3c-c236-4f18-a510-8301ce3e533b
Mohon pencerahannya
Makasih gan atas infomasinya
BalasHapusoke gan :-D
HapusGan...itu kalau di wordpress sama gk ? saya sedikit bingung nin mencari scriiptnya...
BalasHapusdan saya sudah mencari scriptnya melalui source, tp saya ingung karena banyak script disana..
mohon bantuannya gan :(
ternyata begitu caranya.... kemaren kemaren blog ane parah nilai speed nya....
BalasHapussilahkan diperbaiki biar ringan gan :-D
HapusKeren sob tutorialnya..
BalasHapusMksh infonya gan,,, mampir ya http://swdinside.blogspot.com/
BalasHapuscara memperbaiki javascript dari iklan ppc bagaimana gan?
BalasHapusmksh..info'y sngt membantu gan, kebetulan sy sdg mngalami kasus sperti itu
BalasHapusmampir jg di gubuk ane gan...https://moody80adventure.blogspot.co.id/
Mas apa cara tersebut masih berfungsi? Saya dah nyoba menambahkan kode tersebut di html saya kok gak berpengaruh ya? Mohon pencerahannya.
BalasHapusmasih gan, coba perhatikan lagi letaknya gan, penempatannya sama posisinya
HapusKalau jquerynya lebih dari satu apa harus ditambahkan ke semua kode jqurynya ya mas? Mohon pencerahannya.
BalasHapusKalau jquerynya lebih dari satu apa harus ditambahkan ke semua kode jqurynya ya mas? Mohon pencerahannya.
BalasHapusiya tambahkan semuanya
HapusTerimakasih Banyak ya Mas, Sukses
BalasHapusKalau untuk di Website ada caranya? cara di atas untuk blog ya?
BalasHapusiya gan untuk blog, kalau untuk web coba aja gan, blum prnah nyoba sih hehehe
Hapusgan tlng caranya Gunakan versi asinkron dari skrip berikut:
BalasHapushttps://apis.google.com/js/plusone.js
Optimalkan Pengiriman CSS yang berikut:
https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700
https://maxcdn.bootstrapcdn.com/…t-awesome/4.6.3/css/font-awesome.min.css. thanks ya
gan tlng caranya Gunakan versi asinkron dari skrip berikut:
BalasHapushttps://apis.google.com/js/plusone.js
Optimalkan Pengiriman CSS yang berikut:
https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700
https://maxcdn.bootstrapcdn.com/…t-awesome/4.6.3/css/font-awesome.min.css. thanks ya
Kalau kode yg ky gni gmna gan?
BalasHapus</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.
mau ngubah https://apis.google.com/js/plusone.js jadi asynchronous versions gak bisa, kalau kode yg lain bisa. mhon infonya gan
Apakah ini mempengaruhi indeks, saya sedikit kawatir utak-atik template takut artikel sulit keindeks.
BalasHapusKalau di blog baru saya masih berani otak atik juragan. tapi kalo blog sudah banyak artikel aduh jadi sedikit ragu2
oh iya salam saya dari jogja. mampir ke galeri oma bisa ngopi sambil beli barang-barang retro cek saja ig @galerioma salam.
^
BalasHapus|
|
|
maaf juragan komentar atas ini di hapus saja saya salah tulis url blog kami :ngakak
---------------------------
Apakah ini mempengaruhi indeks, saya sedikit kawatir utak-atik template takut artikel sulit keindeks.
Kalau di blog baru saya masih berani otak atik juragan. tapi kalo blog sudah banyak artikel aduh jadi sedikit ragu2
oh iya salam saya dari jogja. mampir ke galeri oma bisa ngopi sambil beli barang-barang retro cek saja ig @galerioma salam.
Punya saya scriptnya tidak seperti itu?
BalasHapusini sudah saya terapkan dan sekarang menjadi 91% (Good) yang awalnya hanya 61 %
BalasHapusMas..kalau untuk wordpress apakah ada/bisa pakai plugin? kalo ada nama pluginnya apa?
BalasHapusMakasih gan.. Sangat membantu artikelnya..
BalasHapusmantab, tks gan infonya
BalasHapus