Di tengah Badai Helene, yang dibutuhkan hanyalah situs web teks sederhana

 (sparkbox.com/foundry)
2 poin oleh GN⁺ 2026-01-06 | 1 komentar | Bagikan ke WhatsApp
  • Di tengah pemadaman listrik dan ketidakstabilan komunikasi akibat Badai Helene, kebutuhan akan akses web ringan menjadi jelas
  • Situs web kompleks yang berpusat pada gambar dan skrip nyaris tidak berfungsi di lingkungan mobile
  • Halaman berbasis teks sederhana adalah yang paling efisien dalam penyampaian informasi dan aksesibilitas
  • Penurunan performa web dapat berujung pada kesenjangan informasi saat bencana
  • Pentingnya desain web ringan yang tetap dapat diakses saat krisis kembali ditekankan

Badai Helene dan aksesibilitas web mobile

  • Di tengah kondisi listrik dan jaringan yang tidak stabil akibat Badai Helene, muncul masalah bahwa situs web hampir tidak bisa dimuat
    • Situs dengan banyak elemen kompleks seperti gambar, iklan, dan JavaScript gagal dimuat
    • Halaman yang hanya menyediakan teks HTML sederhana relatif masih dapat diakses
  • Pengalaman ini menegaskan kembali bahwa tujuan dasar web adalah menyampaikan informasi
    • Dibanding desain visual, aksesibilitas konten harus diprioritaskan

Nilai dari web sederhana

  • Situs web yang berfokus pada teks bekerja cepat bahkan di jaringan lambat
    • Dengan menghapus resource yang tidak perlu, penggunaan data dan waktu muat dapat dikurangi secara signifikan
  • Hal ini berguna bukan hanya saat krisis, tetapi juga untuk meningkatkan pengalaman pengguna mobile
    • Struktur yang sederhana juga membantu pemeliharaan dan peningkatan aksesibilitas

Performa web dan tanggung jawab sosial

  • Struktur web yang kompleks dapat memperparah ketimpangan informasi
    • Akses terhadap informasi menjadi terbatas di wilayah dengan infrastruktur jaringan yang lemah
  • Pengembang perlu mempertimbangkan web yang tetap berjalan dengan resource seminimal mungkin
    • Ini adalah tugas penting dari sisi respons krisis, aksesibilitas, dan keberlanjutan

Kesimpulan

  • Pengalaman Badai Helene menunjukkan perlunya desain web ringan
  • Web teks sederhana adalah solusi yang sekaligus menjamin ketangguhan saat krisis dan akses universal

Bacaan terkait

