Cara Setting WP Minify

In Plugin Wordpress

Dengan “Minifies JavaScript, CSS, and HTML”, Kemampuan plugin WP minify untuk mempercepat loading blog wordpress yang mampu mengurangi jumlah HTTP Requests yang terjadi pada saat halaman blog tersebut di download oleh pengguna.

Cara setting wp minify pun cukup simple

  • Instal dan aktifkan plugin tersebut,
  • Ubah file permission (chmod) folder cache di di cpanel root directory wp-content/wp-minify/cache menjadi 777
  • Untuk melakukan konfigurasi wp minify silahkan ke bagian Dashboard >> Menu Settings >> WP Minify

Saat berada di bagian konfigurasi setting wp minify, ikuti beberapa penjelasan sebagai berikut

setting wp minify

setting wp minify

Support this Plugin

Jika anda ingin memberikan credit terhadap author wp minify yaitu dengan memberi link di bagian footer, beri ceklist pada bagian Display “Page optimized by WP Minify” link in the footer. Jika tidak, beri ceklist pada pilihan kedua.

General Configuration

Enable JavaScript Minification : Beri centang pada bagian ini jika Anda ingin semua file Javascript di minify (dihilangkan spasi kosong, mereduce file javascript dll)

Ada beberapa hal yang perlu kita pertimbangkan untuk mengaktifkan fitur ini, terutamanya jika blog wordpress tersebut mengandung script Google Adsense. Karena terkait iklan adsense tidak muncul, ada baiknya nonakitfkan saja fitur ini,. Selain itu, ada beberapa TOS dari Google melarang mengubah kode CSS atau Javascript dari kode iklan adsense. Simak penuturan salah satu member Adsense-id forum di bawah ini terkait masalah minify javascript

“kalo dibaca dari sumber diatas, banned dikarenakan pengguna memanfaatkan page minify setting yg akan mengubah code css n javascript (line break dihilangkan), hal tersebut sudah tertera jelas dalam TOS GA bahwa publisher dilarang mengubah ads code yang didapat (meski hanya sekedar menghilangkan line break kosong ajah). CMIIW” credit for abedoel sumber

Enable CSS Minifcation : Beri centang pada bagian ini jika Anda ingin semua file CSS di minify (dihilangkan spasi kosong, mereduce file javascript dll)

Enable HTML Minification : Beri centang pada bagian ini jika Anda ingin semua file HTML di minify (dihilangkan spasi kosong, mereduce file javascript dll)

Debugging

Combine files but do not minify : Aktifkan fitur ini jika Anda hanya ingin menggabungkan beberapa buah file javascript, CSS dan HTML tapi tidak ingin me-minify-nya

Show minify errors through FirePHP : Beri centang pada bagian ini, jika Anda ingin melihat file minify yang errors. Gunakan firebug dan firePHP untuk melihat minify errors akibat penggunaan plugin ini yang selanjutnya bisa kita atasi dengan menempatkan file tersebut ke dalam Local files Minification “Exclude from minify”. Penjelasan lebih lanjut silahkan ke halaman troubleshooting wp minify with firephp

Local Files Minification

Setting Plugin wp minify

Konfigurasi local file minification di wp minify

Javascript files to exclude from minify (line delimited) : Masukkan file javascript ke bagian ini yang tidak ingin anda Minify filenya dengan menginputkan baris perbaris. Beberapa contoh :

comment-reply.js?ver=20090102    >> JS file plugin wp comment master
jquery.lazyload.mini.js            >> JS file plugin lazy load
commentluv.js                >> JS file comment luv

CSS Files to exclude from minify (line delimited) : Masukkan file CSS ke bagian ini yang tidak ingin anda Minify filenya dengan menginputkan baris perbaris.

URls on which WP-Minify parsing will be disabled (lide delimited) : Inputkan URL file entah Javascript atau CSS yang tidak ingin Anda eksekusi filenya dengan proses minify.

Penjelasan lebih lanjut, silahkan ke halaman how to input wp minify options

Non-Local Files Minification

cara mengatur wp minify

setting wp minify di non local files minification

Jangan beri centang pada bagian “Enable minification on external files” Sebab beberapa kasus kebanyakan file external javaScript atau External CSS akan gagal dieksekusi (error)

Untuk mengisi external javaScript dan CSS file to include into minify, Sangat disarankan lihat indikator files tersebut di firebug. Atau silahkan ke halaman “how to input wp minify options” di atas

Caching

Cache expires after every : waktu yang dibutuhkan untuk menghapus cache minify , secara default terset ke angka 900

Tweaking /tunning

setting advanced option di wp minify

tweaking/tuning wp minify

