Tips : Fast Loading Webpage (Javascript)

Baiklah, ingat lagi entri sebelum ini bertajuk Tips : Fast Loading Webpage (Image). Kali ini saya akan menyentuh mengenai javascript. Dalam pembinaan sesuatu web base sistem, penggunaan javascript memang tidak boleh dielakkan. Ia banyak digunakan untuk client side validation.

Ramai programmer beranggapan, javascript wajib letak di header. seperti contoh di bawah :





 
eProses & Sistem Sokongan - Sistem Pengambilan InfoTech





Tetapi realiti sebenarnya, javascript tidak wajib diletakkan di atas. Bahkan, digalakkan javascipt ditelakkan di bahagian bawah sekali sebelum tutup ‘body’. Yang wajib diletakkan di atas adalah css. Apa rasionalnya meletakkan javascript di bawah?

Seperti yang kita tahu, interpreter akan baca code line by line. Jadi apabila jumpa javascript file, ia akan download fail tersebut dahulu dan sudah habis dan pergi ke line seterusnya. Apa terjadi apabila javascript source seperti contoh Facebook Like Button

Apa akan terjadi jika domain name ini http://connect.facebook.net/ , not found atau server down? Maka browser kita akan cuba mencari juga selepas itu terus page stop load. User akan nampak apa? Akan nampaklah skrin putih.

Kita perlu tahu, apa yang kita hendak user lihat bila buka page kita. Adakah kita hendak mereka lihat skrin putih atau interface yang kita buat? Jika kita buat validate dasyat-dasyat tetapi input fill tidak keluar, tiada gunanya juga.

Note : Setelah selesai developement minify terlebih dahulu javascript untuk mengecilkan fail javascript tersebut.

You may also like...

Popular Posts

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.