Tarayıcını yavaşlatmayan sevimli Chrome uzantıları

Dekoratif tarayıcı uzantılarının bir ünü var, ve çoğunlukla hak ediyor: ağır, konuşkan, ve kimsenin okumadığı bir izin listesiyle kuruluyor. Ki bu yazık, çünkü kategori gerçekten eğlenceli ve sorunların her biri önlenebilir.

Kontrol etmeye değer üç şey

• İzin listesi. Chrome bunu kurmadan önce gösterir. Storage bir ayarlar dosyasıdır. Tabs, cookies, history ve webRequest, bir uzantının ne gezdiğini izlemesine izin verenlerdir.
• Sayfanın düzenine dokunup dokunmadığı. Belge akışına öğeler ekleyen veya her kaydırma olayında öğe konumlarını ölçen bir uzantı, ne kadar az çizerse çizsin akıcı bir sayfayı takılmaya zorlayabilir.
• İstekleri nereye gönderdiği. Yoğun bir ağ sekmesine sahip bir süs, sana söylenmemiş ikinci bir iş yapıyordur.

Düzenin neden ısıran şey olduğu

Bir düzen özelliğini okumak — bir öğenin yüksekliği, ekrandaki konumu — tarayıcıyı yanıt verebilmeden önce bekleyen tüm düzen işini bitirmeye zorlar. Bunu bir kaydırma işleyicisinin içinde yap, ve tarayıcıdan saniyede altmış kez durup ölçmesini istemiş olursun, henüz yarısını çizdiği bir sayfada.

Bu, çoğu „bu uzantı kaydırmayı takılı yapıyor” şikayetinin arkasındaki mekanizmadır, ve biri onu profillemeden görünmezdir. Çözüm gösterişsizdir: kaydırma sırasında asla düzen okuma, sadece transform yaz, ve hareketi kompozitöre bırak.

Burada bunun nasıl göründüğü

scrolldog, senin kaydırma hızında her sayfanın kenarı boyunca koşan küçük bir piksel hayvanıdır. Aynı zamanda yukarıdaki kontrollerin işlenmiş bir örneğidir, çünkü onunla yaşanabilir olmak için bunları geçmesi gerekiyordu:

• İki izin: storage ve unlimitedStorage. Tabs yok, cookies yok, history yok, webRequest yok.
• Bir host izni — api.scroll.dog — bir lisansı kontrol etmek için kullanılır, asla üzerinde olduğun sayfaya dokunmak için değil.
• Hayvan sabit, sıfır boyutlu bir izde yaşar ve sadece bir CSS transform yazar, dolayısıyla kendi sayfanın düzeni asla değişmez.
• Kaydırma pasif olarak dinlenir ve her animasyon karesinde tek bir yazmaya indirgenir.
• Tek bir anahtar onu tüm açık sekmelerden anında kaldırır.

Bunların hiçbiri övünme değil — bu minimum. Tüm işi güzel görünmek olan bir şeyin herhangi bir şeyi yavaşlatmasının bir anlamı yok.