Saturday, October 10, 2015

Cara Mengurangi Jumlah HTTP Request

http request blogger


Sebuah halaman web atau blog terdiri dari beberapa objek yang berbeda. Objek ini tidak terbatas pada gambar, file flash dan video saja. Bahkan gambar yang diminta dalam CSS, file JS, iklan dll juga objek. Ketika beberapa objek diatas yang diminta oleh browser, mereka membuat permintaan HTTP yang akan membuat halaman lebih lambat. Baca Tips Mempercepat Blog Untk Seo Friendly

Mengurangi Permintaan HTTP

Mengapa kita harus mengurangi jumlah permintaan HTTP?
Ketika halaman dibuka semua objek yang berbeda tadi harus ikut dimuat secara bersamaan, agar halam tampil sepenuhnya oleh browser. Setiap objek membutuhkan permintaan HTTP / s ke server Anda. Permintaan seperti ini akan menunda waktu respon dari halaman tersebut.

Bagaimana mengurangi jumlah permintaan HTTP?

1. Kurangi jumlah objek:

Kurangi jumlah objek diatas seminimal mungkin. Hindari menambahkan gambar yang tidak perlu, video, objek flash, Ekternal Javascript, Eksternal CSS dan lain lain yang tidak erlu.

2. CSS Sprite:

CSS Sprite banyak membantu dalam mengurangi permintaan HTTP. Dalam sprite CSS, kita menggabungkan beberapa gambar ke dalam satu gambar. Jadi, jika Anda menggunakan 40 gambar kecil di CSS Anda, itu akan mengambil 40 permintaan tanpa sprite. Sekarang jika Anda menggabungkan semua gambar-gambar ini menjadi satu gambar, Anda hanya perlu 1 permintaan. Dengan cara ini Anda dapat mengurangi jumlah permintaan HTTP.

Anda dapat membuat sprite CSS secara online dengan sejumlah situs.
Sebagai contoh misalkan di online generator CSS sprite

Namun ada beberapa kelemahan menggunakan CSS sprites ini :

# Ukuran Gambar Menjadi Lebih Besar

Karena CSS sprite ini menggabungkan beberapa gambar dalam satu HTTP request, maka otomatis jika kita hanya membutuhkan satu atau beberapa gambar saja maka akan di muat sepenuhnya. Ini yang akan menambah ukuran halaman, untuk itu sebisa mungkin membuat lebih dari satu sprite.

# Susah Untuk Editing

Mengedit gambar tunggal akan sulit kita lakukan mengingat semua gambar digabung menjadi satu paket. Anda akan harus menghasilkan sprite lagi.

# Kinerja

Beberapa browser mungkin tidak mendukung sehingga akan mengurangi keindahan tampilan halaman.

3. Menggabungkan JavaScript & CSS:

Ini adalah cara lain yang efisien untuk mengurangi jumlah permintaan HTTP. Menggabungkan CSS sangat sederhana, tetapi menggabungkan JS sangat sulit. Mari kita lihat cara kerjanya ..

Misalkan saya menggunakan 3 CSS file-


<link rel = "stylesheet" type = "text / css" href = "css1.css">
<link rel = "stylesheet" type = "text / css" href = "css2.css">
<link rel = "stylesheet" type = "text / css" href = "css3.css">

Jika kita menggabungkan semua aturan CSS diatas dalam satu file, itu akan memberikan konten yang sama dan tidak akan merubah tampilannya


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

Untuk menggabungkan file CSS, copy semua isi ke dalam setiap file tersebut dan gabungkan menggunakan file baru sebagai file CSS. Untuk menggabungkan dalam satu eksternal css silakan upload file css difile hosting kemudian ambil urlnya. Baca Tips Hosting File Javascript Di Google Atau  bisa menggunakan layanan JS combiners.

4. Gambar Maps:

Peta gambar menggabungkan sejumlah gambar menjadi satu gambar, seperti CSS sprite. Ukuran gambar tetap menjadi keseluruhan yang sama, tetapi mengurangi permintaan.

5. Inline Gambar Dengan Base 64:

Anda dapat langsung memasukan kode gambar di halaman Anda.
Contoh kode:

<img src = "data: image / png; base64, iVBORw0 dan seterusnya">

Paste kode di atas dalam sebuah file HTML.
Untuk menggunakan hal yang sama dalam CSS, menggunakan kode sebagai berikut :

.foto {
background: url (data: image / png; base64, iVBORw0 dan seterusnya
}

Menggunakan gambar inline seperti ini akan mengurangi permintaan HTTP, tetapi juga meningkatkan ukuran dokumen HTML.

6. Penempatan Script di Header & Footer

Anda dapat dengan mudah menambahkan kode JS kecil bukan memanggil berkas JS eksternal. Sebagai contoh trac code Google Analytic. Anda biasanya paste di <head> tag. Ini menghemat panggilan yang tidak perlu dari file JS.

7. Minimalkan Pengalihan

Kadang-kadang, kita tidak bisa menghindari untuk menggunakan arahan ulang. Tetapi masing-masing mengarahkan tersebut akan memicu permintaan HTTP. Hal ini penting untuk meminimalkan pengalihan.

Jika memungkinkan, menambahkan garis miring tertinggal di akhir URL tanpa ekstensi file. (yaitu tanpa html, php, asp dll) Hal ini untuk menghindari pengalihan yang tidak perlu. Namun, JANGAN melakukan ini untuk link dengan ekstensi file. Jika tidak permintaan HTTP akan meningkatkan bukannya penurunan.

8. Cacheable Pengalihan

Jika Anda tidak dapat mengurangi jumlah pengalihan, Anda harus membuat mereka disimpan di cache setidaknya. Pengalihan cache akan menghindari beberapa permintaan HTTP dibuat selama pengalihan.

Demikian sedikit tutorial untuk mengurangi Jumlah HTTP Request
Baca Avoid Landing Page Redirect Blogger