Rabu, 09 November 2016

Cara Mengurangi HTTP Request

Cara Mengurangi HTTP Request - Hallo sobat blogger sekalian. Pertemuan kali ini Ambarawa Cyber Army akan berbagi informasi seputar dunia blogger untuk sobat semua. Langsung saja kita simak.
Cara Mengurangi HTTP Request
Cara Mengurangi HTTP Request 

Cara Mengurangi HTTP Request

Mengapa sih kita harus ngurangin jumlah HTTP Request ?
Sebuah web memiliki asal struktur bagian yang berbeda yang nantinya akan di muat secara bersama ketika seorang user membuka web kita, agar halam tampil sepenuhnya oleh browser. Setiap objek membutuhkan permintaan HTTP/S ke server kita. Permintaan seperti ini akan menunda waktu respon dari halaman tersebut.

Terus gimana sih cara nguranginya?

1. Kurangi Jumlah Object

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 href="css1.css" rel="stylesheet" type="text / css"></link>
<link href="css2.css" rel="stylesheet" type="text / css"></link>
<link href="css3.css" rel="stylesheet" type="text / css"></link>
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.

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 Base64

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.

Sekian pembahasan tentang Cara Mengurangi HTTP Request yang dapat saya berikan untuk sobat blogger sekalian. Semoga bermanfaat.

0 komentar: