80% waktu loading ada di front-end (browser), bukan di back-end (server).
Maka optimisasi utama fokusnya di front-end.
Kebanyakan waktu ini digunakan untuk mendownload JS, gambar, CSS, flash, dll
Salah satu cara optimisasi adalah memperkecil jumlah HTTP request.
Setiap ada tag
, berarti 1 HTTP request.
Begitu juga dengan tiap ada
berarti 1 HTTP request.
Untuk ini bisa dilakukan spriting gambar, yaitu mengkombinasikan beberapa gambar menjadi satu.
Memang, ukuran gambarnya menjadi lebih besar (kan kombinasi > 1 file), tapi HTTP request yg terjadi akan lbh kecil.
Kalau bisa kita juga mengkombinasikan lebih dari 1 file CSS ke dalam 1 file CSS saja.
Demikian juga dengan JS.
http://developer.yahoo.com/performance/rules.html
Maka optimisasi utama fokusnya di front-end.
Kebanyakan waktu ini digunakan untuk mendownload JS, gambar, CSS, flash, dll
Salah satu cara optimisasi adalah memperkecil jumlah HTTP request.
Setiap ada tag
HTML:
<script type="text/javascript" src="contoh.js"></script>
Begitu juga dengan tiap ada
HTML:
<link rel="stylesheet" type="text/css" href="contoh.css" />
Untuk ini bisa dilakukan spriting gambar, yaitu mengkombinasikan beberapa gambar menjadi satu.
Memang, ukuran gambarnya menjadi lebih besar (kan kombinasi > 1 file), tapi HTTP request yg terjadi akan lbh kecil.
Kalau bisa kita juga mengkombinasikan lebih dari 1 file CSS ke dalam 1 file CSS saja.
Demikian juga dengan JS.
http://developer.yahoo.com/performance/rules.html