Haber.id

haber.id, güncel haber yayını yapan bir platform. Haber sitesinde teknik başarı ölçütü nettir: ilk ekran ne kadar hızlı geliyor, manşet ne kadar hızlı güncelleniyor ve okur bir haberden diğerine ne kadar kolay geçiyor. Görsel süsleme bu üçünün önüne geçtiği anda site iş görmüyor.

Projede öncelik, ağır haber sitelerinin tipik sorunlarından kaçınmaktı: her yeniden yüklemede tekrar tekrar inen büyük betikler, tema dosyalarının şişmesi, manşet bölgesinde biriken görsel yükü.

Yaptığımız iş

Arayüzü CSS özel değişkenleri üzerine kurulu tek bir palet üzerinden inşa ettik; açık ve koyu tema aynı değişken setinden besleniyor, ikinci bir stil dosyası inmiyor. Manşet bölgesi öncelikli görsel yüklemesiyle, alt bölümler ise gecikmeli yükleme ile geliyor.

Tek değişken setinden beslenen açık/koyu tema, sistem tercihine duyarlı
Manşet görselinde öncelikli yükleme, alt bölümlerde gecikmeli yükleme
Kategori ve etiket mimarisi, haberden habere geçişi kolaylaştıran iç bağlantılar
Sunucu tarafı render edilen liste ve detay sayfaları
Haber ve site içi arama için yapılandırılmış veri

Kullanılan teknolojiler

PHP 8 üzerinde çalışan sunucu tarafı uygulama, LiteSpeed web sunucusu
CSS özel değişkenleriyle kurulmuş tema mimarisi
Duyarlı görsel setleri ve WebP dönüşümü
NewsArticle, BreadcrumbList ve WebSite şema işaretlemesi
Otomatik üretilen ve bölümlenmiş haber site haritası

Sonuç

İlk ekran hafif, tema geçişi ek yük getirmiyor, manşet bölgesi gecikmeden geliyor. Haber sitelerinde en çok şikayet edilen konu olan sayfa şişkinliği, tasarım kalitesinden ödün verilmeden çözüldü. Editör tarafında da manşet yönetimi tek ekrana indi.

Üzerinde en çok durduğumuz konu

Haber sitelerinde tasarım kalitesi ile hız çoğu zaman birbirinin rakibi gibi ele alınıyor. Tek değişken setinden beslenen bir tema mimarisi bu ikilemi ortadan kaldırdı: koyu tema ikinci bir stil dosyası indirmiyor, tema geçişi ek istek üretmiyor.

İkinci konu, manşet yönetimiydi. Editörün gün içinde defalarca sıralama değiştirmesi gereken bir alan burası. Yönetim tarafı tek ekrana indirildi; sürükle bırak ile sıralama değişiyor ve değişiklik önbellek temizliğiyle birlikte anında yayına giriyor. Haber akışının hızına yetişemeyen bir yönetim paneli, sitenin geri kalanı ne kadar iyi olursa olsun günlük işi yavaşlatıyor.

Benzer bir işi kendi markanız için konuşmak isterseniz teklif formunu doldurun, aynı gün dönelim.