1 komentar

 
GN⁺ 2026-01-06
Komentar Hacker News

  • Banyak situs berita menyediakan versi teks saja
    Misalnya ada lite.cnn.com, text.npr.org, wttr.in, dan lain-lain
    Daftar yang lebih lengkap bisa dilihat di daftar milik Greycoder
    Akan bagus jika ada cara yang terstandarisasi agar situs-situs seperti ini mudah ditemukan dan bisa didukung juga oleh situs berita lokal

    • Versi ringan CNN memang bagus, tetapi masih ada banner cookie yang sangat besar
      Padahal cookie yang benar-benar disetel tampaknya hanya soal apakah banner itu diklik atau tidak, jadi sebagian besar ukuran halaman sepertinya habis untuk banner tersebut
    • Saat membuka satu artikel CNN Lite, isi artikel yang sebenarnya hanya 11KB, tetapi ada 560KB deklarasi CSS
    • Untuk menstandarkan situs teks seperti ini, tampaknya akan bagus jika reader mode di browser meminta situs hanya mengirim format minimum yang diperlukan
    • Di Belanda, penyiar publik masih menyediakan berita lewat Teletekst
      Artikel terkait: Hoe werkt het vernieuwde Teletekst
    • Dengan subdomain ‘lite’, bahkan artikel khusus pelanggan pun bisa dibaca
      Situs ini teringat lagi ketika CNN melakukan uji A/B yang agresif beberapa bulan lalu

  • Gambar header artikel berukuran 2400x1600 PNG dengan ukuran 500KB, dan katanya sulit dikompresi karena dithering halus
    Ketika gambar yang sama diubah ke .avif (kualitas 90, 12-bit), ukurannya turun menjadi 15KB

    • Namun gambar itu adalah hero image yang tidak terkait dengan isi
      Gambar seperti ini memperlambat pemuatan halaman, memaksa orang untuk menggulir, dan segera terlupakan
    • Faktanya, situs tersebut mengirim 1,18MB (dalam keadaan terkompresi) hanya untuk menyampaikan 6,7KB teks. Ironis
    • Mungkin akan lebih kecil jika dibuat sebagai SVG, tetapi efek gradasinya barangkali harus disederhanakan

  • Saat Badai Helene, tim Newspack tempat saya berada bekerja sama dengan Blue Ridge Public Radio dan pihak lain
    untuk membangun situs berita versi teks bagi pengguna dengan bandwidth rendah
    Lewat text.bpr.org, kami menyampaikan informasi kepada puluhan ribu orang,
    dan berkat hasil itu kami mendapat dukungan dari OpenNews
    untuk menjalankan proyek penyebaran solusi web teks biasa untuk berita darurat ke media di seluruh negeri

    • Saya juga sering membaca berita, tetapi tidak tahu kalau CNN punya versi ringan

  • HTML murni dan interaksi berbasis form saja sudah cukup efektif
    Forum web lama dulu kebanyakan berfungsi sepenuhnya tanpa JS
    GitHub juga dulu sempat memungkinkan melihat issue dan menulis komentar tanpa JS,
    tetapi sekarang hampir tidak menampilkan apa pun. Mungkin karena dorongan untuk memuat skrip pelacakan

  • Ringkasan pengalaman saat Badai Helene

    • AT&T benar-benar tumbang, tetapi Verizon dan MVNO tetap berfungsi
    • eSIM cadangan yang termasuk dalam paket internet rumah sangat membantu
    • Tetapi begitu truk tanggap bencana Verizon tiba, internet MVNO saya justru terputus
    • Pelajarannya: sebelum badai, penting untuk mengisi penuh bahan bakar atau baterai
      Karena listrik padam, sulit mencari pom bensin, jadi kami harus berbagi bahan bakar dengan tetangga
    • Saat badai Pineapple Express beberapa tahun lalu, saya juga mengalami hal serupa
      Jangan hanya mengandalkan tenaga surya; siapkan juga daya cadangan (mobil, generator propana, dll.)
      Selain itu, situs web layanan darurat harus bisa berjalan dengan form dan gambar sederhana ala Web 1.0
      Situs yang butuh 5 menit untuk memuat JS tidak ada gunanya dalam situasi bencana
    • Kondisinya berbeda-beda tergantung wilayah. Di daerah saya semua jaringan komunikasi putus,
      dan pembaruan radio dari NPR menjadi satu-satunya sumber informasi
      Pada akhirnya kami bekerja sama dengan tetangga untuk memperbaiki jalan, lalu setelah mendapat bahan bakar kami berhasil keluar
    • Saat listrik padam, uang tunai wajib dibawa
      Jika jaringan pembayaran kartu lumpuh, terminal POS tidak akan berfungsi
    • Saya tinggal di daerah berhutan dan sering mengalami masalah ISP,
      aplikasi Xfinity terlalu berat dan selalu error saat koneksi tidak stabil
      Justru pada situasi seperti inilah dibutuhkan portal dukungan pelanggan yang ringan, tetapi kenyataannya malah sebaliknya
    • Saya memakai dual SIM (AT&T + T-Mobile),
      dan kalau ada ponsel triple SIM saya ingin menambahkan Verizon juga
      eSIM bisa didaftarkan beberapa, tetapi hanya satu yang bisa aktif pada saat bersamaan

  • Dalam pengalaman serupa, saya pernah terisolasi selama beberapa hari saat longsor di Nepal
    Tidak ada informasi sama sekali sehingga kabar hanya disampaikan lewat telepon,
    dan begitu jalan dibuka, kendaraan langsung membludak sehingga menimbulkan kemacetan dan bahaya
    Pada masa COVID, saya pernah menjalankan halaman teks yang hanya merangkum aturan lokal secara sederhana,
    dan itu jauh lebih berguna daripada briefing yang rumit
    Saat invasi ke Ukraina, para pengungsi membangun jaringan informasi spontan hanya dalam 24 jam melalui Telegram, Notion, Google Docs
    Pada akhirnya, penyederhanaan penyampaian informasi adalah inti dari respons krisis

    • Rekan saya dari Ukraina, saat mengungsi, memeriksa rute pelarian dengan bertanya ke teman-temannya secara real-time hal-hal seperti “Apakah jembatan X masih bisa dilewati?”
      Untungnya, sebagian besar jawaban yang diterima akurat sehingga ia bisa berpindah ke wilayah aman
    • Tapi saya penasaran kenapa Ukraina begitu mempercayai Telegram
      Sepertinya informasi sensitif juga dibagikan di sana

  • Siapa pun yang sudah lama berkecimpung di industri web mungkin ingat gangguan web besar-besaran saat 9/11
    Hampir semua situs berita tumbang, dan hanya Slashdot yang nyaris sendirian tetap hidup untuk menyampaikan informasi
    Infrastruktur sekarang memang sudah sangat berbeda, tetapi tetap muncul pikiran, “bagaimana kalau itu terjadi lagi?”

    • Saat itu Yahoo News tidak merespons, jadi saya menjalankan traceroute,
      dan hop terakhir mengarah ke server di dalam menara di New York
      Setelah itu butuh waktu cukup lama sebelum lalu lintas dialihkan ke wilayah barat

  • Dalam artikel yang saya baca baru-baru ini, disebutkan bahwa kini sulit menjalankan browser dengan RAM 1GB
    JS memang jadi lebih cepat, tetapi sebagai gantinya ukuran kode situs web membengkak secara tidak perlu
    Jaringan cepat justru mendorong inefisiensi seperti ini
    Lihat juga artikel terkait

  • Mungkin sebaiknya mulai dari HTML murni yang hampir setara level 1994
    <html> dan <body> saja sebenarnya sudah cukup, lalu jika perlu tambahkan sedikit CSS
    Jika memakai CSS eksternal seperti Pico.css, lebih baik host sendiri daripada lewat CDN

    • HTML seperti inilah yang semestinya menjadi halaman pertama setiap pengembang web
      Alat rumit seperti npx create-react-app adalah urusan belakangan
    • Sebagai referensi, bisa melihat template dasar HTML5 Boilerplate
    • Saya juga mengelola situs berfokus teks, dan selalu memastikan tetap berfungsi tanpa CSS
      CSS saya dijaga sekitar 20KB dalam ukuran gzip
    • <meta charset="utf-8"> tetap sebaiknya disertakan

  • Standar web GDS milik pemerintah Inggris disusun dengan HTML sederhana,
    dan bahkan ada cerita bahwa itu bisa berjalan di PSP
    Lihat tulisan blog Terence Eden