Cuki Chrome-bővítmények, amik nem lassítják le a böngésződet

A díszítő böngészőbővítményeknek van egy híre, és többnyire meg is érdemlik: nehézkesek, fecsegőek, és egy olyan engedélylistával telepítik őket, amit senki nem olvasott el. Ami kár, mert a kategória valóban szórakoztató, és minden probléma elkerülhető.

Három dolog, amit érdemes ellenőrizni

• Az engedélylista. A Chrome megmutatja telepítés előtt. A storage egy beállításfájl. A tabs, cookies, history és webRequest azok, amik lehetővé teszik egy bővítménynek, hogy figyelje, mit böngészel.
• Hogy hozzányúl-e az oldalad elrendezéséhez. Egy bővítmény, ami elemeket szúr be a dokumentum folyamába, vagy minden görgetési eseménynél megméri az elemek pozícióját, akadozóvá tud tenni egy egyébként sima oldalt, bármilyen keveset is rajzol.
• Hova küld kéréseket. Egy díszítés, aminek nyüzsgő hálózati fülje van, egy második munkát végez, amiről nem szóltak neked.

Miért az elrendezés harap

Egy elrendezési tulajdonság olvasása — egy elem magassága, a pozíciója a képernyőn — arra kényszeríti a böngészőt, hogy fejezzen be minden függőben lévő elrendezési munkát, mielőtt válaszolhatna. Csináld ezt egy görgetéskezelőn belül, és arra kérted a böngészőt, hogy álljon meg és mérjen másodpercenként hatvanszor, egy oldalon, amit félig rajzolt még csak meg.

Ez a mechanizmus áll a legtöbb „ez a bővítmény akadozóvá teszi a görgetést” panasz mögött, és láthatatlan, amíg valaki le nem profilozza. A megoldás nem látványos: soha ne olvass elrendezést görgetés közben, csak transzformációkat írj, és hagyd a mozgatást a kompozitorra.

Így néz ki itt

A scrolldog egy kis pixeles kedvenc, ami a görgetési sebességeddel fut minden oldal szélén. Egyben egy kidolgozott példa is a fenti ellenőrzésekre, mert át kellett mennie rajtuk, hogy elviselhető legyen vele élni:

• Két engedély: storage és unlimitedStorage. Nincs tabs, nincs cookies, nincs history, nincs webRequest.
• Egy host-engedély — api.scroll.dog —, amit egy licenc ellenőrzésére használ, soha nem az oldal érintésére, amin éppen vagy.
• A kedvenc egy rögzített, nulla méretű sávban él, és mindig csak egy CSS transzformációt ír, így az oldalad saját elrendezése soha nem változik.
• A görgetést passzívan figyeli, és animációs képkockánként egyetlen írásba sűríti.
• Egy kapcsoló azonnal eltávolítja minden nyitott lapról.

Ebből semmi nem dicsekvés — ez a minimum. Egy dolognak, aminek az egész feladata, hogy jól nézzen ki, nincs oka bármit is lelassítani.