Cara Ngurangin HTTP Request

67 posts / 0 new
Last post
Farhat
Farhat's picture
Offline
Last seen: 5 years 4 months ago
Joined: 19 May 2014 - 15:13
Points: 329
Cara Ngurangin HTTP Request

Halo dan salam kenal. Saya member baru mohon pencerahannya dari suhu2 disini.

Saya punya website yang baru di design ulang. Waktu saya tanya kenapa loadingnya lama, saya dikasih tau kalo website saya kebanyakan HTTP request. Saya searching dan ada beberapa cara buat ngurangin request itu seperti ngunrangin jumlah CSS dan jumlah gambar. CSS udah dikurangin dan digabungin jadi 1 file tapi gambar kan gak bisa dikurangin. Bagaimana ya caranya supaya bisa ngurangin HTTP request yang katanya ngeberatin website saya.

Mohon petunjuknya, suhu2.

Trims.

5
Your rating: None Average: 5 (1 vote)
Prabusuwono
Prabusuwono's picture
Offline
Last seen: 4 years 8 months ago
Joined: 13 Dec 2013 - 14:31
Points: 501
salam kenal pak. pas di

salam kenal pak. pas di redesign, harusnya bilang buat diubah juga CSSnya. dan juga script2 seperti javascript dan flash juga dikurangin. pake yang perlu2 aja.

0
No votes yet
Rudiansyah
Rudiansyah's picture
Offline
Last seen: 5 years 4 months ago
Joined: 2 Mar 2013 - 11:54
Points: 417
Salam kenal pak. Sebelumnya

Salam kenal pak. Sebelumnya kalau tidak salah pernah dibahas disini mengenai ngurangin request HTTP tapi belom mendetail sih.

Mungkin saya bisa sedikit kasih masukkan, HTTP request itu seperti jumlah paket yang diminta oleh browser kepada server. Dan size adalah isi dari tiap paket itu. Supaya speed website meningkat (selain faktor server), adalah dengan cara ngurangin jumlah paket itu beserta isinya.

Mungkin susah dijabarin secara luas karena tiap website pasti punya struktur design yang berbeda. Tapi pada umumnya yang pasti, jumlah paket yang diminta bisa dikurangin dengan cara ngurangin beberapa aspek di design seperti script2, gambar dan css.

Kalau hal diatas udah dilakuin, atau seandainya gak mau dilakuin, bisa juga pake step berikut:

Gabung file2. File CSS dan script gak perlu banyak2. Jadiin sesedikit mungkin.
CSS Sprites. Buat ngegabung semua atau sebagian file gambar jadi 1 gambar. (1 file berisi banyak gambar = 1 request).
Image Maps. Teknik yang jarang dipake tapi seandainya bisa diterapin, request buat banyak link gambar bisa dikurangin jadi 1.

0
No votes yet
Anton
Anton's picture
Offline
Last seen: 7 years 2 days ago
Joined: 26 Mar 2013 - 09:36
Points: 247
Welcome :) minimize css bisa

Welcome :) minimize css bisa juga. Terus gambar jangan upload yang gede2. File jpeg atau png yang udah dikecilin.

0
No votes yet
Agung
Agung's picture
Offline
Last seen: 4 years 7 months ago
Joined: 29 Apr 2014 - 14:28
Points: 384
Maaf pak Anton, kalo itu cuma

Maaf pak Anton, kalo itu cuma ngrangin ukuran per requestnya. Kalo mau ngurangin jumlahnya, harus tahu apa aja yang di load di website. Bisa coba gtmetrix.com. Disana ada rekomendasi2 cara nguranginnya.

0
No votes yet
Anton
Anton's picture
Offline
Last seen: 7 years 2 days ago
Joined: 26 Mar 2013 - 09:36
Points: 247
hehe. thanks buat ralatnya.

