√8 Cara optimasi dan mempercepat template VioMagz versi 3.0 terbaru - dirga.id

8 Cara optimasi dan mempercepat template VioMagz versi 3.0 terbaru

8-Cara-optimasi-dan-mempercepat-template-VioMagz


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-template-viomagz-dengan-gtmetrix
Hasil Test GTmetrix dari Template VioMagz


- Hasil Test dengan Google PagespeedInsight

hasil-test-template-viomags-versi-mobile-dengan-google-pagespeedinsight
Hasil Test Google PagespeedInsight VioMagz versi Mobile



hasil-test-template-viomagz-versi-desktop-dengan-google-pagespeedinsight
Hasil Test Google PagespeedInsight VioMagz versi Desktop

- Hasil Test dengan tool Test My Site by thinkwhitgoogle

hasil-test-template-viomagz-dengan-thinkwhitgoogle
Hasil Test dengan thinkwhitgoogle VioMagz
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-ke-blogger-

  •  Masuk menu Tata Letak , Lalu pilih navbar

masuk-menu-tata-letak-pilih-navbar

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


menonaktifkan-navbar-bawaan-blogger-di-viomagz

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
masuk-menu-tema-pilih-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
menghapus-thumnail-postingan-populer-di-viomagz
  • 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.

Bila anda tertarik untuk memasangnya bisa baca di : Cara memasang script lazy load gambar di blogger agar loading lebih cepat

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.

Untuk tutorialnya bisa membaca di : Cara memasang script expired header untuk mempercepat loading blogger


Itu tadi merupakan cara optimasi dan mempercepat template viomagz agar loading blog lebih cepat,cara ini juga sudah di praktekkan oleh dirga.id anda bisa melihat hasilnya di bawah ini :

hasil-testmysite-thinkwhitgoogle-viomagz-optimasi-by-caramedia.web.id
Hasil Test thinkwithgoogle dari Optimasi VioMagz


hasil-test-gtmetrix-viomagz-optimasi-by-caramedia.web.id
Hasil Test GTmetrix dari Optimasi VioMagz


hasil-test-google-pagespeed-insight-mobile-viomagz-optimasi-by-caramedia.web.id
Hasil Test Google PagespeedInsight Mobile dari Optimasi VioMagz

hasil-test-google-pagespeed-insight-desktop-viomagz-optimasi-by-caramedia.web.id
Hasil Test Google PagespeedInsight Desktop dari Optimasi VioMagz


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.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel