Selasa, 04 Desember 2018

8 Cara Optimasi dan Mempercepat Template VioMagz Versi 3.0 Terbaru

source images : VioMagz.com

Template blogger VioMagz merupakan salah satu dari sekian banyak template fenomenal dan favorit para blogger millenial,selain memiliki design yang sederhana dan elegen. Template blogger karya Mas Sugeng ini sudah sangat ringan atau Fast Loading dan SEO Friendly.

Selain itu mitos yang membuat banyak blogger jatuh cinta adalah " Bila blog kita menggunakan template ini,dan artikelnya berada di page one maka akan sulit tergeser oleh kompetitor ". Entah itu benar atau tidak anda bisa membuktikannya sendiri.

Berikut ini hasil test GTmetrix,Google PagespeedInsight dan tool testmysite dari Think Whit Google :

- Hasil Test dengan GTmetrix

Hasil Test GTmetrix dari Template VioMagz

- Hasil Test dengan Google PagespeedInsight
 
Hasil Test Google PagespeedInsight VioMagz versi Mobile
 
Hasil Test Google PagespeedInsight VioMagz versi Desktop
 
- Hasil Test dengan tool Test My Site by thinkwhitgoogle

 

Sebenarnya bila kita melihat pada hasil tersebut,kita sudah menemukan kesimpulan bahwa ini sudah cukup bagus. Namun beberapa blogger di luar sana pasti akan menemui saat dimana mereka berpikir untuk melakukan optimasi pada blog mereka yang menggunakan VioMagz.
Apakah manfaat dari optimasi ini?
Tentunya mendapatkan hasil terbaik dari tiga website tadi dan juga mempercepat kecepatan loading blog kita.
Apa saja keuntungan memiliki blog yang fast loading?
Ada banyak manfaat dari loading blog yang cepat,seperti membuat pengunjung betah berlama-lama di blog kita sehingga mengurangi bounce rate,membuat mesin pencari google lebih menyukai blog kita karena loadingnya yang cepat. Seperti yang kita ketahui bahwa kecepatan pemuatan sebuah situ sudah menjadi salah satu dari sekian banyak faktor yang mempengaruhi SEO.
Lalu bagaimana cara optimasi dan mempercepat template VioMagz ?
Berikut ini beberapa cara yang bisa anda lakukan untuk mempercepat template VioMgaz agar lebih fast loading dan mendapat skor bagus di GTmetrix,Google PagespeedInsight dan Test My Site by thinkwhitgoogle.
1. Menonaktifkan Navbar
Selain hanya memperberat loading,navbar ini juga tidak ada fungsi yang penting pada template VioMgaz. Berbeda hal bila yang anda gunakan merupakan template default blogger seperti PT. Keren Sekali maka Navbar akan berperan cukup penting.
Oleh karena itu lebih baik kita mematikan fitur ini,berikut ini cara menonaktifkan Navbar VioMagz agar lebih ringan :
  • Masuk ke Blogger dengan akun anda






  • Masuk menu Tata Letak , Lalu pilih navbar






  • Lalu pilih Off untuk menonaktifkan ,klik simpan bila sudah selesai



2. Menghapus Gambar Thumbnail Postingan di Hompage
Cara yang kedua ini harus anda lakukan dengan benar dan teliti agar tidak mengalami kesalahan. Berikut ini cara menghapus gambar thumbnail postingan di hompage :
  • Anda harus log in Blogger dahulu seperti langkah pertama
  • Masuk ke menu Tema
  • Lalu klik pada Tombol Edit HTML




  • Hapus kode di bawah ini :
<b:include data='post' name='postthumbnail'/>


  • Setelah itu cari kode CSS berikut ini :

.info-1, .info-2, h2.post-title, .post-snippet {
 margin-left: 275px;
}


  • Bila sudah ketemu silahkan hapus,lalu ganti dengan kode CSS berikut ini :

.info-1, .info-2, h2.post-title, .post-snippet {
 margin-left: 0px !important;
}


  • Bila sudah klik " Simpan Tema "
3. Menghapus Fitur Numbered Page Navigation
Numbered Page Navigation merupakan sebuah fitur untuk memudahkan kita membuka halaman dari setiap postingan yang ada di blog kita,namun sayangnya fitur ini dibuat menggunakan Javascript.
Dimana kode jenis Javascript ini dapat membuat loading blog menjadi berat,oleh karena itu agar lebih ringan kita akan menghapusnya dan mengganti dengan Page Navigation default milik blogger.

Bila pada versi sebelumnya yaitu v2.9 ke bawah anda harus menghapus banyak kode javascript,namun pada versi terbaru anda cukup menonaktifkannya saja.
Berikut ini cara menghapus Numbered Page Navigation :
  • Buka Edit HTML seperti pada tutorial No 2 tadi
  • Lalu cari kode Javascript berikut ini :
var numberedPagination = true


  • Bila sudah ketemu silahkan ganti true dengan false
  • Lalu klik Simpan Tema
4. Memasang Fitur Load More

Fitur Load More adalah pengganti terbaik untuk numbered page navigation maupun tombol page navigation bawaan blogger. Selain ringan,dengan penggunaan fitur ini mampu mengurangi jumlah Bounce Rate dari situ anda.

5. Menghapus Thumbnail Pada Widget Popular Post
Gambar yang ada di widget postingan populer memang membuatnya terlihat lebih menarik,namun asal kalian tahu bahwa itu hanya membuat loading blog anda bertambah berat.
Berikut ini cara menghapus thumbnail pada widget popular post VioMagz :
  • Buka Menu Tata Letak seperti pada langkah-langkah sebelumnya
  • Lalu Pilih Postingan Populer/Popular Post
  • Hapus Centang pada pilihan Thumbnail Gambar




  • Lalu klik Simpan
6. Menghapus Fitur Numbered di Popular Post
Fitur Numbered di popular post memang membuatnya terlihat lebih menarik,namun ini hanya membuat loading menjadi berat dan menambah jumlah request daru blog kita,untuk ini sifatnya optional.. anda bisa memilih untuk menghapusnya atau tidak.
Berikut ini cara menghapus fitur numbered di widget popular post VioMagz :
  • Buka Menu Tema
  • Lalu klik tombol Edit HTML
  • Setelah itu cari dan hapus kode di bawah ini
<b:include name='numberedpopularposts'/>

  • Bila sudah klik Simpan Tema
7. Memasang Script Lazyload untuk Gambar
Script lazyload ini adalah fitur yang membuat gambar hanya akan dimuat ketika pengunjung membuka/mengaksesnya. Sehingga pada saat pengunjung membuka blog kita mereka hanya memuat beberapa file - file penting saja.

8. Memasang Expired Header
Expired Header pada dasarnya berfungsi untuk menyimpan cache pada browser sehingga saat pengunjung membuka blog kita untuk kesekian kalinya,mereka bisa memuat dalam waktu cepat. Karena fitur ini bekerja dengan menyimpan cache dari file seperti CSS,HTML,JS,Jpg.PNG,ico dan file lain yang terdapat di blog kita.

Itu tadi merupakan cara optimasi dan mempercepat template viomagz agar loading blog lebih cepat,cara ini juga sudah di praktekkan oleh pedialuqman.blogspot.com

 Bagaimana? cukup meningkat jauh bukan? selain menjadi lebih fast load template ini setelah di optimasi juga memiliki nilai request yang sedikit. Tunggu apalagi? ikuti cara optimasi dan mempercepat template VioMagz ini dan jadikan blog anda lebih bagus dimata Google.

0 komentar:

Posting Komentar