hehe. thanks buat ralatnya. jadi sering mampir di gtmetrix tapi sayangnya yang gratisan terbatas :(

0
No votes yet
Ronald
Ronald's picture
Offline
Last seen: 6 years 10 months ago
Joined: 2 Jul 2013 - 15:41
Points: 99
ijin nyimak pak

ijin nyimak pak

0
No votes yet
Farhat
Farhat's picture
Offline
Last seen: 5 years 4 months ago
Joined: 19 May 2014 - 15:13
Points: 329
Thanks buat komen2nya yang

Thanks buat komen2nya yang membantu. Sekarang ini file gambar sudah dikecilin ukurannya untuk ngatasin halaman2 yang berat karena gambar. Untuk sementara HTTP request baru bisa dikurangin.

@Rudiansyah: kalau pake CSS Sprite bisa semua gambar ya?

0
No votes yet
Rudiansyah
Rudiansyah's picture
Offline
Last seen: 5 years 4 months ago
Joined: 2 Mar 2013 - 11:54
Points: 417
css sprite bisa aja dipakein

css sprite bisa aja dipakein kesemua gambar. tapi gak efisien dan gak efektif. css sprite bagusnya buat gambar2 yang jarang atau gak pernah berubah dan ada di banyak halaman.

jadi misalnya ada gambar "panah" buat navigasi scrolling misalnya. atau background website yang sama di semua halaman dan gambar2 navigasi di menu. ini semua bisa digabungin jadi 1 gambar treus di sprite.

kalo gambar yang di blog kan beda2. satu halaman punya gambar A dan halaman berikutnya punya gambar B. jadi kalo sprite, gambar itu diload sama css pas pengunjung pertama kali dateng. makin banyak gambar di sprite, makin gede juga size css-nya karena perintah yang gak dibutuhin pada saat itu karena umpamanya dia lagi buka halaman home page doang.

kelemahan lainnya dari sprite yang pasti adalah susah buat ngedit. bayangin aja buat ngubah 1 gambar kita harus ke ngotak-atik file css-nya. jadi sprite gak efektif kalo dipake buat gambar yang individual.

5
Your rating: None Average: 5 (2 votes)
Farhat
Farhat's picture
Offline
Last seen: 5 years 4 months ago
Joined: 19 May 2014 - 15:13
Points: 329
trims buat petunjuknya suhu :

trims buat petunjuknya suhu :)

0
No votes yet
Rama
Rama's picture
Offline
Last seen: 4 years 3 days ago
Joined: 27 Aug 2013 - 09:23
Points: 466
mau nanya kalo website gak

mau nanya kalo website gak loading sempurna itu karena apa ya? jadi gak loading beberapa gambar doang. atau tampilannya kacau tapi content teks lengkap.

0
No votes yet
Agung
Agung's picture
Offline
Last seen: 4 years 7 months ago
Joined: 29 Apr 2014 - 14:28
Points: 384
Rama wrote:

Rama wrote:

mau nanya kalo website gak loading sempurna itu karena apa ya? jadi gak loading beberapa gambar doang. atau tampilannya kacau tapi content teks lengkap.

wah, bisa macem2 sebabnya... mulai request time-out, respond server yang lelet, posisi javascript, setting cdn lagi gak bener, dll. coba di hard refresh atau clear cookies dulu sebelum coba lagi. kalau masih berlanjut, bisa juga karena ada masalah.

bisa juga websitenya lagi gak bener. banyak kemungkinannya.

0
No votes yet
Chandra
Chandra's picture
Offline
Last seen: 5 years 3 months ago
Joined: 11 Nov 2013 - 14:05
Points: 310
css mungkin gak ya? kalau gak

css mungkin gak ya? kalau gak ngeload udah pasti gak ada design kan?

0
No votes yet
Danna
Danna's picture
Offline
Last seen: 5 years 1 month ago
Joined: 2 Apr 2013 - 12:59
Points: 243
lagi pake proxy mungkin pak

lagi pake proxy mungkin pak rama. soalnya kadang kalo proxy aktif dan udah lama, dan untuk beberapa website, tampilannya berantakan. gak tau kenapa tapi saya belom lama ini ngalamin.

0
No votes yet
Rama
Rama's picture
Offline
Last seen: 4 years 3 days ago
Joined: 27 Aug 2013 - 09:23
Points: 466
proxy kelihatannya. hehe...

proxy kelihatannya. hehe... kok bisa gitu ya? thanks :)

0
No votes yet
Danna
Danna's picture
Offline
Last seen: 5 years 1 month ago
Joined: 2 Apr 2013 - 12:59
Points: 243
bener bro? kadang begitu kok