Beri centang pada semua bagian ini kecuali “Place Minified JavaScript in footer” atau sesuaikan dengan kodisi di lapangan. Jangan lupa jika telah selesai melakukan konfigurasi setting wp minify harap mengklik Update Options untuk menyimpan settingan wp minify yang telah Anda atur sebelumnya

Silahkan Anda bereksperimen dengan menggunakan plugin Wp Minify sambil melihat-lihat perubahan yang terjadi di laporan GTmetrix.com. Sebelumnya, harap nonaktifkan terlebih dahulu plugin cache lainnya seperti Hyper Cache Extended dan DBCache Reloaded Fix.

Semoga bermanfaat ^^

Tags: #hyper cache extended #plugin cache wordpress #setting wp-minify #wp minify

author
Seorang yang masih belajar dari segala sesuatunya. Punya hobby di internet sebagai blogger, menyukai games pc dan tertarik berkecimpung di internet marketing.
Mencegah dan Melawan XMLRPC.PHP DDOS attack
Mencegah dan Melawan XMLRPC.PHP DDOS attack
Tips ini kurang begitu menyakinkan untuk saya
Kelebihan Plugin WordPress SEO by Yoast – Part 2
Kelebihan Plugin WordPress SEO by Yoast – Part 2
Menyambung tulisan sebelumnya alasan menggunakan yoast wordpress
Mengatasi Error add Facebook Admin di WordPress SEO by Yoast
Mengatasi Error add Facebook Admin di WordPress SEO by Yoast
Salah satu kelebihan plugin wordpress seo by
  1. author

    bro eser6 years ago

    Kalau sudah pake plugin w3 total cache apa masih perlu plugin ini bro? Soalnya w3 kan sudah dilengkapi dengan fitur “wp minify”

    Reply
    • author
      Author

      adhan6 years ago

      benar bro, w3 total cache sudah mendukung fungsi dari minify, namun banyak yang mengatakan terutama rekomendasi dari gtmetrix.com menggunakan 3 plugin>> w3 total cache, wp minify, wp smush it..

      jika menggunakan secara bersamaan (w3 total cache + wp minify), fitur minify di w3 total cache dinonaktifkan saja. tapi jika sudah puas dengan w3 total cache, maka tidak perlu lagi menginstal wp minify

      Reply
  2. author

    Aryo Seno6 years ago

    Langsung nyobain ah kayanya powerfull banget

    Reply
    • author
      Author

      adhan6 years ago

      yup,, jangan lupa untuk membandingkan perubahan, sebelum dan sesudah menggunakan plugin ini di gtmetix.com ^^

      Reply
  3. author

    hanif mahaldi6 years ago

    dulu pernah coba pake, tapi akhirnya gak lagi. hehe.

    Reply
    • author
      Author

      adhan6 years ago

      kenapa ya ? tidak lagi,, Apa karena menggunakan w3 total cache ? hehehe

      Reply
  4. author

    Adi Wibowo6 years ago

    Ini plugin wajib untuk semua blog saya mas 😀
    Dan memang beda banget hasilnya.

    Reply
    • author
      Author

      adhan6 years ago

      benar, hasil di gtmetrik pun menunjukan perubahan yang signifikan ^^

      Reply
  5. author

    Jamal Rahmat6 years ago

    Thanks gan…
    Izin CTRL+S dulu yah…

    Reply
    • author
      Author

      adhan6 years ago

      yup silahkan mas rahmat ^^

      Reply
  6. author

    Leo Ari Wibowo6 years ago

    Saya nggak bisa pakai WP-Minify sob. Tampilan blog saya malah jadi kacau. Akhirnya CSS saya minify manual. Sedangkan HTML saya kompresi jadi gzip jadi nggak perlu diminify. Tapi untuk javascript ini yang susah. Sampai sekarang saya belum bisa menggabungkan beberapa javascript yang ada. Ketika saya gabungkan, beberapa fungsi seperti captcha dan upPrev nggak berjalan. Ada saran sob?

    Reply
    • author
      Author

      adhan6 years ago

      themesnya menggunakan framework ga gan ?
      klo menggunakan framework, ada sebagian themes yang wp minify tidak bisa digunakan.. karena berdasarkan pengalaman saya themes yang menggunakan bermodel framework wp minify malah merusak struktur themes, entah penyebabnya apa,, (tertuma themes PageLines)

      wp minify juga punya kelemahan dalam mengcombine file javascript, jadi lihat indikator url js di gtmetrix.com gan,, baru dimasukkan ke dalam “Local Files Minification” (yang URL) entar wp minify tidak akan mengeksekusi file tersebut.

      ada plugin sejenis wp minify, tapi saya belum pernah mencobanya, namanya “better wp minify” katanya lebih mudah konfigurasinya

      Reply
      • author

        Leo Ari Wibowo6 years ago

        Bukan. Bukan framework. Tapi saya tidak terlalu mempermasalahkan HTML dan CSS karena memang sudah saya optimalkan manual. Hanya javascript ini saja yang agak mengganggu.

        Kalau better wp minify, saya sudah coba. Dan hasilnya sama saja. Sebenarnya saya mencari solusi yang non plugin gan. Tadi barusan google, sepertinya saya akan mencoba head js.

  7. author

    iklan baris6 years ago

    tutor yang bermanfaat, makasih infonya…

    Reply
    • author
      Author

      adhan6 years ago

      sama-sama, terima kasih sudah berkungjung ^^

      Reply
  8. author

    yhm6 years ago

    mantappzz pertaamxx …
    thanks atas tutornya mas …
    berguna untuk pribadi dan visitor 😀

    Reply
  9. author

    wongkediri6 years ago

    klo di adu ama autoptimize gmn Bro?
    http://wordpress.org/extend/plugins/autoptimize/

    soalnya pk itu jarang banget ada error/layout rusak

    Reply
    • author
      Author

      adhan6 years ago

      baru dengar gan, sepertinya bagus,, tapi ya,belum ada updatean terbarunya, ^^
      maaf gan linknya sya hapus soalnya broken link

      Reply
  10. author

    admin6 years ago

    patut di coba plugin ini 🙂

    Reply
  11. author

    obatherbaluntukpenyakit6 years ago

    makasih banyak nich infonya…
    saya agak bingung nich, ko hasilnya setelah di pasang plugin ini
    tampilannya berubah ya…
    tampilan tamplatenya jadi ancur makasih

    Reply
    • author
      Author

      Adhani Blog6 years ago

      saya lihat tampilan websitenya normal mas, ada baiknya,, uncheak di javascript dan jangan diberi centang pada bagian Place Minified JavaScript in footer

      Reply
  12. author

    Red5 years ago

    kalo mau pasang GA, apakah cuman javascript yg jangan dicentang? gimana dengan CSSnya bro ?

    Reply
    • author
      Author

      Adhani Blog5 years ago

      maaf, dulu saya menggunakan wp minify + adsense cuma menghilangkan centang enable Javascriptnya, soalnya menghindari iklan adsense tidak muncul.
      sedangkan yang dimaksud oleh tulisan di ats hanya sebatas be aware

      Reply
  13. author

    agro5 years ago

    saya sudayh menerapkan petunjuk diatas tapi loding blog saya kok masih lambat ya. apa ada kesalahan yang lain. ? berbagi dong mas bro

    Reply
    • author

      adhani blog5 years ago

      sudah cepat kok mas, klo mau lebih cepat lagi hilangkan plugin stt2 dan seo alrp. sebab kedua plugin ini membebani server hosting

      Reply
  14. author

    Ali Wachid5 years ago

    jangan lupa setelah selesai konfigurasi Ubah file permission (chmod) folder cache di di cpanel root directory wp-content/wp-minify/cache menjadi 777 selesai edit menjadi 755 save

    Reply
  15. author

    Obat nyeri haid5 years ago

    Buat saya yang awam bahasa pemrograman cukup dibikin sedikit kesulitan memahaminya,harus lebih semangat lagi untuk belajar….

    Reply
  16. author

    obat penyakit jantung5 years ago

    kita udah ikutan nyimak,tks banget gan atas tulisannya sangat memberikan pencerahan,walau ada sedikit yang kurang di mengerti

    Reply
  17. author

    Pendidikan Islam4 years ago

    Loading Blognya cepat, mantap!

    Reply
  18. author

    Dwi Susanto2 years ago

    Kalau plugin upprev nggak muncul di halaman web,,, itu pengaruh apa ya?

    Reply
    • author
      Author

      Adhan S.Ramadhani2 years ago

      kemungkinan akibat minify javascript dari plugin ini mas, bisa di atur di exclude minify setting agar javascript dari plugin upprev tidak diminify. Apabila tidak menggunakan plugin ini namun menggunakan plugin cache lain, lihat di fitur minifynya apakah aktif atau tidak. Mungkin bisa di offkan minifinya atau tidak diminify seperti yang saya sebutkan sebelumnya

      Reply
  19. author

    obat kuat pria alami2 years ago

    mantap kawan ilmu nya…thx sudah berbagi

    Reply
  20. author

    Alvian6 months ago

    Untuk konfigurasinya bagaimana mas?

    Reply
  21. author

    hammer of thor asli4 weeks ago

    makasih infonya gan

    Reply

Leave a reply "Cara Setting WP Minify"

Must read×

Top