View Single Post
Old 15th November 2013, 03:06 PM   #1
Wk. RT
 
Join Date: 13 Nov 2013
Userid: 1493
Posts: 45
Likes: 0
Liked 6 Times in 6 Posts
Thumbs up Tips Optimasi Script untuk Meningkatkan Kecepatan Website Anda

Hapus double script
Survey menyebutkan 2 dari 10 website di US mengandung double script. Entah karena kelalaian, atau alasan lainnya, yang jelas dengan memasang Javascript dua kali di halaman anda dapat melambatkan waktu respon. Cara mencegah Javascript yang sama dihitung berulang kali di PHP adalah dengan mulai mengimplementasikan function insertScript untuk menyisipkan Javascript anda:
<?php insertScript(“menu.js”) ?>

Minimalkan jumlah iframe
Keuntungan menggunakan <iframe> adalah iframe bisa berlaku sebagai security sandbox, bisa membantu mempercepat konten pihak ketiga yang lambat diakses seperti ads dan badges, dan iframe memungkinkan download script secara paralel.
Kemas komponen anda ke dalam multipart document
Cara kerjanya sama dengan download all attachment pada email. Browser anda akan mengambil beberapa komponen hanya dengan satu HTTP request. Meskipun ampuh, jika anda bermaksud menggunakan teknik ini maka anda harus periksa dulu apakah user-agent yang anda target sudah support dengan teknik ini. Sayangnya iPhone tidak.
Komponen post-load

Javascript jika dipakai sebagaimana mestinya bisa sangat efektif untuk meningkatkan user experience website anda. Namun sebelum memakai Javascript, pastikan dulu apakah halaman anda bisa bekerja meskipun tanpa Javascript. Baru kemudian anda bisa mulai menggunakan komponen Javascript yang sifatnya post-load seperti animasi drag-drop. Komponen yang sifatnya post-load akan diproses setelah initial rendering, sehingga tidak mengganggu proses loading halaman utama anda. Komponen post-load bisa anda buat dengan memanfaatkan tools.
Komponen preload

Melalui komponen preload, anda bisa mengambil keuntungan dari waktu idle browser dengan request komponen yang nantinya akan anda butuhkan untuk menampilkan halaman website anda (misalnya CSS dan CSS sprite). Komponen preload akan disimpan di cache user sehingga halaman anda bisa ditampilkan dengan lebih cepat. Berikut beberapa tipe komponen preload:

Unconditional preload – Misalnya pada halaman google.com. Meskipun di halaman home tidak ditampilkan, gambar CSS sprite akan tetap di-download. Baru kemudian mulai diterapkan pada halaman hasil pencarian.


Conditional preload – Misalnya pada halaman search.yahoo.com. Anda bisa melihat bagaimana komponen tambahan di-request setelah anda mengetik pada box pencarian.


Lagi cari Web Hosting untuk Hostingan kalian? Coba cek disini


Kembangkan event handler yang canggih
Penting bagi programmer untuk memanfaatkan event delegation. Dengan demikian, misalnya jika anda punya 10 button di dalam div, anda bisa memasang hanya 1 event handler saja pada div anda, daripada 1 handler untuk setiap button.
Hindari <img src> kosong
Gambar dengan atribut src yang kosong seringkali dilalaikan programmer. Misalnya <img src=”"> di HTML atau var img = new Image(); img.src = “”; di Javascript. Kedua bentuk tersebut mengakibatkan dampak yang sama. Yaitu memaksa browser membuat request yang tidak berarti ke server anda. Selain mengganggu server dengan mengirim jumlah besar trafik (terutama website dengan jutaan pageview perhari), tag <img src> kosong bisa mengacaukan siklus komputasi server anda dengan menciptakan halaman yang tidak akan pernah dilihat. Deskripsi tag <src> pada HTML5 terang-terangan menyebutkan:
The src attribute must be present, and must contain a valid URL referencing a non-interactive, optionally animated, image resource that is neither paged nor scripted. If the base URI of the element is the same as the document’s address, then the src attribute’s value must not be the empty string.
Jadi, tag <img src> anda benar-benar tidak boleh kosong.
Bintang07 is offline   Reply With Quote
Sponsored Links