bener bro? kadang begitu kok gak tau jg knp. padahal textnya kebuka tapi tampilannya berantakan.

matiin proxynya kalo gak butuh. bikin lemot jg soalnya.

0
No votes yet
Agung
Agung's picture
Offline
Last seen: 4 years 7 months ago
Joined: 29 Apr 2014 - 14:28
Points: 384
proxy-nya nge-cached. bisa

proxy-nya nge-cached. bisa juga begitu.

0
No votes yet
Rama
Rama's picture
Offline
Last seen: 4 years 3 days ago
Joined: 27 Aug 2013 - 09:23
Points: 466
tapi gak selalu. lagi gak

tapi gak selalu. lagi gak ngecached mungkin apa refreshnya sering?

0
No votes yet
Danna
Danna's picture
Offline
Last seen: 5 years 1 month ago
Joined: 2 Apr 2013 - 12:59
Points: 243
cached proxy buat performance

cached proxy buat performance mungkin? biasanya pake proxy gratisan ini. hehe. kecuali kalo lagi browsing di kantor ya :)

0
No votes yet
Junaidi
Junaidi's picture
Offline
Last seen: 4 years 6 months ago
Joined: 14 Mar 2013 - 09:01
Points: 520
gratisan minta lebih hehe.

gratisan minta lebih hehe.

Junaidi

5
Your rating: None Average: 5 (1 vote)
Rudiansyah
Rudiansyah's picture
Offline
Last seen: 5 years 4 months ago
Joined: 2 Mar 2013 - 11:54
Points: 417
di cached supaya gak makan

di cached supaya gak makan bandwidth dan lebih cepet pas loading berikutnya.

5
Your rating: None Average: 5 (1 vote)
Junaidi
Junaidi's picture
Offline
Last seen: 4 years 6 months ago
Joined: 14 Mar 2013 - 09:01
Points: 520
Rudiansyah wrote:

Rudiansyah wrote:

di cached supaya gak makan bandwidth dan lebih cepet pas loading berikutnya.

kayaknya ini gak ngurangin request deh. tapi memang bikin lebih kenceng.

Junaidi

0
No votes yet
Prabusuwono
Prabusuwono's picture
Offline
Last seen: 4 years 8 months ago
Joined: 13 Dec 2013 - 14:31
Points: 501
ini ada tambahan dapet dari

ini ada tambahan dapet dari yahoo:

pake gzip, cdn, css diatas, script dibawah, cache-control, javascript dan css eksternal, kurangin dns lookup, minidy javascript dan css, jangan pakai redirect, jangan pakai script yang sama dua kali, e tags, ajax bisa di cache, flush buffer, kurangin iframe dan cookies, dan masih banyak lagi.

5
Your rating: None Average: 5 (1 vote)
Darman
Darman's picture
Offline
Last seen: 3 years 9 months ago
Joined: 14 Aug 2013 - 14:47
Points: 507
up trit lama.

up trit lama.

mau nanya kalo banyak yang bisa dilakuin buat ngurangin request itu dari sisi design ya bukan di programmingnya? jadi universal kan ya bisa diterapin di website yang dibikin pake apa aja?

0
No votes yet
Maulana
Maulana's picture
Offline
Last seen: 5 years 6 months ago
Joined: 1 Jul 2013 - 11:32
Points: 221
Darman wrote:

Darman wrote:

up trit lama.

mau nanya kalo banyak yang bisa dilakuin buat ngurangin request itu dari sisi design ya bukan di programmingnya? jadi universal kan ya bisa diterapin di website yang dibikin pake apa aja?

Bisa dua2nya.

Misal dari design bisa gabungin css. Kalau di programming bisa dengan coding yang lebih bagus

0
No votes yet
Darman
Darman's picture
Offline
Last seen: 3 years 9 months ago
Joined: 14 Aug 2013 - 14:47
Points: 507
Maulana wrote:

Maulana wrote:

 

Darman wrote:

up trit lama.

mau nanya kalo banyak yang bisa dilakuin buat ngurangin request itu dari sisi design ya bukan di programmingnya? jadi universal kan ya bisa diterapin di website yang dibikin pake apa aja?

 

 

Bisa dua2nya.

