2 puan yazan GN⁺ 2026-01-06 | 1 yorum | WhatsApp'ta paylaş
  • Helene Kasırgası nedeniyle yaşanan elektrik kesintileri ve iletişimdeki istikrarsızlık sırasında hafif web erişilebilirliği ihtiyacı ortaya çıktı
  • Karmaşık, görsel ve betik ağırlıklı web siteleri mobil ortamda neredeyse hiç çalışmadı
  • Basit metin tabanlı sayfalar, bilgi aktarımı ve erişilebilirlik açısından en verimli seçenek oldu
  • Web performansındaki düşüş, afet anlarında bilgi eşitsizliğine yol açabilir
  • Kriz anlarında da erişilebilir olan hafif web tasarımının önemi vurgulandı

Helene Fırtınası ve Mobil Web Erişilebilirliği

  • Helene Fırtınası nedeniyle elektrik ve ağların istikrarsız olduğu ortamda web sitelerinin neredeyse hiç yüklenememesi sorunu yaşandı
    • Görseller, reklamlar, JavaScript ve benzeri karmaşık unsurları çok olan siteler yüklenemedi
    • Yalnızca basit HTML metni sunan sayfalar ise görece erişilebilirdi
  • Bu deneyim, webin temel amacının bilgi aktarmak olduğunu yeniden hatırlattı
    • Görsel tasarımdan çok içeriğe erişilebilirlik öncelikli olmalı

Basit Webin Değeri

  • Metin odaklı web siteleri, düşük hızlı ağlarda bile hızlı çalışır
    • Gereksiz kaynaklar kaldırıldığında veri kullanımı ve yükleme süresi büyük ölçüde azaltılabilir
  • Bu yaklaşım yalnızca kriz anlarında değil, mobil kullanıcı deneyimini iyileştirmede de faydalıdır
    • Basit yapı, bakım kolaylığına ve erişilebilirliğin artmasına da katkı sağlar

Web Performansı ve Toplumsal Sorumluluk

  • Karmaşık web yapıları, bilgi eşitsizliğini derinleştirebilir
    • Ağ altyapısının zayıf olduğu bölgelerde bilgiye erişim kısıtlanır
  • Geliştiriciler, asgari kaynakla da çalışabilen bir webi göz önünde bulundurmalıdır
    • Krize müdahale, erişilebilirlik ve sürdürülebilirlik açısından bu temel bir gerekliliktir

Sonuç

  • Helene Fırtınası deneyimi, hafif web tasarımına duyulan ihtiyacı gösteren bir örnek oldu
  • Basit metin webi, krizlere dayanıklılık ve evrensel erişilebilirliği aynı anda sağlayan bir çözümdür

