Selasa, 27 Desember 2016

Percepat Loading Blog dengan Optimasi CSS Delivery


Bagi pengguna flatform blogger kecepatan loading blog dari sisi server memang tidak perlu diragukan lagi. Walaupun gratis, akan tetapi perusahaan raksasa seperti google tentu memiliki kualitas server yang terjamin, dan ini terbukti. 

Berbeda jika anda menggunakan self hosting, dan menggunakan CMS seperti Wordpress, anda harus mebayar biaya cukup mahal untuk bisa mendapatkan kualitas server yang bagus.

Untuk memaksimalkan kecepatan loading blog pada blogger lebih jleb lagi, ada beberapa hal penting yang harus dilakukan, dua diantaranya pernah dibahas pada postingan sebelumnya.
  1.  Remove Render Blocking Javascript
  2. Cara Mengoptimalkan Gambar, dapatkan lampu Hijau pada Google Page Speed Insight

Silahkan dibaca terlebih dahulu kedua postingan tersebut. Masih berkaitan erat dengan kedua postingan diatas, berikut ini akan dibahas cara yang tak kalah penting untuk meningkatkan kecepatan akses blog dengan mengoptimlkan CSS Delivery.

Ok, sebelum pembahasan ini lebih jauh, silahkan cek speed blog anda terlebih dahulu pada Google Page Speed Insight, Jika hasil test terdapat laporan seperti gambar dibawah berikut ini, maka anda membaca tutorial yang tepat untuk menyelesaikan permasalahan tersebut.
Pada gambar diatas kita bisa perhatikan text yang berwarna biru " Optimize CSS delivery" yakni untuk file CSS Bundel (pada kotak warna merah).

CSS bundel merupakan file css yang dimiliki oleh template blogger yang secara default sudah terpasang. Salah satu fungsi utamanya adalah untuk mereset tampilan blog ke format standar blogger. 

Untuk memperbaiki error yang tampak pada gambar diatas, ternyata kita harus me-remove css bundle tersebut dari template blog yang anda gunakan.

Berikut 3 alasan kenapa sebaiknya anda me-remove CSS bundle dari template anda.
  1. Jika anda menggunakan custome template, tidak ada alasan bagi anda untuk tidak menghapus CSS bundel dari blog anda.
  2. Jika anda anda adalah seorang Template Designer atau bagi anda yang hoby edit template blogger, pekerjaan anda akan menjadi lebih sulit dengan adanya CSS bundle, karna jika tidak sesuai maka tampilan akan diresete ke tampilan standar blogger.
  3. Ini akan mempercepat loading blog anda cukup signifikan, buktikan setelah anda menghapus CSS bundel, lakukan pengecekan ulang pada Google page speed insight.

 Cara Me-Remove CSS Bundel


Silahkan login ke Blog anda, setelah anda berada pada halaman dashboard silahkan buka menu Template + Edit HTML. 

Cari code <head>, Kemudian ganti dengan kode &lt;head&gt;

Setelah itu cari lagi kode </head> Kemudian ganti dengan Kode &lt;/head&gt;&lt;!--<head/>--&gt;

Terakhir, simpan perubahan. Sekarang silahkan anda periksa kembali speed blog anda pada google page speed insight, dan lihat hasilnya.

Senin, 26 Desember 2016

Cara Mengoptimalkan Gambar, dapatkan lampu Hijau pada Google Page Speed Insight


Postingan Cara mengoptimalkan gambar untuk mendapatkan lampu hijau pada Google page speed insight ini merupakan pembahasan lanjutan dari postingan sebelumnya yaitu Cara Remove render Blocking Javascript, silahkan anda baca terlebih dahulu. Serial postingan ini khusus membahas bagaimana meningkatkan speed blog pada blogger guna mendapatkan ranking yang lebih bagus pada mesin pencari.

Gambar merupakan media pendukung postingan yang sangat efektif untuk SEO. Dengan gambar anda bisa meningkatkan trafik kunjungan dan mengurangi nilai Bounce rate dari blog atau website yang anda kelola.

Bagaimana gambar bisa meningkatkan trafik kunjungan?

Melalui mesin pencari, jika gambar pada postingan anda menarik dan cukup sesuai dengan keyword yang dicari, maka mesin pencari akan menampilkan gambar anda pada hasil pencarian, kemungkinan besar orang yang mencari gambar tersebut juga akan membuka blog atau website anda.

