Jan
21
2013

Tips Mempercepat Akses Website

Print Friendly

Kecepatan untuk mengakses sebuah website/situs merupakan faktor yang cukup penting, karena apabila website yang diakses oleh pengunjung memiliki kecepatan yang lambat (lebih dari 10 detik) untuk bisa menampilkan konten, maka dapat dipastikan 90% pengunjung tersebut langsung kabur dari situs Anda :lol: . Berikut ini ada tips mempercepat akses website untuk mempertahankan pengunjung website Anda.

 

1. Gunakan file gambar dengan ukuran yang kecil

Jika Anda menggunakan gambar didalam website Anda, maka diusahakan menggunakan file gambar yang ukurannya tidak terlalu besar (lebih dari 1 MB), karena jika kita menggunakan gambar yang ukurannya terlalu besar, maka browser akan membutuhkan waktu yang lama untuk mengambil 1 data gambar dari server. Atau ada cara lain agar file gambar yang ingin dimasukkan ke dalam website menjadi lebih kecil, yaitu dengan menggunakan software image compression seperti PunyPNG.
 

2. Menyesuaikan ukuran gambar

Menyesuaikan ukuran gambar secara manual dengan kode HTML dapat mempengaruhi kecepatan akses website, karena browser akan mengambil file gambar dari server dengan ukuran yang asli. Jadi, jika anda menyesuaikan gambar dengan ukuran 200 x 300 px tetapi ukuran asli file tersebut sebesar 800 x 600 px dengan ukuran yang besar, maka browser tetap mengambil file gambar dengan ukuran 800 x 600 px. Berikut ini adalah contoh file gambar yang disesuaikan secara manual dengan menggunakan kode HTML atau CSS.

File ini memiliki ukuran asli 160 x 160 px, tetapi disesuaikan secara manual dengan kode HTML menjadi 150 x 150 px.

<img height="150" width="150" src="http://blog.fritzerlangga.com/images/2012/12/kode-html-lengkap.png" alt="Test">

Alangkah baiknya jika kita menyesuaikan ukuran gambar dengan menggunakan software editor gambar sebelum memasukannya kedalam website dan memasukan script <img> seperti dibawah ini.

<img src="http://blog.fritzerlangga.com/images/2012/12/kode-html-lengkap-150x150.png" alt="Test">

 

3. Hindari adanya source kosong pada tag <img>

Coba cek kembali kode yang Anda tulis, apakah source dari kode <img> ada yang kosong seperti dibawah ini.

 <img src="" alt="Test">

Jika ada source (src) yang kosong seperti diatas, maka sebaiknya Anda hapus kode <img> tersebut atau diisi dengan link gambar yang ingin ditampilkan.
 

4. Letakan kode CSS didalam tag <head>

Jika Anda meletakan kode CSS didalam file HTML, maka sebaiknya diletakan didalam tag <head> agar browser menjalani perintah CSS atau stylesheet terlebih dahulu. Jika saja perintah CSS diletakan diahkir, maka browser akan menampilkan halaman kosong sementara sebelum file CSS yang diletakan diakhir terbaca oleh browser.
 

5. Letakan script ( Javascript ) diakhir tag <body>

Jika CSS harus diletakan didalam tag <head>, maka lain halnya dengan script. Script seperti Javascript harus diletakan di dalam tag <body> dan diakhir sebelum </body>. Letak script sangat berpengaruh pada kecepatan akses website, karena javascript merupakan fungsi tambahan didalam website. Maka dari itu, dahulukan perintah-perintah yang penting dahulu agar website dapat berjalan dengan optimal.
 

6. Jadikan CSS dan Javascript sebagai file eksternal

Diusahakan memakai file CSS dan Javascript secara eksternal, karena akan lebih menghemat waktu pengambilan file oleh browser. Jika file CSS dan Javascript digabungkan didalam satu file berekstensi HTML, maka kinerja browser untuk mengambil data dari server semakin banyak. Untuk memanggil CSS dan Javascript secara eksternal, gunakan tag  <link> seperti dibawah ini.

CSS :

<link href="style.css" type="text/css" rel="stylesheet">

Javascript :

<script src="script.js" type="text/javascript"></script>

 

7. Compress file HTML, CSS dan Javascript

Jika Anda sudah membuat file HTML, CSS dan Javascript secara eksternal, maka sebaiknya ukuran file-file tersebut di compress dengan menggunakan compressor, seperti : HTML Compressor, CSS Compressor, Javascript Compressor.
 

8. Compress website dengan Gzip

Cara ini adalah cara yang paling ampuh untuk mempercepat akses website. Karena dengan kita meng-compress website, maka browser dengan cepat mengambil file dari server dikarenakan file tersebut telah di compress terlebih dahulu. Berikut ini saya akan memberikan sebuah artikel yang menjelaskan tentang compressor Gzip di How To Optimize Your Site With GZIP Compression.

 

Demikianlah tips mempercepat akses website. Jika ada pertanyaan silahkan isi kotak komentar dibawah ini. Terima kasih. :)

 

Salam,

Fritz's Signature

Iklan Layanan Masyarakat


Creative Commons License

This work is licensed under a Creative Commons Attribution 3.0 Unported License.

About the Author: Fritz Erlangga

Passionate Web Programmer & Coffee Lovers

1 Comment+ Add Comment

  • gan kalau membuat form penaftaran.php biar tidak bisa langsung masuk ke login tapi yang mengaktifkan nya oleh admin scripnya giman. makasih gan

Tinggalkan Komentar & Pertanyaan

atau

Tanya via Twitter @fritzerlangga :)

Top