Chrome ekibi, IndexedDB (IDB) uygulamasında performansla ilgili çeşitli iyileştirmeler yaptı. Bu iyileştirmelerden biri, her örneğin destek deposunu ayrı bir sıraya taşımaktır (bunu kabaca ayrı bir iş parçacığı olarak düşünebilirsiniz). Bu, IDB'nin eşzamanlı kullanımının artık daha hızlı olduğu anlamına gelir. Bu hız, aynı siteden veya siteler arası kullanımdan kaynaklanabilir. Bu gönderide tüm ayrıntılar verilmekte ve Chrome 126'dan itibaren kullanılabilen bu değişiklikten yararlanmak için yapmanız gerekenler açıklanmaktadır.
Siteler arası
IDB'yi siteler arası kullanıyorsanız herhangi bir işlem yapmanız gerekmez. Bu tarayıcı düzeyindeki taşıma işlemi gerçekleştirildikten ve her IDB örneğinin destek deposu ayrı bir sıraya taşındıktan sonra, herhangi bir işlem yapmanıza gerek kalmadan performans artışı elde edersiniz.
Aynı site
Aynı site kullanımında bu performans artışını elde etmek için IDB kullanımınızı farklı örnekler, yani depolama paketleri olarak ayırmanız gerekir. Aşağıdaki kod örneğinde, bu işlemin nasıl yapılabileceği gösterilmektedir:
const request = indexedDB.open('main', 1);
request.onsuccess = (event) => {
/* Do stuff with the main instance. */
};
// By default, just use the regular IDB instance.
let idb = indexedDB;
// Open a separate storage bucket if the API is supported.
if ('storageBuckets' in navigator) {
const bucket = await navigator.storageBuckets.open('logs-bucket');
// Get access to the storage bucket's IDB instance.
idb = bucket.indexedDB;
}
const bucketRequest = idb.open('logs', 1);
bucketRequest.onsuccess = (event) => {
/* Do stuff with the separate instance. */
};
Tarayıcı desteği
Bu yayında bahsedilen performans artışı, tarayıcınızda Storage Buckets API'si desteklendiğinde (Chrome 122'den itibaren) ve IDB örnekleri parçalandığında (Chrome 126'dan itibaren) kullanabileceğiniz kademeli bir iyileştirmedir.
Geliştirici Araçları
IDB örneklerini Chrome Geliştirici Araçları ile incelerseniz kullanılan depolama paketini Paket adı bölümünde görebilirsiniz. Bu bölüm, aşağıdaki ekran görüntüsünde kırmızı bir kutuyla vurgulanmıştır.
İlgili bağlantılar
Teşekkür
Bu yayın, Evan Stade ve Rachel Andrew tarafından incelendi.