Kenapa loadingnya lambat sekali ?

by hpnugroho

Ini kali ke-4 saya harus menyesuaikan diri. Maksudnya blog ini, harus menyesuaikan diri dengan lingkungan sekitarnya. Makin bingung khan ?

Sebagai seorang pemilik dan pengelola sebuah blog, tentu saja saya tidak bisa tinggal diam jika ada sebuah saran atau kritikan yang datang dari pengunjung. Terlebih bukan cuma seorang, tetapi beberapa orang.

Awalnya beberapa hari yang lalu, saya mencoba mengaktifkan sebuah plugin dengan tujuan mempermudah pengunjung bernavigasi. Tetapi bukannya makin bagus malah berakibat lambatnya loading blog ini.

imageSebenarnya efeknya sudah terasa saat pertama kali preview sesaat setelah plugin diaktifkan. Tetapi karena ada perkiraan ini diakibatkan oleh lemotnya kualitas koneksi internet, saya masih abaikan. Dan dugaan ini juga diperkuat saat saya coba membuka blog dari tempat lain yang koneksinya lebih bagus. Loadingnya masih terlihat normal.

Hingga masuklah komentar dari seorang sahabat yang mengatakan bahwa loading blog ini super lambreta. Diperkuat oleh saksi komentar selanjutnya. Wah … ternyata blog ini memang bermasalah …..

Menindaklanjuti problematika tersebut, segera meluncur ke kediaman mbah Google. Setelah tanya ini-itu, konseling sama mbah, saya merangkum beberapa penyebab mengapa loadingnya lambat sekali.

1. Plugin

Sangat penting untuk tidak berlaku sembarangan dengan plugin. Sebaiknya cek terlebih dahulu ke sumbernya langsung yaitu pembuatnya. Beberapa plugin ada yang bisa menyebabkan crash bila digabungkan, atau crash dengan theme. Seperti yang saya alami. Kesimpulannya, tanpa berpanjang lebar, sebaiknya gunakan plugin seperlunya saja, jangan asal mengaktifkannya. Gunakan plugins yang benar-benar diperlukan. Untuk mempermudah buat scala prioritas.

Contohnya; tentukan prioritas utama adalah plugin pencegah spam, berikutnya plugin pendukung theme, lalu plugin optimasi (SEO) kemudian barulah plugin untuk tampilan.

Nonaktifkan plugin yang tidak digunakan dan sebaiknya di delete dari peredaran.

2. Theme

Jika memangkas plugin masih dirasa kurang, saatnya melihat theme yang digunakan. Usahakan menggunakan theme dengan penggunaan gambar seminimal mungkin. Gambar pada theme memang membuat penampilan menarik, tetapi jika terlalu banyak akan memakan memory sehingga mengganggu kecepatan saat loading.

Kemudian lihat pada CSS-nya, rapikan css nya dari whitespace atau spasi-spasi kosong. Saya menggunakan jasa CSS drive untuk melakukan modifikasi css ini. Selain itu ada sebuah referensi yang menyebutkan untuk meminimalisir penggunaan query ke database, dan ini juga diperkuat oleh seorang teman programer. Kenapa? Jika terlalu banyak query ke database, maka secara otomatis akan menambah kerja blog untuk menuju ke database

3. Sidebar

Sidebar memang sangat diperlukan. Untuk mengatasi lambatnya loading, sebaiknya buang widget yang tidak atau kurang diperlukan. Apalagi yang memerlukan koneksi keluar blog. MIsalnya dalam hal ini permasalahan ada pada shoutmix. Kita bisa lihat pada bagian bawah browser. Mana yang loadingnya memakan waktu.

Terutama yang harus diperhatikan adalah bagian widget yang menggunakan java script dan i-frame. Sebagian besar banner-banner yang ada menggunakan java script, di samping tentunya memakai external link untuk gambarnya. Jadi saat loading otomatis juga memerlukan waktu untuk meload gambar tersebut dari sumbernya.

