Selamat datang kembali di Demo IdBoegis, Blog yang membahas seputar Tips Adsense, Tips Komputer, Tutorial Blog, SSH Gratis, Tips Youtube, Tips Smartphone dan informasi internet lainnya.
Pada Artikel kali ini kita akan membahas Tips Cara Mengurangi Jumlah HTTP Request Pada Blogger, Postingan ini masih berhubungan dengan Artikel Blog. Artikel Tutorial Blog.
Pada Artikel kali ini kita akan membahas Tips Cara Mengurangi Jumlah HTTP Request Pada Blogger, Postingan ini masih berhubungan dengan Artikel Blog. Artikel Tutorial Blog.
Tips Cara Mengurangi Jumlah HTTP Request Pada Blogger
Advertisement
Tips Cara Mengurangi Jumlah HTTP Request Pada Blogger - Anda harus tau sebuah halaman web alias blogspot terdiri dari tak sedikit objek yang tak sama-beda. SebuahObjek ini tak terbatas disuatu foto, file flash bahkan video saja. juga foto yang diminta dalam CSS, file JS, iklan dll juga objek. Ketika berbagai objek diatas yang diminta oleh browser, mereka membikin permintaan HTTP yang bakal membikin halaman lebih lambat.
Kenapa saat halaman dibuka semua objek yang tak sama tadi hrus ikut dimuat dengan cara bersamaan, Agar halaman bakal tampil sepenuhnya oleh web browser. Setiap objek membutuhkan permintaan HTTP / s ke server Anda. Permintaan semacam ini yang bakal menunda waktu respon dari sebuah halaman tersebut.
Bagaimana mengurangi jumlah permintaan HTTP?
1. Tutorial Pertama : Tak lebihi jumlah objek
Mengurangi jumlah sebuahobjek diatas seminimal mungkin. Anda harus Hindari meningkatkankan gambar yang mungkin tak butuh digunakan semacam video, objek flash, Ekternal Javascript, Eksternal CSS serta lainnya yang tak butuh anda gunakan.
2. Tutorial Kedua : CSS Sprite
Disini CSS Sprite sangat tak sedikit menolong dalam mengurangi permintaan ke HTTP. Dalam sprite CSS, anda bisa menggabungkan berbagai gambar/image ke dalam satu gambar tersebut. Jadi, apabila anda gunakan 40 gambar ukuran kecil di CSS Anda, itu bakal mengambil 40 permintaan tanpa sprite. apabila anda gabungkan semua gambar-gambar tersebut menjadi satu gambar, Kamu hanya butuh 1 permintaan. Dengan tutorial ini anda bisa mengurangi jumlah permintaan HTTP.
kalian bisa membikin sebuahsprite CSS dengan cara online dengan sejumlah website di internet.
Sebagai contohnya umpama di website online generator CSS sprite
Tetapi ada berbagai kelemahan apabila memakai CSS sprites ini :
# Pertama : Ukuran SebuahGambar Menjadi Lebih Besar
Sebab CSS sprite ini telah menggabungkan tak sedikit gambar dalam satu HTTP request tersebut, maka tersebut bakal otomatis apabila anda hanya membutuhkan satu alias berapa gambar saja maka dari itu bakal di muat sepenuhnya. yang bakal meningkatkan sebuahukuran halaman, untuk itu anda sebisa mungkin supaya membikin lebih dari satu sprite.
# kedua : Anda Susah Untuk Editing
Mengedit sebuahgambar tunggal bakal lebih sangat susah anda perbuat mengingat semua gambar yang digabung menjadi satu paket. kalian harus menghasilkan sebuah sprite lagi.
# ketiga : Kinerja
Berbagai Web browser mungkin tak mendukung maka jadi bakal mengurangi sebuahkeindahan desain halaman tersebut.
3. Tutorial Menggabungkan SebuahJavaScript & CSS:
Cara Ini merupakan tutorial lain yang efisien untuk anda bisa mengurangi jumlah permintaan HTTP tersebut. Sebab Menggabungkan sebuahCSS sangat sederhana, tetapi apabila menggabungkan JS sangat lebih susah. Mari lihat tutorial kerjanya ..
Misalkan saya sendiri memakai 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">
Apabila Anda bakal menggabungkan semua aturan CSS diatas tersebut dalam satu file, itu bakal memberbagi sebuah konten yang sama serta tak bakal mengubah desainnya tersebut.
<link rel = "stylesheet" type = "text / css" href = "cssprasell123.css">
Untuk dapat menggabungkan file CSS tersebut, anda harus copy semua isi ke dalam setiap filenya serta gabungkan memakai file baru tersebut sebagai file CSSnya. gunanya untuk menggabungkan dalam satu eksternal css silakan anda upload file css difile hosting kemudian anda ambil alamat urlnya. Anda Baca juga Trik Hosting File Javascript Di Google Alias kamu bisa memakai layanan JS combiners yang telah disediakan.
4. Pahami : Gambar Maps
Dalam SebuahPeta gambar menggabungkan sejumlah berbagai gambar menjadi satu gambar, semacam CSS sprite. Ukuran gambar tersebut masih menjadi keseluruhan yang sama, tetapi kamu harus mengurangi permintaan.
5. Pahami : Inline Gambar Dengan Base 64
kalian juga bisa langsung memasukan kode gambar di sebuahhalaman kalian.
Contoh kode:
<img src = "data: image / png; base64, 90827js serta selanjutnya">
Kalian Paste kode di atas tadi dalam sebuah file HTML.
apabila Untuk memakai faktor yang sama dalam CSS, memakai kode dibawah ini sebagai berikut :
.gambar {
background: url (data: image / png; base64, 90827js serta selanjutnya
}
Apabila anda Memakai gambar inline semacam ini bakal mengurangi permintaan HTTP, tetapi bakal juga meningkatkan ukuran dokumen HTML tersebut.
6. Penempatannya Script di Header & Footer
kalian juga bisa dengan mudah sekali meningkatkankan kode JS kecil bukan terbuktigil arsip JS eksternal tersebut. Sebagai contohnya trac code Google Analytic. anda biasanya paste di tahap <head> tag ini. untuk menghemat panggilan yang tak memerlukan dari file JSnya.
7. Harus Minimalkan Pengalihan
apabila Kadang-kadang, kami tak bisa untuk menghindari memakai arahan ulang. Tetapi masing-masing bisa mengarahkan tersebut yang bakal memicu permintaan HTTP tersebut. Faktor ini sangat penting untuk meminimalkan pengalihan.
Apabila faktor ini memungkinkan, bakal meningkatkankan garis miring tertinggal di akhir URL tanpa ekstensi file tersebut. (yaitu dengan tanpa html, php, asp serta lain-lain) Faktor ini berkegunaaan untuk menghindari pengalihan yang bakal tak butuh. Tetapi apabila, JANGAN meperbuat faktor ini untuk link dengan ekstensi filenya. Apabila tak tersebut permintaan HTTP bakal meningkatkan bukannya penurunan.
8. Pahami : Cacheable Pengalihan
Apabila anda tak bisa mengurangi berbagai jumlah pengalihan, anda harus membikin mereka disimpan di sebuahcache setidaknya. gunanya Pengalihan cache bakal menghindari berbagai sebuahpermintaan HTTP dibangun selagi pengalihan tersebut.
Demikian Tips Cara Mengurangi Jumlah HTTP Request Pada Blogger semoga bermanfaat.
EmoticonEmoticon