Melalui social media, ketika anda atau orang lain share tulisan blog anda ke sosial media, social media tersebut secara otomatis akan menampilkan feature image  dari postingan tersebut, semakin menarik gambar yang anda tampilkan, maka semakin besar pula peluang tulisan anda dibuka oleh para pembaca.

Bagaimana gambar bisa mengurangi nilai Bounce rate (Nilai pentalan)?

JIka halaman dibuka dalam rentang waktu yang singkat, kemungkinan besar akan dinilai sebagai Pentalan, semakin tinggi nilai Pentalan, maka semakin buruk pulau nilai sebuah website pada mesin pencari. Jadi dengan menyuguhkan gambar ilustrasi yang menarik tentu pengunjung juga akan lebih betah membaca sebuah halaman dibandingkan dengan halaman yang tidak memiliki gambar sama sekali.

Bagaimana Cara Mengoptimalkan Gambar Untuk Mempercepat Loading Blog pada Blogger


Cara Mengoptimalkan Gambar Untuk mendapatkan lampu Hijau pada Google Page Speed Insight, GTmetrix atau Pada Pingdom Tool pada blogger memang agak sedikit manual dibandingkan dengan wordpress. Pada wordpress terdapat Plugin Wp-Smush yang bisa mengerjakan pekerjaan Optimasi gambar secara otomatis. Saya pernah membahas ini pada postingan di website sasambo design, silahkan cek tulisannya di sini Optimalkan gambar otomatis dengan wp smush.

Untuk di blogger, berikut beberapa langkah untuk mengotimalkan gambar agar loading website menjadi lebih cepat.
  •  Pertama Ukuran panjang dan lebar Gambar.  Untuk ukuran panjang dan lebar gambar, sesuaikan dengan lebar kolom postingan blog anda, ukuran gambar jangan melebihi ukuran lebar kolom postingan, karna akan merusak tampilan halaman postingan yang akan berpengaruh langsung pada user experience.  Hindari melakukan scaling gambar, selalu tampilkan ukuran original gambar pada postingan, karna faktor ini yang nantinya sangat berpengaruh pada kecepatan loading website.
  • Kedua Ukuran Besar gambar. Selalu usakan ukuran gambar dibawah 50 KB, semakin kecil semakin bagus. Gunakan software seperti Phostoshop untuk melakukan kompresi secara maksimal tapi dengan resolusi gambar yang masih bagus. Pada photoshop anda bisa memanfaatkan fitur "save for web" fitur ini sangat powerfull untuk menghasilkan gambar dengan kompresi maksimal.
Untuk kompresi gambar dengan hasil yang bagus tapi dengan ukuran yang kecil memang sulit dilakukan. Semakin kecil ukuran gambar biasanya akan berbanding lurus dengan kualitas gambar.  Setelah mencoba beberapa software image processor, software edit gambar Photoshop ternyata memberikan hasil yang maksimal.

Video Tutorial Kompresi Gambar dengan Photoshop


 

Gambar pada Blog Lombog blogger saya kompres sampai ukuran dibawah 10Kb, kecuali pada postingan tertentu. Ukuran gambar yang kecil ini memang sangat berpengaruh pada peningkatan kecepatan loading blog.

Penutup

Jika masih ada yang kurang jelas dalam pembahasan Cara Mengoptimalkan Gambar Untuk mendapatkan lampu Hijau pada Google Page Speed Insight ini, silahkan didiskusikan pada kolom komentar. Salam Lombok Blogger, terimakasih

Cara Remove Render Blocking Javascript


Ketika anda memeriksa kecepatan akses blog atau website anda pada tool seperti Google page speed insight, biasanya anda akan mendapatkan warning "should fix!" Eliminate render-blocking JavaScript and CSS in above-the-fold content, ternyata ini merupakan salah satu faktor yang sangat berpengaruh pada kecepatan akses dari blog atau website anda. Pada tulisan ini Lombok blogger akan membahas bagaimana cepat mengatasi permasalahan ini.

Sebelum browser menampilkan sebuah halaman website, terlebih dahulu script yang ada pada website tersebut akan di-parse/diuraikan (Javascript dan css) baru kemudian ditampilkan. Jadi selama proses penguraian tersebut, jika ditemukan script yang dipanggil dari sumber external, maka proses penguraian akan dihentikan untuk mendownload script terlebih dahulu, baru kemudian proses penguraian dilanjutkan kembali. Ternyata proses ini sangat berpengaruh pada kecepatan blog atau website ketika diakses.
Kecepatan loading website merupakan salah satu faktor utama website layak berada pada halaman pertama pada hasil pencarian. Perusahaan Search engine tentu tidak ingin mengecewakan user dengan menampilkan website yang memiliki loading halaman lambat pada halaman pertama hasil pencarian.

