Mar
30

Teknik dan Tips Membuat Website Anda Menjadi Lebih Cepat Dibuka

By Padro Widjaja


Kemarin saya mendapatkan saran dari customer saya bahwa website saya sangat lambat sekali waktu di akses olehnya. Tadinya saya berpikir bahwa ini adalah kesalahan server.  Karena Server USA biasanya lebih lambat dari iix (lokal) tapi saya salah besar ternyata ini bukan kesalahan hosting sebab hosting yang saya pakai sudah bisa dibilang mantap sekali, apalagi untuk servicenya ;)

Saat saya coba membuka website saya, membutuhkan setidaknya 30 detik untuk selesai hehe lebih lama dari Yahoo (memang sedikit ada kompetisi dengan yahoo hehe) :p
Lalu saya klik di mozilla saya: “File” – “Save As” dan menyimpannya di harddisk saya, ternyata hasilnya sebesar 1mb lebih!!! Pantas saja berat banget!! Aje Gile… Udah begitu bandwith cepat habis donk.. huhu..

Ini merupakan pelajaran buat saya. Terima kasih kepada pak Heryanto atas masukan yang anda berikan pada saya :)

Memang saya suka sekali design gambar dan memasukan gambar-gambar yang menarik ke halaman website saya dan menyimpannya dengan resolusi yang tinggi sekali, akibatnya adalah file gambar tersebut menjadi sangat besar, terkadang ada yang lebih dari 100kb lho :p

Sekarang tips dan tricknya untuk membuat website anda menjadi lebih cepat dibuka oleh orang orang yang mengunjungi website anda. Yuk kita mulai ;)

Pertama, saya sarankan anda mempunyai adobe photoshop. Jika anda meminta design dari luar, anda juga bisa memintanya memperbaiki dengan cara dibawah. (Jika anda sedang mencari design banner animasi, atau design website/minisite, anda juga bisa memakai jasa saya hehe promosi dikit :p Untuk hasil design saya, akan saya bahas di posting selanjutnya ya )

Ok, setelah membuka adobe photoshop, bukalah file yang anda pakai untuk di website anda dan yang ingin anda kecilkan.

Saya sudah membuatkan video untuk anda lihat, gratis koq :)
Dilihat dan dipelajari ya.. Semoga bermanfaat untuk anda.

33 Comments

1

Tip yang menarik, yang terkadang kita sebagai internet marketer lupa melakukannya, tetapi efeknya besar bagi income kita di dunia maya.

2

Terima kasih Dok, senang tips saya bisa berguna untuk anda :-)

3

Benar mas Padro, sy pernah mengalami pengalaman yang nyaris sama… karena keinginan melihat tampilan desain web yang “wah” sehingga sy memasukkan gambar-gambar dengan ukuran besar dan resolusi tinggi. Akhirnya, malah gambarnya susah loading (tampil sempurna) sehingga malah membuat website tampil lebih jelek. Hal ini menyebabkan pengunjung malas datang untuk kedua kalinya dan seterusnya ke situs kita.
Oh ya, menurut mas Padro, bagus mana menampilkan foto/gambar web dengan menyimpannya di web server kita atau menyimpannya di situs file hosting gratis lalu kita redirect (sy kurang tahu istilah tepatnya) ke situs kita. Intinya foto/gambar tetap tampil di web kita meski foto/gambarnya tersimpan di tempat lain. Apakah ini bisa mengurangi bandwith?
Mohon pencerahannya mas… Trims.

4

@KhususPemula.com menurut saya bila website anda adalah website jualan produk, saya sarankan memasukkan gambar anda di server anda. Bila blog atau tidak ada hubungannya dengan berjualan, anda bisa simpan foto/gambar tersebut di situs yang menerima gambar seperti contoh: http://www.imageshack.us jadi bisa mengurangi bandwith sedikit :)

5

Wah ini salah satu kendala Saya, saat memulai bisnis di internet.
semua gambar dimasukkin, dikira akan tampil bagus. Eh ternyata malah dapet problem , orang jadi males buka web , loadingnya lama..

tips yang sangat bermanfaat..

6

Terima kasih bung Peter :)

7

Makasih Mas Padro, tip n triknya, saat ini web saya lebih kuenceng ketimbang sebelumnya…… ada tip yang lainnya nggak?????? he ….he …..

