[WTS]Tips mempercepat loading blog dan web untuk pemula

[SHARE]Tips mempercepat loading blog dan web untuk pemula

Banyak manfaat ketika web/ blog kita mempunyai loading yang cepat

1. web crawler/ search engine bot akan mengcrawl dengan baik

2. tingkat bounce rate akan menurun, menunjukan visitor betah berlama2 di blog/ web kita dan visitor mudah mengakses web/blog kita yang pada akhirnya akan meningkatkan tingkat konversi penjualan atau klik iklan yang kita pasang

tips2 ini mungkin sudah lumrah di kalangan master2 disini tapi bisa jadi banyak yang belum tahu apalagi para pemula yang abru belajar ngeblog. tips ini dapat diimplementasi pda semua cms maupun non cms

TIPS :

1. Hapus/ modifikasi sumber/ source seperti gambar/ javascript/api yang mebutuhkan akses lama

Untuk mengidentifikasinya agan2 bisa menggunakan tools bawaan dari browser chrome "developer tools" atau menginstall plugin "firebug" untuk browser firefox

Untuk mulai menggunakannya buka web/blog yg ingin di cek klik kanan di halaman lalu pilih "inspect element" setelah muncul box developer tools pilih tab "Networks" lalu reload/ refresh page



seperti contoh diatas dapat dilihat ada satu sumber "berasal dari script tracker HITSTAS" yang membutuhkan 40 detik untuk loading. berdasarkan data tersebut nah agan bis mengambil keputusan, membiarkan, menghapusnya, atau mengganti dengan tracker lain yang lebih cepat. untuk memastikan validitas data tersebut coba reload beberapa kali dan ambil rata2 nilai dari data tersebut.

Selain itu agan2 juga bisa melihat sumber/source lain seperti gambar/ api lain yang tidak bisa diakses. coba lihat gambar diatas sekali lagi nah dari hasil diatas ada kolom "STATUS" sebagai contoh apabila ada gambar yang tidak ada/ hilang status akan menunjukan kode "400" Not found dan diberi warna merah.Tools ini juga akan memberikan suggestion dan peringatan mengenai script/ code di web atau blog kita yang tidak optimal atau bisa dioptimalkan lagi. untuk warning lihat di box paling bawah namanya "CONSOLE"

2. Gunakan layana CDN / Conten Delivery Network

secara singkat Layanan CDN akan membantu kita memberikan konten website, file download dan data ke pengunjung atau penerima agar lebih cepat dan lebih efisien melalui jaringan server yang terhubung yang disimpan di berbagai negara. Jadi ketika visitor berkunjung ke web kita dimana web kita di hosting di US maka ada kemungkinan untuk gambar, file dan lainya yang diakses pengunjung berasal dari server CDN di singapura atau bahkan Indonesia, sistem CDn juga akan mengaktifkan sistem cache dimana returning visitor (penunjung yang kembali) akan meload gambar. file dll dari perangkat (PC, smartphone. dll) yang dia gunakan karena sebelumya telah disimpan di cache browser. selain itu beberapa CDN juga memiliki fungsu untuk mengkompress file, gambar dll

Untuk CDN gratis saya rekomendasi "Cloudflare" cloudflare[dot]comUntuk permulaan di Cloudflare pilih optimasi standar "CDN+Basic Optimization", apabila web agan jarang update dan ga membutuhkan banyak data dinamis bisa gunakan setting "CDN + Full Optimization" dan load web/ blog agan akan menjadi super duper cepatnya




3. Compress code javascript dan CSS

Salah satu cara untuk mempercepat load web adalah dengan mengkompress kode javascript dan code css, kenapa karena browser membaca kode2 tersebut secara berrutan dan per karaker termasuk "Whitespace"/ spasi, jadi semakin banyak spasi di kode web kita senmakin banyak waktu terbuang bagi browser untuk membaca kode/ script di blog / browser kita. untuk mengkompress script javascipt dan css agan2 bisa menggunakan tools online yang bertebaran di internet, ketikan saja "javascipt minify", atau "javascript compress" atau "css minify"Contoh script sebelum di kompress :



Contoh script sebelum setelah di kompress :



4. Import library javascript/ Jquery dari CDN google dan pilih versi min

untuk web/ blog yang menggunakan jquery apabila librarynya tidak di host sendiri lebih baik mengambil dari CDN nya google dengan versi min. untuk versi min biasanya diberi akhiran .min

Contoh import library dari CDN google :

Untuk yang librarynya di host coba periksa lagi apakah yang diimport versi min nya atau bukan

5. Cek secara berkala dengan tools untuk test kecepatan

Setelah semua optimasi dilakukan silakan test kecepatan load blog agan dengan Website Speed Test yang bertebaran di internet. seperti tools gratis dari Pingdom

Apabila hasil test menunjukan diatas 10 detik apalagi 20 detik agan mesti curiga berarti ada sesuatu yang salah di pagenya agan, diatas 20 detik biasanya visitor dah males nerusin kunjungan ke web kita, kecuali emang si pengunjung butuh banget dan urgent untuk meneruskanya




Nah sampai disini tips dari saya, kalo ada salah2 dikit mohon dimaafin ya gan maklum postingan pertama di forum ini

Agan2 disini bebas share artikel ini asal bukan untuk tujuan komersil ya gan

 

Judulnya kok [WTS] + Tips

 

Berarti WTS disini artinya Want To Share om

 

iya gan itu maksudnya maaf salah ... soalnya baru posting masih grogi

 

nice share gan ntar ane praktekin

 

Manfaat CDN ternyata hebat bener ya.
Thanks.

 

Javascript yang terlalu banyak bisa memperberat Website

 

kapan buka jasa gan? diperlukan nih jasanya

 

Mantab gan share nya ijjn praktek

 

Bagus sharenya gan

 

mantap sharenya gan, nunggu agan buka jasa

 

hahaha.... Iya... Sampe bingung juga. Biasa WTS itu Want To Sale. Anyway, that's great tips...

 

CDN Cloudflare dulu biasanya sering terjadi error gan.
Sekarang gimana mas pelayanan dari cloudflare sendiri ? apakah masih sering terjadi error ?

 

mangstab sharenya gan bermanfaat

 

nice share gan,
kudu di bookmark buat oprek blog nih biar wush

 

Thanks gan sharenya

 

Re: [SHARE]Tips mempercepat loading blog dan web untuk pemula

Pakai cloudflare emang bagus gan tapi site ane kok gambarnya ga muncul ya di chrome?

Bisa bantu edit theme ga nih?

 

Re: [SHARE]Tips mempercepat loading blog dan web untuk pemula

Sampai sekarang alhamdulilah jarang banget error, mungkin karena hostingnya jarang down juga

Coba masuk ke menu "setting overview" dan klik "Purge Cache"