lombok blogger
Lombok blogger pada page speed insight, setelah dilakukan pengoptimalan Javascript dan css.
Blog lombok blogger (sebelum menambahkan beberapa gambar dengan ukuran diatas 100KB) mendapatkan lampau hijau pada Google page speed insight, baik pada versi desktop maupun versi  mobile. Tapi setelah menambahkan postingan yang mengharuskan untuk menggunakan gambar dengan ukuran yang cukup besar, maka sekarang berada dilevel 80-an/100.

Perlu diketahui, selain javascript dan css external, gambar juga memiliki pengaruh yang cukup besar pada kecepatan loading website. Pastikan anda menggunakan gambar dengan kompresi maksimal, dan selalu tampilkan gambar pada halaman dengan ukuran original ( tidak dikecilkan atau dibesarkan).

Cara Menghilangkan Render-blocking JavaScript and CSS in above-the-fold content


Untuk mengatasi masalah ini, caranya sebenarnya cukup sederhana, masalah ini mucul karna anda memanggil script javascript dan css dari sumber luar atau eksternal, maka untuk mengatasinya, kita hanya perlu memasang script tersebut pada blog atau website anda, caranya.

Remove Render Blocking JavaScript pada Blogger



Perhatikan gambar diatas, pada text yang berwarna biru "Remove render-blocking Javascript" terdapat link javascript yang dipanggil ketika browser menguraikan halaman website, jadi kode javascript ini tidak terdapat pada website, akan tetapi terdapat pada sumber luar, dan akan dipanggil jika browser menguraikan halaman website untuk ditampilkan.

Silahkan copy link javascript tersebut, kemudian buka tab baru pada browser anda, selanjutnya paste dan tekan enter untuk melihat isi dari script tersebut. Maka akan terlihat seperti gambar dibawah berikut.


Langkah selanjutnya, copy semua baris script pada browser, dengan menekan tombol ctrl+a pada keyboard. Code Javascript yang sudah di Copy selanjutnya anda pasang diantara kode berikut  

<script type="text/javascript"> Pasang kode javascript disini </script>

Ganti text yang berwarna merah dengan kode javascript yang sudah anda kopy sebelumnya. Selanjutnya kopi semua code setelah digabungkan.

Masuk kehalaman dashboard blogger, kemudian pilih menu Tata Letak, lalu tambahkan widget HTML/Javascript, kemudian paste kode javascript yang sudah anda kopi pada widget tersebut, Pada kolom judul dikosongkan saja, kemudian tekan tombol save.

Sekarang coba anda lakukan pengetesan pada google page speed insight,  error render blocking javascript seharusnya tidak muncul lagi.

Penutup

Untuk Optimasi CSS Delivery, akan dibahas pada postingan berikutnya, jika ada yang masih kurang jelas dan perlu ditanyakan pada postingan cara remove render blocking javascript ini, silahkan tinggalkan pesan pada kolom komentar. Suka dengan postingan ini, silahkan like fapage facebook kami Lombok Blogger, dapatkan informasi terupdate tentang tutorial SEO dan Blogger, terimakasih

Rabu, 21 Desember 2016

Cara Cepat Membuat halaman Sitemap Blog

membuat halaman sitemap blog

Sitemap atau peta situs merupakan sebuah halaman pada blog atau website yang berisi postingan lengkap dari blog tersebut, dari postingan paling awal sampai postingan terbaru, guna memudahkan pengunjung untuk menemukan konten yang mereka cari. Pada kesempatan ini Lombok Blogger akan membahas cara cepat membuat halaman sitemap pada blogger.

Jadi halaman sitemap lebih seperti daftar isi, yang akan memudahkan para pembaca blog untuk melihat keseluruhan isi dari sebuah blog atau website. Sebagai contoh anda bisa melihat sitemap dari blog Lombok blogger pada halaman sitemap blog ini, Lihat sitemap lombok blogger melalui link berikut ini Lombok Blogger Sitemap

Keuntungan Membuat Halaman Sitemap

  • Ternyata selain memudahkan pengunjung untuk memetakan situs kita, menampilkan halaman sitemap pada blog juga bisa berpengaruh langsung pada SEO, karna dengan adanya halaman sitemap, Robot google akan lebih mudah membaca konten yang ada pada suatu blog atau website.
  • Bagi blogger yang ingin menampilkan iklan goolge adsense pada blog mereka, membuat halaman sitemap juga bisa menjadi faktor penting agar bisa cepat diterima jadi publisher google.

