Apakah setelah memasang atau mengganti template di blog anda menganggapnya sudah cukup ringan ketika anda mengaksesnya?... ya meskipun tampilan template blognya bagus menurut anda, belum tentu bagi pengunjung yang mengakses halaman blog anda itu ringan. nah disini harus memikirkan halaman blog anda agar tidak dialihkan ke Googleweblight ketika mengakses ke blog anda. jika blog anda dialihkan seperti itu maka pengaruhnya pada pendapatan adsense blog yang anda kelola jadi menurun. untuk mengatasi Cara Memperbaiki Possible Optimizations Blogger pada PageSpeed Tools Google, saya akan mencoba membantu anda di artikel ini hanya mengulas cara memperbaiki halaman blog anda yang lola saat diakses oleh pengunjung. seperti gambar di bawah ini
apa yang akan anda lakukan jika melihat keterangan untuk memperbaiki javascript tersebut. misalnya anda disarankan untuk membuang script di bawah ini pada bagian edit HTML blog.
"https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"
sebelum cara ini di terapkan anda, sebaiknya anda membackup template dulu agar tidak terjadi kesalahan mengeditnya atau copy paste semua ke notepad kode templatenya.caranya cukup gampang banget. anda tinggal ke pengaturan Edit HTML di bagian menu Tema blogger. lalu anda cari kode script ini "jquery.min.js" dengan cara tekan CTRL + F, kemudian ketik kode tadi di bagian kolom cari html dan tekan enter. jika sudah ketemu kodenya akan seperti ini penampakanya.
"<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'/>"
selanjutnya anda tinggal cukup hapus saja kode tersebut lalu simpan template dan coba anda analis kembali url halaman blognya ke halaman google PageSpeed. jika penerapannya benar, maka kode script keterangan di atas sudah bisa di atasi oleh anda sendiri kemudian klik simpan. kita lanjut ke permasalahan script selanjutnya yaitu dengan keterangan seperti dibawah ini
"https://www.blogger.com/static/v1/widgets/3332739511-widget_css_bundle.css"
hal yang anda lakukan untuk script masalah css diatas, anda cukup tinggal merubah beberapa kode saja di edit html.
rubah kode <head> menjadi <head> dan
kode </head> diganti menjadi </head><!--<head/>-->
lalu simpan. silahkan ambil disini untuk kode penerapanya.
maka setelah anda mengikuti cara di atas dengan benar, nanti akan menjadi seperti gambar di bawah ini
gambar diatas untuk tampilan desktop dan selanjutnya kita analis untuk smartphone
selanjutnya anda untuk memperbaiki pada gambar yang mungkin terditeksi gambar dengan ukuran besar. ketik <img di kolom pencarian edit HTML lalu enter. cari dimana letak gambar tersebut yang dianggap terlalu besar. biasanya gambar tersebut kodenya seperti ini
"<img src='//www.blogger.com/img/icon_delete13.gif'/>"
atau anda bisa cari / ketik yang berformat "jpg" dan "gif"
pengaruh lainnya anda sebelum membuat artikel, anda harus di anjurkan untuk membuat tampilan gambar dengan ukuran kecil saja atau anda bisa mengelola bagian gambar di artikel dengan menekan gambar ke pengaturan small. jangan menggunakan gambar yang terlu ukurannya besar. setelah anda membuat artikel, anda coba analis lagi url artikelnya di halaman pagespeed tools google atau anda bisa menganalis tampilan halaman URL utama blog anda.
ketika halaman blog anda berat diakses oleh pengunjung, google akan mengarahkan otomatis url halaman anda ke googleweblight yang artinya pengunjung agar lebih mengoptimalkan kecepatan mengakses web blog anda pada browser smartphone. jika sudah terjadi seperti hal itu, kemungkinan besar iklan yang tampil di blog anda sering tidak tampil atau memang tidak tampil sama sekali kecuali google menampilkan iklan secara otomatis di blog anda dan bukan iklan pilihan anda.
hal ini biasanya terjadi ketika si pengunjung blog mengakses melalui smartphone yang internetnya sangat lambat. beda halnya bagi pengunjung yang menggunakan komputer atau laptop untuk mengakses blog anda secara normal tampilannya. baca disini untuk lebih lanjutnya mengenai tentang googleweblight. jika tampilan blog anda sangat ringan diakses oleh pengunjung, maka sebaliknya url halaman blog anda tidak akan diarahkan ke googleweblight.
untuk membahasa mengenai hal yang saya jelaskan, silhakan anda cari referensinya di pencarian google mengenai googleweblight. disini saya hanya menerapkan untuk mengoptimalkan tampilan template blog saja agar lebih mobile friendly. saran saya, coba buang tampilan widget yang tidak perlu di halaman blog anda yang berada di bagian tata letak blogger anda. copot label dan copot javascript lainnya untuk mengurangi resiko halaman anda lambat saat diakses oleh pengunjung dan buang tampilan popup yang bisa mengganggu kinerja blog anda serta kurangi untuk memasang iklan adsense.
oke hanya itu saja yang dapat saya pelajari. semoga ada solusi terbaik cara mengatasi blog yang selalu diarahkan ke googleweblight atau anda beralih ke domain berbayar saja agar tidak diarahkan secara otomatis ke googleweblight pada saat pengunjung atau trafik dari smartphone mengakses halaman url situs anda. termikasih sudah singgah di blog saya ini dengan penulisan gaya bahasa yang sederhana. harap dimaklum.
"https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"
sebelum cara ini di terapkan anda, sebaiknya anda membackup template dulu agar tidak terjadi kesalahan mengeditnya atau copy paste semua ke notepad kode templatenya.caranya cukup gampang banget. anda tinggal ke pengaturan Edit HTML di bagian menu Tema blogger. lalu anda cari kode script ini "jquery.min.js" dengan cara tekan CTRL + F, kemudian ketik kode tadi di bagian kolom cari html dan tekan enter. jika sudah ketemu kodenya akan seperti ini penampakanya.
"<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'/>"
selanjutnya anda tinggal cukup hapus saja kode tersebut lalu simpan template dan coba anda analis kembali url halaman blognya ke halaman google PageSpeed. jika penerapannya benar, maka kode script keterangan di atas sudah bisa di atasi oleh anda sendiri kemudian klik simpan. kita lanjut ke permasalahan script selanjutnya yaitu dengan keterangan seperti dibawah ini
"https://www.blogger.com/static/v1/widgets/3332739511-widget_css_bundle.css"
hal yang anda lakukan untuk script masalah css diatas, anda cukup tinggal merubah beberapa kode saja di edit html.
rubah kode <head> menjadi <head> dan
kode </head> diganti menjadi </head><!--<head/>-->
lalu simpan. silahkan ambil disini untuk kode penerapanya.
maka setelah anda mengikuti cara di atas dengan benar, nanti akan menjadi seperti gambar di bawah ini
"<img src='//www.blogger.com/img/icon_delete13.gif'/>"
atau anda bisa cari / ketik yang berformat "jpg" dan "gif"
pengaruh lainnya anda sebelum membuat artikel, anda harus di anjurkan untuk membuat tampilan gambar dengan ukuran kecil saja atau anda bisa mengelola bagian gambar di artikel dengan menekan gambar ke pengaturan small. jangan menggunakan gambar yang terlu ukurannya besar. setelah anda membuat artikel, anda coba analis lagi url artikelnya di halaman pagespeed tools google atau anda bisa menganalis tampilan halaman URL utama blog anda.
ketika halaman blog anda berat diakses oleh pengunjung, google akan mengarahkan otomatis url halaman anda ke googleweblight yang artinya pengunjung agar lebih mengoptimalkan kecepatan mengakses web blog anda pada browser smartphone. jika sudah terjadi seperti hal itu, kemungkinan besar iklan yang tampil di blog anda sering tidak tampil atau memang tidak tampil sama sekali kecuali google menampilkan iklan secara otomatis di blog anda dan bukan iklan pilihan anda.
hal ini biasanya terjadi ketika si pengunjung blog mengakses melalui smartphone yang internetnya sangat lambat. beda halnya bagi pengunjung yang menggunakan komputer atau laptop untuk mengakses blog anda secara normal tampilannya. baca disini untuk lebih lanjutnya mengenai tentang googleweblight. jika tampilan blog anda sangat ringan diakses oleh pengunjung, maka sebaliknya url halaman blog anda tidak akan diarahkan ke googleweblight.
untuk membahasa mengenai hal yang saya jelaskan, silhakan anda cari referensinya di pencarian google mengenai googleweblight. disini saya hanya menerapkan untuk mengoptimalkan tampilan template blog saja agar lebih mobile friendly. saran saya, coba buang tampilan widget yang tidak perlu di halaman blog anda yang berada di bagian tata letak blogger anda. copot label dan copot javascript lainnya untuk mengurangi resiko halaman anda lambat saat diakses oleh pengunjung dan buang tampilan popup yang bisa mengganggu kinerja blog anda serta kurangi untuk memasang iklan adsense.
oke hanya itu saja yang dapat saya pelajari. semoga ada solusi terbaik cara mengatasi blog yang selalu diarahkan ke googleweblight atau anda beralih ke domain berbayar saja agar tidak diarahkan secara otomatis ke googleweblight pada saat pengunjung atau trafik dari smartphone mengakses halaman url situs anda. termikasih sudah singgah di blog saya ini dengan penulisan gaya bahasa yang sederhana. harap dimaklum.
2 Comments
ane udah nyoba, tapi masih gagal gan. Cos kalo javascript di hapus tampilan menu versi mobile gak mau muncul saat di klik. Ane pasrah aja dah, dan syukuri tampilan yg sekarang. hehe
ReplyDeletekok bs gagal gan?.... javascript yang mana klo di hapus tdk mau tampil versi mobile?... coba ulangi lg caranya gan. agan pasti bisa.
Deletesilahkan komentar jika berkenan