8

Terima kasih kembali Mas Heru :)
Ditunggu saja tips dan trik selanjutnya ya.. Stay Tune hehe

9

kenapa hampir selalu pengelola situs yg dipersalahkan ya..gemana kalo pengunjung jg sedikit banyak diedukasi bahwa mereka punya opsi utk tdk menampilkan/mengunduh gambar, iklan, flash, multimedia, javascript, dll itu :)
kompresi di sisi server jg layak dicoba, walau tdk semua peramban mungkin memahaminya..cmiiw

10

Betul sekali, memang ada opsi nya. Tapi tidak semua pengunjung mempunyai pengetahuan itu :)

11

Wah, mantap nih tipsnya..
Pemilik website jarang juga memperhatikan faktor ini, mereka lebih mementingkan design oke di banding kecepatan load. Padahal kalau loadnya lama, blum aja webnya selesai load pengunjung uda close halaman..

Oh y mas padro, lbh baik kalau gambar di website itu formatnya apa?
Yang kualitas oke ukuran kecil gitu..

12

Halo Benny, untuk gambar di website formatnya bisa Gif dan Jpeg. Untuk Gif disarankan gambar yang hitam putih (yang tidak terlalu berwarna). Untuk jpeg, saat di save, langsung memakai save for web and design di photoshop, seperti yang saya ajarkan di video :)

13

informasinya sangat bermanfaat untuk yang suka ngeblog/web, saya juga pernah baca dan ikut survey, mengenai theme/atau background color sebuah web/blog -

hasil yang sangat membantu sayah rasa, 80 % orang akan langsung meninggalkan
web/blog dengan theme/background yang gelap, yah sayah pikir seperti web bung pedro ini,

dan 20 % tetap kunjungi blog, karena faktor berita atau ingin tau informasi di blog/web ter sebut,

nach sayah termasuk yang 20 % ini, saya ingin sekedar kasih masukan aza, sayah juga yakin bung pedro ng mau kan hal itu terjadi, jujur aza bung pedro sayah mah, baru liat aza dah pusing, apalagi mau baca beritanya, emang sih keliatan keren dengan theme dark kyk gini,

14

Halo Sayah,

terima kasih atas sarannya ya. Terus terang saya menyukai tampilan blog ini karena mempunyai 3 kolom dan mempunyai tampilan yang menarik untuk saya. Tapi memang sudut pandang orang berbeda beda. Dan saran anda benar sekali, jika theme/background gelap, pasti orang meninggalkan blog saya. Jadi dalam waktu dekat pastinya akan saya ganti :)

15

makasih ya infonya saya perlu bimbingannya bos

16

Bro.sebenarnya pakai ACDSee juga bisa kok,tinggal diperkecil aja resolusinya dan diganti format imagenya.kalo bisa sih pake JPG/JPEG dengan resolusi kecil,tapi tergantung kebutuhan sih,kalo memang buat gambar desain ya cocoknya dengan Adobe Photoshop.

17

terima kasih atas masukannya bro :)

18

wah ini mah artikel buat pemula banget yah??
saya salah masuk forum..

semua pembahasan yg ada disini sepertinya ilmu untuk pemula..
masih cetek ilmunya…
masa gitu aja gak tau,,gimana mau bisnis internet yg banyak saingan ini..
INGATLAH: berbisnis di internet itu “keras” harus siap dan tahan banting.

tapi meskipun begitu,,dlm berbisni kita harus jujur.
jangan kayak JS, cetak-atm dll…
semua orang sudah tahu klo mereka itu penipu,,termasuk merekayasa testimony dan rekening…ini hal yg paling saya benci.
biasanya ini penyakit PEMULA…memalsukan testimoni dan rekening

saya mungkin berkata “pedas” disini.
tapi ini untuk kebaikan kalian semua para calon pebisnis online..

–NInjafar–
pebisnis online rahasia

saya tantang anda SEMUA untuk belajar lebih tajam dan tercanggih tentang strategi binis online yg MEMUKAAUU…
kirim email ke ********** @ yahoo.com

untuk pak padro..saya tahu anda orang yg jujur, berbeda dari yg lain.
saya suka itu karena saya suka orang JUJUR.

19