Cara Membuat Halaman Sitemap


Untuk membuat sitempa pada blog sebenarnya sangat sederhana, anda tinggal membuat sebuah halaman baru pada blog anda. Login ke www.blogger.com, kemudian klik menu Page/Laman + New Page/ Laman Baru. Selanjutnya isikan judul halaman dengan judul "sitemap" atau "peta situs". Selanjutnya kopikan kode dibawah berikut. Pastikan anda sudah mengaktifkan mode pengeditan HTML

<script type="text/javascript">
var numposts = 100;
var standardstyling = true;
function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>
');
}
</script>

<ul>
<script src="https://nama-blog.blogspot.co.id/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
Ganti alamat blog pada text yang berwarna merah dengan alamat blog anda. Selanjutnya simpan perubahan, klik tombol "Pratijau" untuk melihat halaman sitemap, apakah sudah bisa menampilkan daftar isi postingan blog anda atau belum. Jika sudah, silahkan klik tombol "Publikasikan" untuk menerbitkan halaman sitemap yang anda buat.

Lihat juga tulisan cara Terbaru submit sitemap Blog ke Google dan Bing

Demikian tadi tutorial blogger, cara cepat membuat halaman sitemap pada blogger, jika ada yang masih kurang jelas dan perlu ditanyakan, silahkan tinggalkan pesan pada kolom komentar. Jika anda suka dengan tulisan ini, silahkan like fanpage Lombok Blogger,dan dapatkan update informasi terbaru seputar blogger informasi menarik lainnya, terimakasih.

Selasa, 13 Desember 2016

Lembah Sembalun Sebagai Pemenang Best halal Honeymoon Destination 2016

lembah sembalun lombok world best halal honeymoon destination

Akhirnya Lembah sembalun keluar sebagai pemenang dalam ajang international pemililhan Destinasi Bulan Madu Ramah Wisatawan Muslim Terbaik, World best halal Honeymoon destination 2016.

Lembah sembalun layak memenangkan penghargaan bergengsi tingkat dunia ini, seperti yang pernah kami tulisankan pada postingan sebelumnya 11 Alasan Kenapa Lembah sembalun Layak memenangkan World best halal honeymoon destination.

Nusa Tenggara barat sendiri dalam ajang wisata halal dunia ini berhasil memenangkan 3 kategory yakni
  1. World’s Best Halal Honeymoon Destination (Sembalun Valley Region, Nusa Tenggara Barat)
  2. World’s Best Halal Travel Website (www.wonderfullomboksumbawa.com)
  3. World’s Best Halal Beach Resort (Novotel Lombok Resort and Villas)
Pengumuman pemenang dilakukan di Abu Dhabi, pada hari Selasa 7 Desember 2016. Indonessia berhasil keluar sebagai pemenang setelah menyabet kemenangan dalam 12 kategory dari 16 kategory yang diperebutkan.

Kemenangan Lembah sembalun sebagai World best halal honeymoon destination menjadikan Pulau Lombok sebagai juara bertahan dalam kategory wisata halal honemoon, karna pada tahun sebelumnya Lombok juga memenangkan 2 katageroy yakni World best halal tourism destination dan world best halal honeymoon destination, sebuah prestasi besar untuk dunia pariwisata Lombok sumbawa yang patut kita syukuri.

Angka kunjungan wisata ke NTB dari tahun ke tahun juga terus meningkat, peningkat paling signifikan terjadi pada tahun 2015 dengan angka kunjungan mencapai 2.210.527 wisatawan yang terdiri dari, Wisatawan asing berjumblah 1.061.292 dan wisatawan nusantarata berjumlah 1.149.235. 

Berikut grafik kunjungan wisatawan dari DISBUDPAR NTB dari tahun 2008-2015

kunjungan wisatawan ke lombok
Statistik kunjungan wisatawan ke NTB dari tahun 2008-2015 data dari DISBUDPAR NTB
Semoga kemenangan Lembah sembalun sebagai world best halal honemoon destination ini akan menggerakkan semua pihak, Masyarakat, Pemerintah dan semua organisasi terkait untuk terus berbenah dan terus meningkatkan mutu dan kualitas pelayanan wisata. Semoga masyarakat menjadi lebih sejahtera seiring peningkatan kunjungan wisatawan dan kemajuan pariwisata. Salam Lombok Blogger