Misal dari design bisa gabungin css. Kalau di programming bisa dengan coding yang lebih bagus

 

thanks bro. sekalian referensinya dong. mau coba2 sendiri :)

0
No votes yet
Roshid
Roshid's picture
Offline
Last seen: 4 years 6 months ago
Joined: 6 Oct 2014 - 13:19
Points: 121
CSS jadi satu, JS juga jadi 1

CSS jadi satu, JS juga jadi 1. harusnya ini cukup buat ngurangin request. sama HTMLnya kurangin jumlah spasi

0
No votes yet
Maulana
Maulana's picture
Offline
Last seen: 5 years 6 months ago
Joined: 1 Jul 2013 - 11:32
Points: 221
Roshid wrote:

Roshid wrote:

CSS jadi satu, JS juga jadi 1. harusnya ini cukup buat ngurangin request. sama HTMLnya kurangin jumlah spasi

teorinya memang begitu. tapi caranya yang susah :(

0
No votes yet
Ronald
Ronald's picture
Offline
Last seen: 6 years 10 months ago
Joined: 2 Jul 2013 - 15:41
Points: 99
harus deketan juga kalau gak

harus deketan juga kalau gak salah. jadi bisa di compress. gak ngaruh ke request ya?

0
No votes yet
Rudiansyah
Rudiansyah's picture
Offline
Last seen: 5 years 4 months ago
Joined: 2 Mar 2013 - 11:54
Points: 417
perhatiin pengguna internet

perhatiin pengguna internet explorer. file CSS yang kebesaran bisa bermasalah sama IE.

bukan cuma jumlah request aja yang diperhatiin, tapi juga ukuran.

misalnya HTMLnya dibuat lebih ringkas. terus pakai gzip. CSS dan JS juga bisa di minify supaya ukurannya lebih kecil. dan juga perhatiin error 404 dan redirect. dua masalah ini sebisa mungkin gak ada karena cuma buang2 waktu.

3.5
Your rating: None Average: 3.5 (2 votes)
Chandra
Chandra's picture
Offline
Last seen: 5 years 3 months ago
Joined: 11 Nov 2013 - 14:05
Points: 310
Banyak kemungkinan cara2nya

Banyak kemungkinan cara2nya sih intinya :)

0
No votes yet
Indra
Indra's picture
Offline
Last seen: 4 years 3 months ago
Joined: 15 Sep 2013 - 11:41
Points: 330
Setting bagian server ya yang

Setting bagian server ya yang lebih banyak pengaruhnya? Bagaimana dibanding optimisasi request dan ukuran halaman?

0
No votes yet
Agung
Agung's picture
Offline
Last seen: 4 years 7 months ago
Joined: 29 Apr 2014 - 14:28
Points: 384
Indra wrote:

Indra wrote:

Setting bagian server ya yang lebih banyak pengaruhnya? Bagaimana dibanding optimisasi request dan ukuran halaman?

 

semuanya pengaruh, asal dilakuin bener. dari sisi HTML atau CSS, bener kalau bisa dibikin spasinya lebih sedikit. CSS dan JS juga bisa pakai versi min.css. paling gak minimal harus begini. terus error dan redirect harus diperhatiin.

disini server, yang harus dilihat server harus bisa gzip, caching, expire header, dll.

gak bisa dilihat satu sisi aja karena ntar malahan gak kerasa perbedaannya.

0
No votes yet
Hendrik
Hendrik's picture
Offline
Last seen: 4 years 6 months ago
Joined: 19 Apr 2015 - 07:20
Points: 117
Agung wrote:

Agung wrote:

Indra wrote:

Setting bagian server ya yang lebih banyak pengaruhnya? Bagaimana dibanding optimisasi request dan ukuran halaman?

 

semuanya pengaruh, asal dilakuin bener. dari sisi HTML atau CSS, bener kalau bisa dibikin spasinya lebih sedikit. CSS dan JS juga bisa pakai versi min.css. paling gak minimal harus begini. terus error dan redirect harus diperhatiin.

disini server, yang harus dilihat server harus bisa gzip, caching, expire header, dll.

gak bisa dilihat satu sisi aja karena ntar malahan gak kerasa perbedaannya.