4. Penggunaan gambar pada artikel

Memang gambar pada artikel membantu pembaca untuk berimajinasi, menyatu dengan tulisan yang kita buat. Akan tetapi, sebaiknya buat ukuran gambar tersebut menjadi lebih kecil. Kita mengenal beberapa format gambar; PNG, JPEG, BMP dan GIF . Dari ke-4 format tersebut GIF adalah yang memiliki ukuran paling kecil, tetapi memang dari segi warna memiliki keterbatasan. Yang berada diurutan tengah adalah JPEG, dari segi ukuran tidak terlalu besar dan kualitas yang cukup baik.

Lantas bagaimana triknya agar bisa membuat kecepatan loading bertambah? Yang pertama saya lakukan adalah memangkas ukuran, memang dalam proses menyisipkan ada pilihan penampilan, tetapi itu tidaklah memangkas ukuran. Jadi sebaiknya ukuran diperkecil sebelum kita upload.

Yang kedua, usahakan tidak memasukan gambar pada halaman index. Kita pasti familiar dengan fitur “read more” , gunakan fitur ini. Jadi gambar hanya tampil pada singgle post. Jika memang ingin ada gambar di halaman index, ya … gunakan ukuran yang lebih kecil.

Itulah rangkuman beberapa hal yang bisa memperngaruhi kecepatan loading. Mungkin masih banyak faktor-faktor lain yang masih belum saya ketahui, tetapi dengan hanya memperhatikan ke-4 faktor tadi, saya bisa memperbaiki problem loading di blog ini.

Jika sahabat sekalian memiliki tips dan trik lain, tidak ada salahnya saling berbagi disini, akan sangat berguna bagi kita semua.

(diambil dari berbagai sumber yang saya dapat dari Googling)

{ 1 trackback }

Loading Speed akan diperhitungkan oleh Google | hpNugroho[dot]com
12.25.09 at 19:07

{ 30 comments… read them below or add one }

1 bloggerspeed 10.03.09 at 12:44

Artikel ini bagus buat pengetahuan blogger supaya loading speednya bisa cepat dan tidak membuat pengunjung mengeluh. Kalau saya pribadi punya beberapa catatan seperti: membatasi plugin sesedikit mungkin. Semisal harus memakali plugin banyak perlu “plugin optimizer” untuk efisiensi kinerja plugin-plugin tersebut. Yang kedua mengenai image di blog, akan lebih bagus juka kita menyimpannya di luar server kita, sebagai contoh flickr. Sehingga kita tinggal menggnakan kode url image tersebut tanpa mengurangi space server dan membuat lebih ringan terasa.

[Reply]

hpnugroho Reply:

@bloggerspeed,
plugin optimizer ya ..?
saya baru denger nih, ada info lebih lanjut gak?

[Reply]

Desain Lansekap Reply:

@bloggerspeed, Sepertinya menarik neh Mas… saya coba search pada plugin search kok ngga ada ya… mohon keterangan lebih lanjut….
.-= Desain Lansekap´s last blog ..8 Tips Membuat Kolam Renang =-.

[Reply]

hpnugroho Reply:

@Desain Lansekap,
saya dapet Website Optimizer tapi pas di coba malah error, apa karena sy gak bisa settingnya ..?

[Reply]

bloggerspeed Reply:

