14 hal untuk membuat website yang cepat diload

Kali ini kita membahas bagaimana cara mengoptimalkan website kita agar cepat diload. Hal ini saya rasa perlu karena banyak user yang koneksi internetnya masih lambat seperti penulis sendiri. Atau paling tidak kita memberikan pelayanan yang prima ke user. User kita jangan disuguhi halaman yang isinya .. pls wait a minutes. loading in progress.. Wew.. siapa juga yang mau menunggu. Di samping itu, menurut yang pernah saya baca "kecepatan loading suatu halaman berbanding lurus dengan jumlah pengunjung". Maaf penulis lupa linknya, tapi kalau dipikir memang masuk akal juga. Pembaca yang kelamaan menunggu loading halaman, pasti tidak sabar dan kebanyakan langsung menutup halamannya.
Pada artikel kali ini penulis mencoba menjelaskan 14 aturan dasar agar website kita cepat diload.

Perkecil jumlah HTTP requests

Gunakan CDN

Tambahkan Expires header
Browser akan mencocokkan apakah cache di browser sudah kadaluarsa apa belum dan ini akan memakan waktu apabila ternyata cache sudah kadaluarsa. Untuk mencegah ini tambahkan expires date.
Gzip components

view plain print

<?php
ob_start("ob_gzhandler");
?>

Tempatkan CSS di bagian atas

Pindahkan Java Script ke bagian bawah

parallel downloads

Hindari CSS expressions
CSS expressions dikenalkan pertama kali di Explorer 5.0 dan memperbolehkan kita untuk memanggil JavaScript expression ke dalam CSS. Sebagai contohnya adalah CSS expression untuk menentukan posisi elemen div berdasarkan uskuran browser. Menjanjikan memang, tapi silahkan Anda coba sendiri di browser Anda.
Berikut contohnya:
view plain print
1. #myDiv {
2. position: absolute;
3. width: 100px;
4. height: 100px;
5. left: expression(document.body.offsetWidth - 110 + "px");
6. top: expression(document.body.offsetHeight - 110 + "px");
7. background: red;
8. }
CSS expressions are a powerful (and dangerous) way to set CSS properties dynamically.
High Performance Web Sites by Steve Souders
Masalah yang timbul dengan penggunaan CSS expression adalah, CSS expression ini dijalankan berkali-kali, lebih dari yang diharapkan. Tidak hanya dijalankan saat halaman dirender dan diresize tetapi juga saat halaman di scroll bahkan saat user mengerakkan mouse di halaman web tersebut.
Buat JavaScripts and CSS external Alasan membuat Script dan CSS external adalah agar dapat dicache oleh browser. Dengan demikian halaman akan cepat diload apabila user kembali lagi ke halaman kita.
view plain print
1. <link href="style/style.css" rel="stylesheet" type="text/css" />
2. <script src="contoh_javascript.js?t=1179019634"></script>
Mengurangi DNS lookups