Kalau manggil lewat JSON itu gimana? Apa lebih bagus daripada HTML? Maaf saya rada awam

0
No votes yet
Agung
Agung's picture
Offline
Last seen: 4 years 7 months ago
Joined: 29 Apr 2014 - 14:28
Points: 384
[quote=Hendrik]

[quote=Hendrik]

Agung wrote:

Indra wrote:

Setting bagian server ya yang lebih banyak pengaruhnya? Bagaimana dibanding optimisasi request dan ukuran halaman?

 

semuanya pengaruh, asal dilakuin bener. dari sisi HTML atau CSS, bener kalau bisa dibikin spasinya lebih sedikit. CSS dan JS juga bisa pakai versi min.css. paling gak minimal harus begini. terus error dan redirect harus diperhatiin.

disini server, yang harus dilihat server harus bisa gzip, caching, expire header, dll.

gak bisa dilihat satu sisi aja karena ntar malahan gak kerasa perbedaannya.

Kalau manggil lewat JSON itu gimana? Apa lebih bagus daripada HTML? Maaf saya rada awam

[/quote

sorry, itu yang tadi saya bilang itu cara supaya ukuran HTMLnya berkurang bukan jumlah requestnya.

kalau tentang json, itu bagian dari kerjanya JS. jadi misalnya pemanggilan konten itu via JS, ini bagus buat website yang AJAX. unggulnya karena dia bisa ngeload konten dengan cara asynchronous dan cenderung lebih cepet dari XML.

0
No votes yet
Dennis
Dennis's picture
Offline
Last seen: 4 years 3 months ago
Joined: 27 Oct 2014 - 16:07
Points: 151
bisa pakai script yang

bisa pakai script yang ngebuat request dan ukuran HTML berkurang kan kalau gak salah? jadi walaupun server ngasih banyak, script ini bakal bikin halaman teroptimisasi.

sebagai contohnya Facebook. kalau bukan Facebook di desktop, ada 4 kolom. dan tiap kolom bisa update dengan sendiri, dan semua halamannya bisa ke load lebih cepet dari hampir semua website yang ada sekarang di internet.

secara logika, sebanyak itu Facebook harus ngeload, tapi kenapa bisa cepet?

bukan dari ukuran halaman atau jumlah requestnya kan harusnya? tapi sebagaimana efektif dan efisiennya dia bisa ngirim. cmiiw

0
No votes yet
Darman
Darman's picture
Offline
Last seen: 3 years 9 months ago
Joined: 14 Aug 2013 - 14:47
Points: 507
Kayaknya web designer pada

Kayaknya web designer pada benci banget sama internet explorer :)

5
Your rating: None Average: 5 (2 votes)
Prabusuwono
Prabusuwono's picture
Offline
Last seen: 4 years 8 months ago
Joined: 13 Dec 2013 - 14:31
Points: 501
sebelum ada firefox sama

sebelum ada firefox sama chrome iya memang dia bagus secara gak ada lagi pilihan browser yang bagus :)

ngomong2 kalau web design buat Edge jarang kedengeran yah? apa sama aja seperti IE?

0
No votes yet
Indra
Indra's picture
Offline
Last seen: 4 years 3 months ago
Joined: 15 Sep 2013 - 11:41
Points: 330
Lebih tepatnya mgkn dibenci

Lebih tepatnya mgkn dibenci setiap org kali ya? :P

0
No votes yet
Anton
Anton's picture
Offline
Last seen: 7 years 2 days ago
Joined: 26 Mar 2013 - 09:36
Points: 247
Darman wrote:

Darman wrote:

Kayaknya web designer pada benci banget sama internet explorer :)

dari dulu. makanya website pada susah buat optimisasi di IE and Edge

0
No votes yet
Junaidi
Junaidi's picture
Offline
Last seen: 4 years 6 months ago
Joined: 14 Mar 2013 - 09:01
Points: 520
sama aja. tapi lebih

sama aja. tapi lebih fleksibel Edge kayaknya. masa Microsoft gak belajar dari pengalaman?

Junaidi

0
No votes yet
Yudhi
Yudhi's picture
Offline
Last seen: 6 years 3 months ago
Joined: 27 Sep 2016 - 14:36
Points: 24
jangan lupa DNS lookup. ini

