Shopify, Checkout Blocks’u Polaris web components ile yeniledi; bundle boyutları %85’e kadar küçüldü

Shopify’ın beş Checkout Blocks uzantısını remote-dom, Preact ve Polaris web components ile yeniden yazması, bundle boyutlarını ve checkout yüklenme süresini düşürdü.

Shopify, yüksek trafikli beş Checkout Blocks UI uzantısını remote-dom üzerinde Preact ve Polaris web components kullanarak yeniden inşa etti. Şirket, bu geçişin bundle boyutlarını yüzde 85’e kadar azalttığını ve checkout yüklenme sürelerini iyileştirdiğini söylüyor.

Yeniden yazılan beş uzantı, özelleştirilmiş checkout’ların yaklaşık üçte birinde kullanılıyor. Bu uzantılar API sürümü 2025-07’den 2026-01’e taşındı ve 1 Ekim 2026’dan sonra 2026-01’den daha eski uzantı sürümleri içeren uygulama dağıtımları engellenecek. 2026-01 remote-dom CLI ayrıca uzantı başına 64KB gzip sınırı uyguluyor; bu, daha önce çoğu zaman yaklaşık 100KB ile 112KB arasında gzip’lenmiş bundle’ların yerine geliyor.

Shopify ayrıca liquidjs yerine droplet adlı şirket içi bir parser kullandı. Bu değişiklik, 42,000 satırlık bir korpusa karşı test edildikten sonra bağımlılığı yaklaşık 73KB’den 13KB gzip’e indirdi.