Meningkatkan kecepatan dan seo template evomagz

CARA MERINGANKAN DAN MENGOPTIMALKAN TEMPLATE EVOMAGZ

Original

Selamat Datang di Blog Orang IT . Pada postingan kali ini saya akan share trik tips bagaimana cara mempercepat loading template evomagz dan meningkatkan seo semaksimal mungkin , perlu diketahui template evomagz dibuat oleh mas sugeng dengan mengusung konsep magazine . Template ini sangat populer dieranya bahkan sampai sekarang template evomagz menjadi template blogger yang paling banyak digunakan oleh blogger indonesia tak terkecuali blogger mancanegara juga banyak yang menggunakanya karena template evomagz ini sejatinya sudah disetting seo friendly , responsive template , fast loading , full customisasi , valid https dan fast loading

Pertama kali saya menggunakan template evomagz versi 4.0 , beli langsung ke mas sugeng seharga 10$ lewat paypal sampai versi terakhirnya 4.7 dan sudah setahun lebih tidak diupdate oleh sang creatornya membuat evomagz memiliki berbagai masalah serius yang harus diperbaiki sendiri oleh penggunanya menyesuaikan update pembaharuan data terstruktur google

Beberapa masalah yang saya temui ketika menggunakan template evomagz selama 2 tahunan diantaranya error pada tombol share button menutupi judul , beberapa thumbnail error tidak muncul dibeberapa browser seperti mozilla firefox , banyaknya kesalahan error duplikat title dan deskripsi blog baik diwebmaster google maupun dihasil pencarian alhamdulillah sudah dibantu perbaikan sama mas sugeng februari 2017 kemarin kemudian dari segi performa kecepatanya juga semakin menurun karena banyaknya konten gambar yang dimuat dari dalam artikel blog dan beberapa script didalamnya yang tidak bekerja atau terblokir oleh render

Selengkapnya : Memperbaiki duplikat title deskripsi

Sampai bulan kemarin Blog Orang IT masih menggunakan template evomagz dan terus melakukan perbaikan dari dalam karena memang menurut saya template ini sangat bagus , berikut ini sedikit optimasi agar template evomagz anda lebih maksimal

1. Buka template - editor mode html kemudian cari kode berikut dengan keyboard CTRL + F

<b:skin><![CDATA[/*

Lalu ganti dengan script dibawah ini

&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<b:skin><![CDATA[

Selanjutnya cari kode ini

]]></b:skin>

Kemudian ganti dengan kode berikut

*/]]></b:skin>

Lalu hapus kode berikut ini tepat dibagian tag awalnya sampai penutupnya , hanya ada satu kode

<link href='//fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css'/>

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet'/>

Cari kode </head> letakkan kode dibawah ini tepat diatasnya

<script async='async' src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'/><script type='text/javascript'>function loadCSS(e, t, n) { &quot;use strict&quot;; var i = window.document.createElement(&quot;link&quot;); var o = t || window.document.getElementsByTagName(&quot;script&quot;)[0]; i.rel = &quot;stylesheet&quot;; i.href = e; i.media = &quot;only x&quot;; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || &quot;all&quot; }) }loadCSS(&quot;//fonts.googleapis.com/css?family=Open+Sans+Condensed:700&quot;);loadCSS(&quot;https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css&quot;);</script>

Selanjutnya hapus kode ini , cuma satu hapus pada tag awal sampai penutupnya

<script src='//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/>

Cari kode </head> letakkan kode berikut tepat diatasnya

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>

Kemudian kita tambahkan script lay load , script ini fungsinya untuk meringankan loading blog akibat ukuran gambar yang cukup besar atau banyak jadi gambar akan diload ketika pengguna melakukan scrolling

Letakkan script lazy load tepat diatas </body>

<script type='text/javascript'>//<![CDATA[// Lazy Load(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==

a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}

a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwYo3uH_xHh9ivi7JMSAY5jKxhbOyX7R-aWM_ayWfZm0677hVED8nxo8vRLYIk5q5-PA4PwmS0DK7dQDYe3AIKUuVmpsWSQqVlgvkYDR9tWF61M2C1c6MHYvL4Bb_5B-J_ANdE52-BLKxn/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});//]]></script>