@Desain Lansekap, Plugin Optimizer itu bukan nama plugin, tetapi istilah saya saja. Sebagai contoh di salah satu blog saya memakai: similar posts plugin, related posts plugin, popular postsnya RobMarsh (http://wordpress.org/extend/plugins/profile/robmarsh), disitu saya juga memakai”Plugin Output Cache” yang memang dirancang untuk ketiga plugin sebelumnya. Jadi biasanya hanya dari Pencipta yang sama.
@hpnugroho, Saya buat artikel sebagai tambahan dan me link ke artikel ini tentang topik yang sama di[ http://bloggerspeed.com/19-tips-optimasi-kecepatan-blog-dan-menjaga-pengunjung-tidak-kabur/

[Reply]

2 Oelil 10.04.09 at 02:25

kedua yah..siip deh….
saya juga pernah mengalami blog crash gara2 plugin….
tips ini bermanfaat bgt fren…trims dah share ya…
.-= Oelil´s last blog ..Peduli NKRI =-.

[Reply]

hpnugroho Reply:

@Oelil,
hehehehe … kedua juga manteb khan ?

[Reply]

3 alamendah 10.04.09 at 06:48

(maaf) izin mengamankan KETIGA dulu. Boleh kan?!
Belum bisa komen banyak karena hari ini koneksi net di tempat saya lemot sekali.

[Reply]

hpnugroho Reply:

@alamendah,
oke …
sama nih dari kemarin koneksi lemot, cuacanya kali ya..?

[Reply]

4 Abid Famasya 10.04.09 at 14:31

sudah dicoba semua! (kecuali yang terakhir) hehe
.-= Abid Famasya´s last blog ..Kostumisasi halaman profile fesbuk sampai cara SEO fesbuk kita,, kenapa nggak?? =-.

[Reply]

hpnugroho Reply:

@Abid Famasya,
siippp ….
kalau ada info lain di share ya ..

[Reply]

5 guskar 10.04.09 at 21:31

spt point2 yg disebutkan di atas, makanya tampilan blog saya buat simpel, gambar2 pun saya kecilkan hingga max 50kb sj… :)

[Reply]

hpnugroho Reply:

@guskar,
setuju … cuma yg lama-lama sudah terlanjur, lagi males ngedit … :D
klo imagenya gede lebih baik di upload di hosting lain …

[Reply]

6 MasWienNews.com 10.04.09 at 22:04

Tip yang bermanfaat sekali Mas. Permasalahan yang belum saya alami dan bisa untuk nambah pengetahuan Mas…
.-= MasWienNews.com´s last blog ..Selangkah Lebih Dekat =-.

[Reply]

hpnugroho Reply:

@MasWienNews.com,
oke mas Wien … kita sama-sama share ilmu

[Reply]

7 iksa 10.05.09 at 07:11

Ha ha ha … sudah mantap nih Mas Nugroho, sharing terus ya…
.-= iksa´s last blog ..Makanan lezat bagi alam tercinta …. =-.

[Reply]

hpnugroho Reply:

@iksa,
:D

[Reply]

8 Alfred 10.05.09 at 08:06

wew..saya stuju mas nugroho..kalau pake pluhin seperlunya aja :D… Udah pake plugin wp super cache dan wiget cache belum???

Oia masalah shoutmix, BETUL mas mending ga usah pake. Bikin berat loh… :D

salam mAs
.-= Alfred´s last blog ..Halaman Saran dan Masukkan =-.

[Reply]

hpnugroho Reply:

@Alfred,
blm mas Alfred, sy masih cari info lebih lanjut karna ada yg bilang wp super chace, chacing-nya 1 hari yg lalu jd tdk update …
masih searching infonya nih …

[Reply]

9 Bisnis Online 10.05.09 at 08:22

Yup bener, hal2 tersebut berpengaruh banget /./.
.-= Bisnis Online´s last blog ..Promosi Produk Lewat Youtube =-.

[Reply]

10 kucingkeren 10.05.09 at 11:45

di tempat sy, loading lambat setiap sore, saat para penghuni pabrik mulai komplet habis berkeliaran di luar….
.-= kucingkeren´s last blog ..Apalagi? =-.

[Reply]

11 Desain Lansekap 10.05.09 at 19:16

Wah keren neh pembahasannya… sepertinya belum ada yang sedetail ini… terima kasih Mas infonya… Memang terkadang saya juga dipusingkan dengan theme serta plugin… bingung mana yang harus didahulukan… setelah baca ini saya akan pertimbangkan baik-baik mana yang harus didahulukan….
.-= Desain Lansekap´s last blog ..8 Tips Membuat Kolam Renang =-.

[Reply]

hpnugroho Reply:

@Desain Lansekap,
oke mas, apalagi WP versi terbaru, byk plugin yg gak sesuai jadi harus selektif atau malah bikin crash ..

[Reply]

12 Materi Kuliah 10.06.09 at 16:15

Waow. . Meskipun bukan wp, tp lg blajar wp nie. . Nyasar k sini,gpp dah. . Btw,mas sy kn msh pemula wp,ql0 mw install plugin ultimate seo,gmn y?(msti k0de ap gt? Sy jg gag tw, ke bl0g sy y0. .) tx.

[Reply]

13 CandraDot.Com 10.07.09 at 00:59

lho udah ganti baju lagi…
yang ini kayaknya lebih cakep mas
.-= CandraDot.Com´s last blog ..Cara Merubah Foto atau Image Menjadi HTML Code =-.

[Reply]

hpnugroho Reply:

@CandraDot.Com,
iya nih, tadi nyoba ngoprek malah kacau jadinya ganti lagi …mumpung stock masih banyak ..hehhehhe

[Reply]

14 iskandaria 10.07.09 at 12:23

Sip deh. Tapi saya masih rada bingung bagaimana memperkecil ukuran gambar. Mohon dibahas lebih detail ya kalo bisa :D
.-= iskandaria´s last blog ..Jumlah Postingan dan Pengaruhnya Terhadap Trafik Blog =-.

[Reply]

hpnugroho Reply:

@iskandaria,
oke mas, buat pe-er berikutnya deh …

[Reply]

15 Dangstars 10.07.09 at 12:44

Terimakasih nih..masukan yang cukup.
Karena kelambatan tuk konek ke salahsatu blog,mengakibatkan sering ditinggal…
Sampe sekarang saya selalu utak atik themes,,
Trims masukannya
.-= Dangstars´s last blog ..Salon Helm,Bisnis Yang Menguntungkan =-.

[Reply]

hpnugroho Reply:

@Dangstars,
yup, sy juga gitu, klo terlalu lama ya lsg aja di close.
nyari theme memang gampang-2 susah ya mas … beruntung yg bisa utak-atik gak kyk saya yg masih belajaran …

[Reply]

16 arkasala 10.07.09 at 17:57

saya mencoba kemarin untuk upaya mempercepat dengan menerapkan plugin wp super cache. Kelihatannya cukup terasa agak mempercepat juga. Saya mohon kritikan mas HpNugroho di blog saya ya. Cepat atau lambat setelah saya pake plugin itu. Tks
.-= arkasala´s last blog ..Hadiah atas Branstorming Bela Negara dari Pak Dhe Abdul Cholik =-.

[Reply]

hpnugroho Reply:

@arkasala,
plugin cache di claim bisa mempercepat loading karena visitor sebenarnya membuka cache blog kita yg sudah disimpan terlebih dahulu, tapi dari pengalaman saya, jika tidak dibarengi optimasi yg lain efeknya kurang greget mas …

[Reply]

17 arkasala 10.07.09 at 17:58

Ada yang ketinggalan, perasaan Punya Mas Nugroho sekarang cepat banget ketika saya buka. Lebih cepat dari yang saya punya pastinya. Tks
.-= arkasala´s last blog ..Hadiah atas Branstorming Bela Negara dari Pak Dhe Abdul Cholik =-.

[Reply]

hpnugroho Reply:

@arkasala,
masa sih ? jadi ge-er … hehehehe

[Reply]

18 Peluang Bisnis | Ricky 10.07.09 at 19:27

Info yang bermanfaat mas, terlalu banyak pernak-pernik dalam blog justru bisa membuat blog kita terasa tak nyaman dimata pengunjung.
Terimakasih atas sharingnya mas,.
Diluar semua itu mungkin koneksi dan browser juga bisa mempengaruhi kecepatan ya…

salam..

[Reply]

hpnugroho Reply:

@Peluang Bisnis | Ricky,
koneksi dan browser memang pengaruh, tapi pengunjung bisa membandingkan kecepatan antar blog dgn membuka pada saat yg hampir bersamaan, istilah kerennya bechnmark ..
.-= hpnugroho´s last blog ..Mencoba Adsense for Domain dengan Co.Cc =-.

[Reply]

19 Alwi 10.07.09 at 19:34

alternatif website test, untuk mengukur waktu loading ukuran web dan ukuran file yang diload beserta rinciannya sehingga kita bisa tahu file2 mana saja yang ukurannya masih terlalu besar
ini linknya : http://tools.websitepulse.com/tools.php
.-= Alwi´s last blog ..Posting Dengan Huruf Arab di Wordpress Self Hosting =-.

[Reply]

20 Alwi 10.07.09 at 19:40

Broken link (link yg tidak valid/rusak) kadang2 jg bisa jadi penyebab loading lambat
.-= Alwi´s last blog ..Posting Dengan Huruf Arab di Wordpress Self Hosting =-.

[Reply]

hpnugroho Reply:

@Alwi,
thank share toolnya mas ..
oo… kalau broken link juga pengaruh ya, baru tahu saya …
jadi pengen ngecek broken link blog nih ..

[Reply]

21 jack 10.07.09 at 22:45

saya memang suka masukin gambar jpg, tapi ternyata gif ya yang lebih kecil ukurannya, thanks infonya
.-= jack´s last blog ..Babihutan Masuk Kota =-.

[Reply]

22 wira 10.08.09 at 11:57

setuju sekali dengan tulisan ini, terutama plugin, gunakan seperlunya saja :-)
.-= wira´s last blog ..Plugin Wordpress Thread Comment Untuk Menjawab Komentar =-.

[Reply]

23 Zulhaq 10.09.09 at 01:02

satu hal yang biking saiah males tambah widget, ya itu dia, kuatir lemot. tapi, thanks banget lah, atas sharingnya… tetap berkreasi, loading teteuuuuppp wokeh!!!

[Reply]

24 hpnugroho 10.09.09 at 01:47

@jack’s,
memang gif ukurannya lebih kecil, tapi komposisi warna terbatas …

@wira,
yup…jangan banyak-2 plugin yg bikin berat server, bisa-bisa malah kena suspend ntar ..

@Zulhaq
hehehhe … pengalaman saya klo cuma text sih gak terlalu ngeberatin server, tapi crawler iya repot kalo isinya link semua ..
okeehh … loading is our best friend

[Reply]

25 ekads 10.10.09 at 21:44

dari tadi siang saya coba kesini kok masih berat ya mas?padahal buka web/blog laen bisa kok..
itu kenapa ya kira2? koneksi saya yang lola atau gimana?

makasi kunjungannya mas :D
.-= ekads´s last blog ..PTP: Peluang Monetisasi Baru Dari Internet =-.

[Reply]

hpnugroho Reply:

@ekads,
hmm … tadi siang saya kok biasa aja ya..? atau mungkin karna sy tambah plugin? tapi plugin yg baru buat admin dashboard biar menunya drop down doang, pengaruh kali ya ..?

