Inžinerinis projektas · Naršyklės plėtinys
Smooth GPT: mažiau darbo naršyklei rodant ilgą pokalbį
Ilgų pokalbių puslapyje kaupiasi daug pranešimų ir sudėtingų kodo blokų. Smooth GPT yra Chrome plėtinys, kuris šiam puslapiui taiko kelis konkrečius metodus. Štai kaip jie veikia kartu.
Užduotis
Ilgame pokalbyje gali kauptis pranešimų elementai, nors dauguma jų toli už matomos srities. Kodo redaktoriai prideda dar daugiau struktūros. Reikėjo sumažinti atvaizdavimo darbą, išsaugoti pokalbio patogumą ir leisti naudotojui valdyti intensyvesnius metodus.
Keturi sprendimo sluoksniai
Senesnių API pranešimų trumpinimas
Pasirenkamas API atsakymo pakeitimas pašalina senesnius pranešimus prieš React juos atvaizduojant. Taip mažinamas į puslapį patenkantis turinys, o ne vien paslepiamas jau sukurtas.
Nematomo turinio atvaizdavimo atidėjimas
CSS content-visibility leidžia naršyklei atidėti už matomos srities esančio turinio išdėstymą ir piešimą, tačiau palieka jį dokumente.
Nematomo kodo blokų supaprastinimas
Kai CodeMirror blokas nematomas, Smooth GPT gali pakeisti sudėtingą redaktoriaus struktūrą paprastu tekstu ir grąžinti redaktorių, kai blokas vėl pasirodo ekrane.
Pasirenkamas DOM mažinimas
Naudotojai, kuriems reikia stipresnio poveikio, gali įjungti toli esančių pranešimų elementų atskyrimą nuo DOM. Šis būdas atskirtas nuo švelnesnių metodų, nes labiau pakeičia gyvą puslapį.
Ką gali patikrinti naudotojai
Plėtinio skydelyje yra atskirų metodų valdikliai ir pranešimų, DOM elementų bei supaprastintų blokų skaitikliai. Naudotojai gali įjungti ar išjungti metodus ir stebėti savo pokalbio elgseną.
Ko šie duomenys neįrodo
Metodai skirti sumažinti atvaizdavimo ir DOM apkrovą; jų poveikis priklauso nuo pokalbio ilgio, turinio, naršyklės ir nustatymų. Kontroliuojamo laiko matavimo skirtinguose įrenginiuose neskelbėme, todėl čia neteigiame visiems vienodo pagreitėjimo.