Sekarang coba simpan template anda semoga tidak ada yang error

2. Selanjutnya kita akan mengcompress HTML dan CSS template evomagz

Sebelum mencoba langkah ini silahkan disave template anda agar nantinya jika terjadi error bisa langsung dikembalikan keadaan sebelumnya , kita akan mencoba mengcompress loading html css jquery agar loading blog semakin cepat

Contoh Blog Orang IT akan meng-compress kode css menu content warpper, dalam template evo magz setiap kode css akan selalu diawali dengan tag pembuka inisial nama kode tersebut contohnya /* CONTENT WRAPPER */, dan akan diakhiri dengan  kode inisial pembuka css yang lainnya

Silahkan dicopy paste kesitus compressor css berikut ini https://csscompressor.com/ tekan tombol compress dan tunggu hasilnya

Silahkan diganti kode CSS ditemplate evomagz dengan kode baru hasil compressor tadi

Setelah mengcompress CSS lakukan hal yang sama terhadap HTML , ini adalah link untuk HTML compressor http://htmlcompressor.com/compressor/ . Pengaturanya seperti gambar dibawah ini

- Code type pilih blogger ya , klik menu show option disampingnya agar menunya terbuka lebih banyak

-  Ubah HTML Tag and Spaces menjadi Agressive Minimization. Selanjutnya copy kode HTML seluruh kode template yang akan di compress dan tekan tombol compress.

- Jika sudah hapus HTML sebelumnya dan paste dengan HTML hasil compressor yang baru

Sekarang silahkan cek di situs untuk mengukur kecepatan loading blog https://gtmetrix.com  jika anda berhasil seharusnya template anda sekarang kecepatanya sudah meningkat dari pada sebelumnya

Dari pada anda menyewa jasa tambahan untuk meringankan loading blog template evomagz ada
baiknya anda membaca dan mencoba sendiri cara yang saya jabarkan pada postingan diatas , lagi pula beberapa orang yang anda sewa mungkin saja melakukan hal
yang sama namun anda tidak mengerti dan membayar mereka 8$ anda memang suka membuang uang hehe jika anda ingin template evomagz yang saya pakai sebelumnya hubungi saja lewat email tertera

Sekarang sudah sebulan ini Blog Orang IT menggunakan template premium magone beli dithemeforest 22$ patungan dengan beberapa sahabat , template ini legal dan full aktivasi di envato menggunakan sneeit

Sekedar curhat mungkin anda akan menemukan situs abal-abal yang share template magone premium di http://indonesia-komunitas.com/magone-v6-2-6-premium-responsive-news-magazine-blogger-template/ , dalam source template terlihat pemilik situs menambahkan kata crack full aktivated dsb setelah saya lihat kode lisensinya ternyata copy paste dari lisensi template magone yang saya gunakan jujur saya dibuat ketawa ketika membacanya karena untuk mengaktivasi magone dibutuhkan validasi URL blog helmykkediri.com dan lisensi yang digenerate secara otomatis disneeit barulah diaktivasi secara online terhubung keinternet jadi kalau cuma share template yang katanya crack dengan memasukkan kode lisensi saya didalamnya sama saja bohong alias nulled sungguh kebodohan yang hakikih

Mungkin saja jika evomag diupdate sama mas sugeng saya akan kembali menggunakan template tersebut namun untuk saat ini saya memilih menggunakan magone terlebih dahulu sekian dan terimakasih semoga artikel saya ini bermanfaat bagi anda lagi pula saya tidak memaksakan loading blog sampai 100% karena jika memblokir terlalu banyak render beberapa widget favorit tidak bekerja , template tidak maksimal dan seo pun berkurang jadi ya sewajarnya saja

Demikian postingan mengenai cara mengoptimalkan kecepatan loading dan seo template evomagz sekaligus meringankanya semoga bermanfaat jika ada error seperti widget arsip yang tidak berfungsi silahkan ikuti perbaikan relate link dibawah ini sekian dan terimakasih

Selengkapnya : Cara memperbaiki widget arsip