Step 4: DNS Lookups Fixed
The Solution
By using a single CDN domain for all images, we eliminate multiple DNS lookups and reduce the number of TCP connections needed.
Benefits:
- Single DNS lookup
- Reused TCP connections
- Better browser caching
- Reduced SSL handshakes
Fixed Code:
// All images from the same CDN domain
"https://cdn.optimized-domain.com/images/image1.jpg"
"https://cdn.optimized-domain.com/images/image2.jpg"
"https://cdn.optimized-domain.com/images/image3.jpg"
"https://cdn.optimized-domain.com/images/image4.jpg"
// ... and so on
Open Chrome DevTools (Network tab) and notice how all requests now go to a single domain. Compare the loading performance with the previous step.
Card 1
Component Instance ID: arkmb9
Card 2
Component Instance ID: na52mn
Card 3
Component Instance ID: 41drih
Card 4
Component Instance ID: cs0e4f
Card 5
Component Instance ID: 708g7j
Card 6
Component Instance ID: d50fdv
Card 7
Component Instance ID: i99ec
Card 8
Component Instance ID: a1hsak
Card 9
Component Instance ID: 2dixwq
Card 10
Component Instance ID: 1a4jft
Card 11
Component Instance ID: vrx3um
Card 12
Component Instance ID: qk0ng
Card 13
Component Instance ID: ta5vpe
Card 14
Component Instance ID: hgpdni
Card 15
Component Instance ID: aqd4t8
Card 16
Component Instance ID: yw5yb
Card 17
Component Instance ID: ck4xtb
Card 18
Component Instance ID: vsiuc8
Card 19
Component Instance ID: ar179a
Card 20
Component Instance ID: 037dg
Card 21
Component Instance ID: 2tey
Card 22
Component Instance ID: 7aiib4
Card 23
Component Instance ID: 9x8ew9
Card 24
Component Instance ID: xi35r
Card 25
Component Instance ID: mzlwvo
Card 26
Component Instance ID: w9o5hk
Card 27
Component Instance ID: akmbqk
Card 28
Component Instance ID: atur3h
Card 29
Component Instance ID: hdc27v
Card 30
Component Instance ID: ayoi16
Card 31
Component Instance ID: rqozfh
Card 32
Component Instance ID: x6t3nt
Card 33
Component Instance ID: g66m3o
Card 34
Component Instance ID: dnon5
Card 35
Component Instance ID: oocfi8
Card 36
Component Instance ID: mkcyod
Card 37
Component Instance ID: eyu9mo
Card 38
Component Instance ID: mkkez
Card 39
Component Instance ID: gisvv8
Card 40
Component Instance ID: j222ic
Card 41
Component Instance ID: 6ayz7j
Card 42
Component Instance ID: fxfjr
Card 43
Component Instance ID: t4o128
Card 44
Component Instance ID: g4t5ki
Card 45
Component Instance ID: ty7n4o
Card 46
Component Instance ID: f9x8ir
Card 47
Component Instance ID: fiwjng
Card 48
Component Instance ID: 6qyzvk
Card 49
Component Instance ID: wrusee
Card 50
Component Instance ID: nsuzam