Sabtu, 18 Februari 2017

Rahasia Cara Mengurangi Jumlah HTTP Request Blogger

Rahasia Cara Mengurangi Jumlah HTTP Request Blogger - Kalian harus tau sebuah halaman web atau blogspot terdiri dari banyak objek yang berbeda-beda.  Suatu Objek ini tidak terbatas disuatu gambar, file flash bahkan video saja. juga 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.

Kalian Harus Mengurangi Permintaan HTTP ☺☺☺☺

Kenapa Ketika pada saat halaman dibuka semua objek yang berbeda tadi harus ikut dimuat secara bersamaan, Supaya halaman akan tampil sepenuhnya oleh web browser. Setiap objek membutuhkan permintaan HTTP / s ke server Anda. Permintaan seperti ini yang akan menunda waktu respon dari sebuah halaman tersebut.

Bagaimana mengurangi jumlah permintaan HTTP?


Rahasia Cara Mengurangi Jumlah HTTP Request Blogger


1. Cara Pertama : Kurangi jumlah objek

Mengurangi jumlah suatu objek diatas seminimal mungkin. Kalian harus Hindari menambahkan gambar yang mungkin tidak perlu dipakai seperti video, objek flash, Ekternal Javascript, Eksternal CSS dan lainnya yang tidak perlu kalian gunakan.

2. Cara Kedua : CSS Sprite

Disini CSS Sprite sangat banyak membantu dalam mengurangi permintaan ke HTTP. Dalam sprite CSS, kalian dapat menggabungkan beberapa gambar/image ke dalam satu gambar tersebut. Jadi, jika kalian gunakan 40 gambar ukuran kecil di CSS Anda, itu akan mengambil 40 permintaan tanpa sprite. jika kalian gabungkan semua gambar-gambar tersebut menjadi satu gambar, Anda hanya perlu 1 permintaan. Dengan cara ini kalian dapat mengurangi jumlah permintaan HTTP.

kalian bisa membuat suatu sprite CSS secara online dengan sejumlah situs di internet.
Sebagai contohnya misalnya di situs online generator CSS sprite

Tetapi ada beberapa kelemahan jika menggunakan CSS sprites ini :

# Pertama : Ukuran Suatu Gambar Menjadi Lebih Besar
Karena CSS sprite ini telah menggabungkan banyak gambar dalam satu HTTP request tersebut, maka tersebut akan otomatis jika kalian hanya membutuhkan satu atau berapa gambar saja maka dari itu akan di muat sepenuhnya. yang akan menambah suatu ukuran halaman, untuk itu kalian sebisa mungkin agar membuat lebih dari satu sprite.

# kedua : Kalian Susah Untuk Editing
Mengedit suatu gambar tunggal akan lebih sangat sulit kalian lakukan mengingat semua gambar yang digabung menjadi satu paket. kalian harus menghasilkan suatu sprite lagi.

# ketiga : Kinerja

Beberapa Web browser mungkin tidak mendukung maka sehingga akan mengurangi suatu keindahan tampilan halaman tersebut.


3. Cara Menggabungkan Suatu JavaScript & CSS:

Cara Ini adalah cara lain yang efisien untuk kalian bisa mengurangi jumlah permintaan HTTP tersebut. Karena Menggabungkan suatu CSS sangat sederhana, tetapi jika menggabungkan JS sangat lebih sulit. Mari lihat cara kerjanya ..


Misalkan saya sendiri menggunakan 3 CSS file :


 <link rel = "stylesheet" type = "text / css" href = "cssprasell1.css">
<link rel = "stylesheet" type = "text / css" href = "cssprasell2.css">
<link rel = "stylesheet" type = "text / css" href = "cssprasell3.css"> 

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

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

Untuk menggabungkan file CSS tersebut, kalian harus copy semua isi ke dalam setiap filenya dan gabungkan menggunakan file baru tersebut sebagai file CSSnya. gunanya untuk menggabungkan dalam satu eksternal css silakan kalian upload file css difile hosting kemudian kalian ambil alamat urlnya. Kalian Baca juga Tips Hosting File Javascript Di Google Atau anda bisa menggunakan layanan JS combiners yang sudah disediakan.


4. pahami : Gambar Maps:

Dalam Suatu Peta gambar menggabungkan sejumlah beberapa gambar menjadi satu gambar, seperti CSS sprite. Ukuran gambar tersebut tetap menjadi keseluruhan yang sama, tetapi kalian harus mengurangi permintaan.

5. pahami : Inline Gambar Dengan Base 64:

kalian juga dapat langsung memasukan kode gambar di suatu halaman kalian.
Contoh kode:
 <img src = "data: image / png; base64, 90827js dan selanjutnya"> 

Kalian Paste kode di atas tadi dalam sebuah file HTML.
jika Untuk menggunakan hal yang sama dalam CSS, menggunakan kode dibawah ini sebagai berikut :
 .foto {
background: url (data: image / png; base64, 90827js dan selanjutnya
} 


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

6. Penempatannya Script di Header & Footer

kalian juga dapat dengan mudah sekali menambahkan kode JS kecil bukan memanggil berkas JS eksternal tersebut. Sebagai contohnya trac code Google Analytic. kalian biasanya paste di bagian <head> tag ini. untuk menghemat panggilan yang tidak memerlukan dari file JSnya.


7. Harus Minimalkan Pengalihan

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

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

8. Pahami : Cacheable Pengalihan

Jika kalian tidak dapat mengurangi beberapa jumlah pengalihan, kalian harus membuat mereka disimpan di suatu cache setidaknya. gunanya Pengalihan cache akan menghindari beberapa suatu permintaan HTTP dibuat selama pengalihan tersebut.
Baca Juga : Cara Test Mobile Friendly Blogger Di Think With Google.

Demikian artikel Rahasia Cara Mengurangi Jumlah HTTP Request Blogger. Semoga artikel ini bermanfaat.

KETENTUAN KOMENTAR !!!
-----------------------------------------
1. Komentar Sesuai dengan Artikel di atas
2. Komentar SPAM otomatis di Blokir dan tidak akan dimunculkan
3. Komentar Meninggalkan Link aktif akan otomatis tanggung sendiri
4. Berkomentar dengan etika dan Thanks for visiting and the comment :)
EmoticonEmoticon