@master: article ini memang untuk pemula :)
semua orang untuk mengetahui sesuatu harus belajar terlebih dahulu baik dari buku, orang lain atau belajar sendiri.
Jika pengalaman saya berguna untuk orang lain atau untuk pemula, boleh kan di share? he..he..

klo blog saya terlalu pemula untuk anda, mungkin anda bisa memberikan konten yang advance untuk para pembaca disini? ;)

20

makasih atas infonya brother/mohon kunjungan balik

21

makasih elmu nya
segera praktekin :)

22

wah sangat bermanfaat mas pedro,terutma buat kita-kita yang pemula ini.semoga tidak bosan share ilmunya.oya mas mau nanya ni gmana cara mengolah gambar scrensoot yang sudah kita copy.pakai photoshop atau firework ya.trims

23

@Suparno: senang bisa bermanfaat untuk anda :)
Biasanya saya memakai photoshop saja untuk mengolah gambar. Jujur saya tidak pernah pakai firework hehe..

24

Salam kenal mas Pedro…saya selama ini selalu mengamati “tingkah polah anda” (alaah..kya org tua aja..hehehe). bahkan saya jg join Subscriber anda utk mengetahui anda dan jasa bisnis lebih jauh. Pada intinya tanggapan saya positif untuk anda, profesionalisme anda begitu terlihat..mgkn nanti kita bisa membangun kerjasama (Join Venture).
Silahkan mampir ke Blog sya kalau ada waktu, atau kita bisa bertemu di Facebook (search aja di FB dg keyword Maghfur Amin..foto profil karikatur saya). Semoga ini bisa menjadi awal silaturahmi kita yg baik. :)
Eiitt..ada yg lupa mas (ini yg utama), saya mau tanya.. selain memperkecil ukuran imgae web kita..ada trik apa lagi untuk mempercepat loading?

25

@Maghfur: salam kenal juga mas. Terima kasih atas tanggapan positif nya mas, saya senang sekali :)
Untuk Join venture, jika memang bisa menguntungkan orang lain, kenapa tidak :)

Untuk mempercepat loading website, bisa memakai css juga untuk mempercepat loading :)

26

memang betul mas pedro… saya pernah mengalaminya. Semakin bagus desain maka biasanya semakin besar gambarnya. Kalau pengalaman saya biasanya untuk tiap gambar2nya saya membatasi sekiranya tidak lebih dari 20kb. truz formatnya jpg atau GIF.
Pada intinya kita disini sm sharing ilmu sekalgus tambah teman…

mas pedro … cara buat css di website kita gimana ya?soalnya saya masih gaptek.. he..he..tks

27

@Joko: betul sekali, sharing ilmu dan tambah networking :)
untuk css jika saya jelaskan disini bakal panjang nih hehe..

28

Terima Kasih Pa Padro Informasinya.

29

makasih mas padro atas tip & trick membuat websetnya, tapi saya masih ada kendala, webset yang saya buat belum ada tampilan lainnya baru tampilan standarnya, maklum masih pemula dan saya ingin merobahnya, bagaimana caranya mas ?

30

@Rais: Apakah anda sudah melihat tutorial di rahasiascript.com? jika belum, anda bisa mengisi nama dan email anda disitu untuk mendapatkan trik dan tips yang lebih advance cara membuat sebuah website :)

31

maaf…di tempat saya jaringan internet msh gprs jd utk mmbuka video streaming lelet banget…thanks 4 infonya ya Bozz

32

TOP BANGETS TIP NYA BOSS…TAPI DI TMPT SAYA JARINGAN INTERNET MSH GPRS, KRN MSH DAERAH BANGETS…UTK STREAMING VIDEONYA GK BS DI BUKA..THANKS 4 INFONYA…MAKNYUSSS BOZZZ

33

Wow…yang kelihatan sepele karena ingin tampilan situsnya menjadi ‘wah’ dengan gambar2 yang terang dan beresolusi tinggi yang membuat pengunjung jadi menunggu lebih lama, karena loadingnya lelet… tp. Mas Padro punya solusi yang jitu untuk itu. Sekarang untuk menempatkan gambar yang berat di halaman utama website rasanya sudah mudah dan gampang dengan teknik dan tips dari mas Padro.

Trima kasih tips nya OK banget mas.

Leave a Comment