[Reply]

aldy Reply:

@hpnugroho, Berpengaruh mas, lumayan memberatkan. walaupun hanya untuk admin, memang user tidak melihat fiturnya tetapi ketiban pulung. Halaaaaah.
.-= aldy´s last blog ..Blog Review : Rismaka.net =-.

[Reply]

hpnugroho Reply:

@aldy,
walah … matikan aja deh kalo gitu …

[Reply]

aldy Reply:

@hpnugroho, Nggak mesti juga harus dimatikan, kadang juga terbentur sama koneksi internet, saya nggak tahu apa udah dimatikan benar, tapi siang ini lumayan cepat dibandingkan kemaren.
.-= aldy´s last blog ..Blog Review : Rismaka.net =-.

[Reply]

hpnugroho Reply:

@aldy,
berarti efeknya bener mas, malam tadi sudah sy matikan …

[Reply]

26 Indo Hijau 10.16.09 at 13:19

Kan bisa dibantu dengan http compress mas plus minimalkan query ke database.
Sip deh pokoknya.
.-= Indo Hijau´s last blog ..Peraturan Menteri Kehutanan No. P.56/Menhut-II/2009 =-.

[Reply]

hpnugroho Reply:

@Indo Hijau,
wah, gimana caranya mas ? sy cuma kompress css-nya aja , sama gak ?

