Geliştirici Next.js yerine Hono kullanarak Lighthouse puanını 100 yaptı
Öne çıkanlar
- Next.js istemci bileşenleri kaldırılsa dahi 230 kilobayt kullanılmayan JavaScript kodu gönderdi.
- Hono çatısına geçişle birlikte derleme süresi yaklaşık yüzde 40 kısaldı.
- İlk render öncesi uzun görev süresi 309 milisaniyeden 68 milisaniyeye geriledi.
Bloffy adlı blog platformunun geliştiricisi, blog sayfalarını Next.js altyapısından çıkarıp Hono çatısına taşıyarak Google Lighthouse testlerinde tüm kategorilerde tam puan aldığını açıkladı. Geliştirici, statik sayfalarda en yüksek performansa ulaşmak için önbellekleme ve görsel optimizasyonu adımlarını tamamladıktan sonra Next.js çalışma zamanı dosyalarının Lighthouse puanını sınırlandırdığını fark etti.
Next.js sürüm 16.1.6 ile yapılan ilk testlerde, istemci bileşenleri tamamen kaldırılsa dahi çatıya ait JavaScript kodlarının tarayıcıya gönderildiği tespit edildi. Geliştirici, next/link ve next/image gibi yerleşik bileşenlerin istemci tarafını tetiklediğini ve yaklaşık 230 kilobaytlık kullanılmayan JavaScript kodu oluşturduğunu aktardı. Statik sayfalarda hydration ve yönlendirici yükünün gereksiz olduğunu belirten geliştirici, HTML içinden komut dosyalarını temizlemek yerine çatıyı tamamen değiştirmeye karar verdi.
Yeni altyapı için JSX desteği sunan hafif web çatısı Hono tercih edildi. Geçişin ardından kullanılmayan JavaScript miktarı 407 bayta kadar geriledi ve derleme süresi yüzde 40 kısaldı. İlk ekrandan önce çalışan uzun görev süresinin 309,3 milisaniyeden 68,01 milisaniyeye inerek yaklaşık yüzde 78 iyileştiği kaydedildi. Geliştirici, etkileşimi yoğun yönetim panelinde Next.js kullanmaya devam ettiğini bildirdi.
Bu özet yapay zekâ ile hazırlanmıştır; ayrıntılar ve doğrulama için orijinal kaynağa başvurun.