https://youtu.be/M_4aODMMvr0?si=CGbF50pXKepfv0RB

#changelog #developers #podcast #developer #open #source #podcasts

Simply the best podcasts for developers.

We ship weekly shows about developer culture, software development, open source, building startups, artificial intelligence, web development, and the people involved.

Our podcasts include The Changelog, Changelog News, Changelog Interviews, Changelog & Friends, Practical AI, JS Party, Ship It! & Go Time.

We also track, log, and contextualize the goings on around the software community. Our Changelog News(letter) is beloved by thousands of developers around the world.

Join our global hacker community at https://changelog.com/community
https://youtu.be/ciNXbR5wvhU?si=MP3RFdWRADHBlZGl

### 🎥 “Mengapa Situs Web Anda Harus Berukuran di Bawah 14KB”

---

### 📌 Inti Utama:

Tujuannya adalah agar halaman web bisa dimuat secepat mungkin, terutama pada koneksi lambat, dengan memanfaatkan aturan TCP Slow Start yang membuat halaman di bawah 14KB bisa dimuat dalam 1 paket TCP**—dan itu jauh lebih cepat dibanding harus dibagi dua paket atau lebih.

---

### 🔧 Apa itu TCP dan TCP Slow Start?

* **TCP (Transmission Control Protocol)
adalah protokol untuk memastikan data terkirim dengan andal.
* Saat browser meminta halaman web, data dikirim lewat TCP.
* TCP Slow Start adalah algoritma yang mengatur berapa banyak paket data bisa dikirim dari server ke klien saat koneksi baru dimulai.
* Server tidak tahu seberapa besar bandwidth klien, jadi dia mulai dengan aman, hanya 10 paket TCP (\~14KB).
* Jika berhasil dikirim dan dikonfirmasi (ack), jumlah paket akan digandakan hingga terjadi kehilangan data, lalu server melambat.

---

### 📦 Mengapa 14KB Penting?

* Setiap paket TCP memiliki overhead header (sekitar 40 byte).
* Maksimum data yang bisa dikirim per paket adalah 1460 byte, sehingga 10 paket = sekitar 14.600 byte (14KB).
* Jika konten penting halaman web (teks, style dasar, HTML) bisa masuk dalam 14KB, maka hanya butuh satu round-trip untuk tampil.
* Jika lebih dari itu, perlu 2 round-trip, dan bisa menyebabkan penundaan 600ms+, tergantung kondisi jaringan.

---

### 🛰 Contoh Ekstrem: Internet Satelit

* Di internet satelit (seperti di kapal atau rig minyak), latensi tinggi bisa membuat satu round-trip mencapai 600ms atau lebih.
* Setiap tambahan data atau permintaan bisa memperlambat waktu muat halaman drastis.
* Karena itu, menjaga data awal di bawah 14KB sangat penting.

---

### 💡 Strategi Optimalisasi

* Coba pastikan 14KB pertama yang dikirim ke browser adalah:

* HTML penting
* CSS kritikal
* JS penting
* Konten awal atau “above the fold”
* Gunakan gzip atau kompresi lain agar data yang sebenarnya lebih besar bisa tetap muat.
* Hindari framework berat seperti React untuk halaman landing sederhana.
* Bisa gunakan teknik placeholder gambar atau lazy loading untuk elemen non-kritis.

---

### ⚠️ Tantangan dan Realita

* Dalam kenyataan, banyak website sekarang sulit berada di bawah 14KB, karena:

* Framework besar (React, Vue)
* CSS library (Tailwind, Bootstrap)
* Script pelacak, iklan, pop-up, dsb.
* Tapi tetap, aturan 14KB ini adalah target ideal, bukan mutlak.

---

### 👾 Contoh Keren:

* Ada orang membuat game seperti Quake versi ringan hanya dalam 13KB!
* Jadi seharusnya landing page marketing bisa dibuat lebih kecil dari itu.

---

### 🎯 Kesimpulan:

> Jika Anda bisa membuat bagian penting dari halaman web Anda muat dalam 14KB pertama, maka:
>
> * Halaman akan tampil lebih cepat
> * Pengalaman pengguna jadi lebih baik, terutama pada koneksi buruk
> * Website Anda lebih efisien dan ramah pengguna

---
#web #situs #dibawah 14 kb #cepat
ERP techstack =>


backend
golang + postgresql + gin web framework

frontend
react => =>typescript + tanstack query, router, table, caching=> fetch data, pindah page ngak load ulang

#stack #tech #backend #frontend #golang #project #web