1 yorum

 
GN⁺ 2026-01-06
Hacker News görüşleri
  • Birçok haber sitesi yalnızca metin sürümü sunuyor
    Örneğin lite.cnn.com, text.npr.org, wttr.in gibi
    Daha fazla liste için Greycoder'ın listesine bakılabilir
    Bu tür sitelerin kolayca bulunabilmesi ve yerel haber sitelerinde de desteklenebilmesi için standartlaştırılmış bir yöntem olsa iyi olurdu

    • CNN'in hafif sürümü güzel ama hâlâ devasa bir çerez banner'ı var
      Aslında ayarlanan tek çerez, banner'a tıklanıp tıklanmadığı gibi görünüyor; sayfa boyutunun büyük kısmı da sanki bu banner'dan kaynaklanıyor
    • CNN'in hafif sürümündeki bir haberi açtım; asıl haber metni 11KB iken yalnızca CSS bildirimleri 560KB idi
    • Bu tür yalnızca metin sitelerini standartlaştırmak için, tarayıcının okuyucu modu (reader mode) sitelerden yalnızca en az biçimlendirmeyi istemeli gibi görünüyor
    • Hollanda'da kamu yayıncısı hâlâ haberleri Teletekst üzerinden sunuyor
      İlgili yazı: Hoe werkt het vernieuwde Teletekst
    • lite alt alan adını kullanınca yalnızca abonelere açık haberler de okunabiliyor
      CNN birkaç ay önce agresif A/B testleri yaparken bu site yine aklıma gelmişti
  • Haber başlığındaki görsel 2400x1600 PNG olarak 500KB'tı; ince dithering yüzünden iyi sıkışmadığı söyleniyor
    Aynı görsel .avif'e (kalite 90, 12 bit) çevrilince 15KB'a düştü

    • Ama o görsel, içerikle ilgisiz bir hero image idi
      Böyle görseller sayfanın yüklenmesini geciktiriyor, kaydırmayı zorunlu kılıyor ve hemen unutuluyor
    • Gerçekte site, 6.7KB metni iletmek için 1.18MB (sıkıştırılmış hâliyle) veri gönderiyor. Oldukça ironik
    • SVG olarak yapılsa daha da küçük olabilir ama gradyan efektini basitleştirmek gerekebilir
  • Helene Kasırgası sırasında içinde bulunduğum Newspack ekibi, Blue Ridge Public Radio ve başkalarıyla birlikte
    düşük bant genişliği kullananlar için metin sürümü haber sitesi kurdu
    text.bpr.org üzerinden on binlerce kişiye bilgi ulaştırdık ve
    bunun sonucunda OpenNews desteğiyle
    acil haberler için düz metin web çözümünü ülke çapındaki haber kuruluşlarına yayma projesi üzerinde çalışıyoruz

    • Ben de sık sık haber takip ederim ama CNN'de hafif sürüm olduğunu bilmiyordum
  • Saf HTML ve form tabanlı etkileşimler bile fazlasıyla etkili olabilir
    Eski web forumlarının çoğu JS olmadan da tamamen çalışıyordu
    GitHub da bir zamanlar JS olmadan issue görüntüleme ve yorum yazmayı destekliyordu ama
    şimdi neredeyse hiçbir şey görünmüyor. Muhtemelen izleme script'lerini zorlamak için

  • Helene Kasırgası sırasındaki deneyimimi özetleyeyim

    • AT&T tamamen çöktü ama Verizon ve MVNO'lar çalışıyordu
    • Ev internet paketimde yer alan ikincil eSIM büyük fayda sağladı
    • Ama Verizon'un afet müdahale kamyonu gelir gelmez MVNO internetim kesildi
    • Çıkarılacak ders: fırtınadan önce yakıtı ve bataryaları tamamen doldurmak önemli
      Elektrik kesintisi yüzünden benzin istasyonu bulmak zorlaştı ve komşularla yakıt paylaşmak zorunda kaldık
    • Birkaç yıl önceki Pineapple Express fırtınasında da benzer bir deneyim yaşamıştım
      Yalnızca güneş enerjisine güvenmeyin; yedek güç kaynağı (araç, propan jeneratörü vb.) hazırlayın
      Ayrıca acil durum hizmeti siteleri, Web 1.0 düzeyinde basit formlar ve görsellerle de çalışabilmeli
      JS yüklenmesi 5 dakika süren siteler afet anında hiçbir işe yaramaz
    • Bölgeye göre durum değişiyordu. Benim bulunduğum yerde tüm iletişim ağları kesilmişti ve
      NPR'nin radyo güncellemeleri tek bilgi kaynağıydı
      Sonunda komşularla birlikte yolları açtık, yakıt bulduktan sonra da çıkabildik
    • Elektrik kesintisinde mutlaka nakit para taşımalısınız
      Kart ödeme ağı çökerse POS terminalleri çalışmaz
    • Ormanlık bir bölgede yaşadığım için sık sık ISP sorunları yaşıyorum ve
      Xfinity uygulaması bağlantı kararsız olduğunda sürekli hata veriyor, ayrıca çok ağır
      Tam da böyle durumlarda hafif bir müşteri destek portalı gerekirken gerçekte bunun tersiyle karşılaşıyoruz
    • Çift SIM (AT&T + T-Mobile) kullanıyorum;
      üçlü SIM destekli bir telefon olsa Verizon'u da eklemek isterdim
      eSIM'de birden fazla hat tanımlanabiliyor ama aynı anda yalnızca biri etkinleştirilebiliyor
  • Benzer bir deneyimde, Nepal'deki bir heyelan sırasında birkaç gün mahsur kalmıştım
    Hiç bilgi yoktu; haberler yalnızca telefonla aktarılıyordu ve
    yol açılır açılmaz araçlar yığıldı, trafik ve tehlike oluştu
    COVID döneminde yerel kısıtlamaları sade biçimde özetleyen bir metin sayfası işletiyordum;
    karmaşık brifinglerden çok daha faydalıydı
    Ukrayna'nın işgali sırasında mülteciler Telegram, Notion ve Google Docs ile
    24 saat içinde kendiliğinden bir bilgi ağı kurdu
    Sonuçta krize müdahalede asıl kilit nokta bilgi aktarımını sadeleştirmek

    • Ukraynalı bir meslektaşım tahliye sırasında “X köprüsü hâlâ geçilebilir mi?” gibi soruları
      arkadaşlarına gerçek zamanlı sorarak kaçış güzergâhını doğruluyordu
      Neyse ki çoğunlukla doğru yanıt aldı ve güvenli bölgeye geçebildi
    • Yine de Ukrayna'nın neden Telegram'a bu kadar güvendiğini merak ediyorum
      Hassas bilgiler de orada paylaşılıyor gibi görünüyor
  • Web sektöründe uzun süredir olanlar, 11 Eylül sırasındaki büyük çaplı web kesintilerini hatırlar
    Neredeyse tüm haber siteleri çökmüştü; bilgi sağlayabilen tek yer Slashdot olmuştu
    Bugün altyapı çok değişti ama insan yine de “ya bir daha böyle bir şey olursa?” diye düşünüyor

    • O sırada Yahoo News yanıt vermeyince traceroute çalıştırmıştım ve
      son atlama New York'taki kule içi sunucuya gidiyordu
      Sonrasında batı kıyısına yönlendirilmesi biraz zaman almıştı
  • Yakın zamanda okuduğum bir yazıda artık 1GB RAM ile tarayıcı çalıştırmanın zorlaştığı anlatılıyordu
    JS hızlandı ama buna paralel olarak web sitesi kod boyutu da gereksiz yere büyüdü
    Hızlı ağlar adeta verimsizliği teşvik etmiş oldu
    İlgili yazı

  • Neredeyse 1994 seviyesindeki saf HTML ile başlamak iyi olabilir
    <html> ve <body> bile yeterli; gerekirse biraz CSS eklenir
    Pico.css gibi harici CSS kullanılacaksa CDN yerine doğrudan barındırmak daha iyi olur

    • Aslında her web geliştiricisinin ilk sayfası tam olarak böyle bir HTML olmalı
      npx create-react-app gibi karmaşık araçlar daha sonra düşünülmesi gereken şeyler
    • Referans için HTML5 Boilerplate temel şablonuna bakılabilir
    • Ben de metin odaklı bir site işletiyorum ve CSS olmadan da çalıştığını her zaman kontrol ediyorum
      CSS'yi gzip ile yaklaşık 20KB seviyesinde tutuyorum
    • <meta charset="utf-8"> eklemek hâlâ iyi bir fikir
  • Birleşik Krallık hükümetinin GDS web standartları basit HTML'den oluşuyordu ve
    hatta PSP'de bile çalıştığı anlatılır
    Bkz. Terence Eden'in blog yazısı