[Reply]

indo hijau Reply:

@hpnugroho, wah kalau dipaparkan disini panjang ceritanya, coma mas kunjungi blognya mas fanari di http://www.fanari-id.com dijamin komplit.
.-= indo hijau´s last blog ..Peraturan Menteri Kehutanan No. P.56/Menhut-II/2009 =-.

[Reply]

hpnugroho Reply:

@indo hijau,
saya search ternyata ada plugin untuk compress css dan script, tetapi belum di test … :scratch:

[Reply]

Indo Hijau Reply:

@hpnugroho, Kompress juga bukan nggak ada masalah bro, karena ketika search engine membaca blog kita, otomatis harus menguraikan komresinya dulu. tetapi hasil tetap lebih cepat kok.
.-= Indo Hijau´s terakhir menulis di blog ..Peraturan Menteri Kehutanan No. P.57/Menhut-II/2009. =-.

[Reply]

hpnugroho Reply:

@Indo Hijau,
Ow .. gitu ya, jika proses decompress problem blog jd tidak bisa diakses dong …
oke … sy jadi ada bayangan mengenai hal ini
Terima Kasih mas atas pencerahannya .. :good:
.-= hpnugroho´s terakhir menulis di blog ..Garuda Indonesia Introduces Hospitality to Miss Universe =-.

[Reply]

27 arkasala 01.01.10 at 13:56

Joomla saya loadingnya lambat banget, saya lagi pengen mempelajari bagaimana mempercepat loading Mas. Artikel ini sangat membantu Mas. Trims sekali.
Selamat tahun baru, semoga langkah kita akan semakin baik.
Salam hangat selalu.
Saya numpang makan makan dalam merayakan tahun baru disini :eat::eat:
.-= arkasala´s terakhir menulis di blog ..Posting Pertama di Tahun 2010 =-.

[Reply]

hpnugroho Reply:

@arkasala,
semoga bisa membantu kang, …
maaf tidak bisa membantu lebih banyak, kurang faham dengan jomblo .. :hehe:

[Reply]

28 arkasala 01.01.10 at 13:56

Lupa, ijin saya print yah !!!:smoke:

[Reply]

hpnugroho Reply:

@arkasala,
mangga dilanjut kang …

[Reply]

29 Irvan 01.20.10 at 02:08

kalo sy no 4 tu mas, apalagi sy pake blogspot jadi kalo mau masukin gambar selalu berusaha sekecil mungkin walau kadang sulit bikin kecilnya, paling rubah2 format gambar & amil yg ukurannya paling kecil baru posting
.-= Irvan´s terakhir menulis di blog ..Masalah Penggunaan Indosat 3G =-.

[Reply]

30 yuni 01.23.10 at 04:53

ia…. aku paling males kalo nunggu blog yang lodingnya lama.
nakanya biasanya kalo terlalu lama, gak jadi berkunjung…..
:eat:
.-= yuni´s terakhir menulis di blog ..Gagal Melahirkan, Tewas =-.

[Reply]

Leave a Comment

:puyeng: :sniper: :ngelamun: :luvyu: :cryy: :bangs: :ngakak: :eat: more »

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Copyright © 2009 hpNugroho[dot]com. All rights reserved.