Extensions maques de Chrome que no alenteixen el teu navegador

Les extensions decoratives de navegador tenen fama, i en bona part és merescuda: pesades, xerraires, i instal·lades amb una llista de permisos que ningú no ha llegit. Cosa que és una llàstima, perquè la categoria és realment divertida i tots aquests problemes es poden evitar.

Tres coses que val la pena comprovar

• La llista de permisos. Chrome la mostra abans d'instal·lar. Storage és un fitxer de preferències. Tabs, cookies, history i webRequest són les que deixen una extensió veure el que navegues.
• Si toca el disseny de la teva pàgina. Una extensió que insereix elements al flux del document, o que mesura posicions a cada esdeveniment de scroll, pot fer anar a batzegades una pàgina fluida per poc que dibuixi.
• On envia peticions. Una decoració amb la pestanya de xarxa ocupada està fent una segona feina de la qual ningú t'ha avisat.

Per què el disseny és el que mossega

Llegir una propietat de disseny — l'alçada d'un element, la seva posició a la pantalla — obliga el navegador a acabar tota la feina de disseny pendent abans de poder respondre. Fes això dins d'un gestor de scroll i li has demanat al navegador que s'aturi i mesuri seixanta cops per segon, en una pàgina que estava a mig dibuixar.

Aquest és el mecanisme darrere de la majoria de queixes de «aquesta extensió fa que el scroll vagi lent», i és invisible fins que algú ho analitza amb un perfilador. La solució no té glamur: no llegir mai el disseny durant el scroll, escriure només transformacions i deixar que el compositor mogui.

Com es veu això aquí

El scrolldog és una petita mascota de píxels que corre per la vora de cada pàgina a la teva velocitat de scroll. També és un exemple resolt de les comprovacions d'abans, perquè les ha hagut de passar per ser tolerable de tenir a prop:

• Dos permisos: storage i unlimitedStorage. Sense tabs, sense cookies, sense history, sense webRequest.
• Un permís d'amfitrió — api.scroll.dog — utilitzat per comprovar una llicència, mai per tocar la pàgina en què ets.
• La mascota viu en un carril fix de mida zero i només escriu una transformació CSS, així que el disseny de la teva pàgina mai no canvia.
• El scroll s'escolta de manera passiva i es redueix a una escriptura per fotograma d'animació.
• Un interruptor la treu de totes les pestanyes obertes a l'instant.

Res d'això és presumir — és el mínim. Una cosa la única feina de la qual és ser agradable de mirar no té cap motiu per fer res més lent.