jangan lupa DNS lookup. ini bisa makan waktu lebih lama karena sumbernya external.

0
No votes yet
Herianto
Herianto's picture
Offline
Last seen: 6 years 5 months ago
Joined: 15 Apr 2014 - 13:21
Points: 126
kurangin gambar sama jumlah

kurangin gambar sama jumlah CSS. itu yang paling banyak pengaruhnya

4.5
Your rating: None Average: 4.5 (2 votes)
Herman
Herman's picture
Offline
Last seen: 5 years 9 months ago
Joined: 23 Oct 2016 - 10:42
Points: 21
numpang pertanyaan nubie..

numpang pertanyaan nubie.. apa yang paling pengaruh? jumlah request ini apa ukurannya? maksud disini ukuran halamannya bukan kalau di save misalnya?

sorry kalau salah.

0
No votes yet
Junaidi
Junaidi's picture
Offline
Last seen: 4 years 6 months ago
Joined: 14 Mar 2013 - 09:01
Points: 520
Herman wrote:

Herman wrote:

numpang pertanyaan nubie.. apa yang paling pengaruh? jumlah request ini apa ukurannya? maksud disini ukuran halamannya bukan kalau di save misalnya?

sorry kalau salah.

Bukan bos... Kalo ukuran html gak pernah gede, paling beberapa kilobyte. Itu kalo file halamannya di download.

Disini maksudnya berapa ukuran halaman itu, berikut semua atribut yang ada. Misalnya:

Html: 50kb
Css: 100kb
Gambar: 200kb
Javascript: 300kb

Buat standar webaite sekarang, beberapa ratus kb sampe 1-2mb juga ada.

Yang dimaksud disini itu jumlah panggilannya.

Junaidi

5
Your rating: None Average: 5 (1 vote)
Herianto
Herianto's picture
Offline
Last seen: 6 years 5 months ago
Joined: 15 Apr 2014 - 13:21
Points: 126
Herman wrote:

Herman wrote:

numpang pertanyaan nubie.. apa yang paling pengaruh? jumlah request ini apa ukurannya? maksud disini ukuran halamannya bukan kalau di save misalnya?

sorry kalau salah.

coba lihat gtmetrix.com. jelasnya bisa ketahuan dari sana. masukin aja website apa aja

0
No votes yet
Rama
Rama's picture
Offline
Last seen: 4 years 3 days ago
Joined: 27 Aug 2013 - 09:23
Points: 466
Herman wrote:

Herman wrote:

numpang pertanyaan nubie.. apa yang paling pengaruh? jumlah request ini apa ukurannya? maksud disini ukuran halamannya bukan kalau di save misalnya?

sorry kalau salah.

Itu ukuran size html. Maksudnya disini itu size semuanya

0
No votes yet
Dimas
Dimas's picture
Offline
Last seen: 5 years 1 week ago
Joined: 24 Jan 2015 - 05:46
Points: 171
Apc atau memcache?

Apc atau memcache?

5
Your rating: None Average: 5 (1 vote)
Rudiansyah
Rudiansyah's picture
Offline
Last seen: 5 years 4 months ago
Joined: 2 Mar 2013 - 11:54
Points: 417
Dimas wrote:

Dimas wrote:

Apc atau memcache?

itu cara optimisasi PHP supaya gak selalu di compile dan ada di memory supaya lebih cepet bisa diakses. bukan buat ngurangin HTTP request. tapi memang secara keseluruhan bisa bikin website cepet :)

0
No votes yet
Farhat
Farhat's picture
Offline
Last seen: 5 years 4 months ago
Joined: 19 May 2014 - 15:13
Points: 329
Dimas wrote:

Dimas wrote:

Apc atau memcache?

varnish :D

0
No votes yet
Agung
Agung's picture
Offline
Last seen: 4 years 7 months ago
Joined: 29 Apr 2014 - 14:28
Points: 384
Mau nambahin...pakai lazyload

Mau nambahin...pakai lazyload.

Jadi gambar di load pas muncul di layar. Kalau gak, lazyload yang kerjanya lewat JS akan mencegah supaya dia ngeload. Hasilnya html request dan size berkurang.

5
Your rating: None Average: 5 (2 votes)