6.9 KiB
Svetainės analizė dėl našumo
Užduoties apžvalga
Našumo analizė yra svarbus įgūdis šiuolaikiniams interneto kūrėjams. Šioje užduotyje atliksite išsamų realios svetainės našumo auditą, naudodami tiek naršyklės įrankius, tiek trečiųjų šalių paslaugas, siekdami nustatyti kliūtis ir pasiūlyti optimizavimo strategijas.
Jūsų užduotis – pateikti detalų našumo ataskaitą, kuri parodytų jūsų supratimą apie interneto našumo principus ir gebėjimą efektyviai naudoti profesionalius analizės įrankius.
Užduoties instrukcijos
Pasirinkite svetainę analizei – pasirinkite vieną iš šių variantų:
- Populiari svetainė, kurią dažnai naudojate (naujienų svetainė, socialiniai tinklai, elektroninė prekyba)
- Atviro kodo projekto svetainė (GitHub puslapiai, dokumentacijos svetainės)
- Vietinio verslo svetainė arba portfolio svetainė
- Jūsų projektas arba ankstesni kursų darbai
Atlikite analizę naudojant kelis įrankius, panaudodami bent tris skirtingus metodus:
- Naršyklės kūrėjų įrankiai – naudokite Chrome/Edge skiltyje Performance detaliam profilavimui
- Internetinės audito priemonės – išbandykite Lighthouse, GTmetrix arba WebPageTest
- Tinklo analizė – analizuokite išteklių įkėlimą, failų dydžius ir užklausų modelius
Užfiksuokite savo išvadas išsamiame ataskaitoje, kurioje būtų:
Našumo metrikų analizė
- Įkėlimo laiko matavimai iš kelių įrankių ir perspektyvų
- Core Web Vitals reikšmės (LCP, FID, CLS) ir jų reikšmė
- Išteklių pasiskirstymas, rodantis, kurių failų įkėlimas užtrunka daugiausiai laiko
- Tinklo vandens kritimo analizė, identifikuojanti užblokavusius išteklius
Problemų identifikavimas
- Konkrečios našumo kliūtys su pagrindžiančiais duomenimis
- Pagrindinių priežasčių analizė, paaiškinanti problemų atsiradimą
- Vartotojų poveikio vertinimas, apibūdinantis, kaip problemos veikia tikruosius naudotojus
- Prioritetų nustatymas pagal problemos rimtumą ir sprendimo sudėtingumą
Optimizavimo rekomendacijos
- Konkrečios ir įgyvendinamos pataisos su numatomu poveikiu
- Įgyvendinimo strategijos kiekvienam rekomenduotam pakeitimui
- Šiuolaikinės gerosios praktikos, kurių būtų galima imtis (tingus įkėlimas, suspaudimas ir kt.)
- Įrankiai ir metodikos nuolatiniam našumo stebėjimui
Tyrimo reikalavimai
Neapsiribokite tik naršyklės įrankiais – išplėskite analizę naudodami:
Trečiųjų šalių audito paslaugos:
- Google Lighthouse – išsamūs auditai
- GTmetrix – našumo ir optimizavimo įžvalgos
- WebPageTest – realių sąlygų testavimas
- Pingdom – globalus našumo stebėjimas
Specializuoti analizės įrankiai:
- Bundle Analyzer – JavaScript paketų dydžio analizė
- Vaizdų optimizavimo įrankiai – išteklių optimizavimo galimybės
- Saugumo antraščių analizė – saugumo poveikis našumui
Pateikimo formatas
Sukurkite profesionalią ataskaitą (2–3 puslapiai), kurioje būtų:
- Santrauka – pagrindinės išvados ir rekomendacijų apžvalga
- Metodika – naudoti įrankiai ir testavimo metodas
- Esama našumo būklė – pradinės metrikos ir matavimai
- Identifikuotos problemos – išsami problemų analizė su pagrindžiančiais duomenimis
- Rekomendacijos – prioritetinės gerinimo strategijos
- Įgyvendinimo planas – žingsnis po žingsnio optimizavimo schema
Įtraukite vizualinius įrodymus:
- Našumo įrankių ir matavimų ekrano kopijas
- Diagramos arba grafikai, pateikiantys našumo duomenis
- Prieš ir po palyginimus, kur įmanoma
- Tinklo vandens kritimo diagramos ir išteklių pasiskirstymas
Vertinimo kriterijai
| Kriterijus | Puikiai (90-100 %) | Patenkinamai (70-89 %) | Reikia tobulinti (50-69 %) |
|---|---|---|---|
| Analizės gilumas | Išsami analizė naudojant 4+ įrankius su detaliomis metrikomis, pagrindinių priežasčių analize ir vartotojų poveikio vertinimu | Gerai atlikta analizė naudojant 3 įrankius su aiškiomis metrikomis ir pagrindine problemų identifikacija | Pagrindinė analizė naudojant 2 įrankius, ribotas gilumas ir minimalus problemų identifikavimas |
| Įrankių įvairovė | Naudoja naršyklės įrankius + 3+ trečiųjų šalių paslaugas su lyginamąja analize ir įžvalgomis | Naudoja naršyklės įrankius + 2 trečiųjų šalių paslaugas su tam tikra lyginamąja analize | Naudoja naršyklės įrankius + 1 trečiosios šalies paslaugą su ribota palyginimu |
| Problemų identifikavimas | Nustato 5+ konkrečias našumo problemas su išsamiu pagrindinių priežasčių nagrinėjimu ir kiekybiniu poveikiu | Nustato 3–4 našumo problemas su gera analize ir daliniu poveikio matavimu | Nustato 1–2 našumo problemas su pagrindine analize |
| Rekomendacijos | Pateikia konkrečias, įgyvendinamas rekomendacijas su įgyvendinimo detalėmis, lauktinu poveikiu ir šiuolaikinėmis gerosiomis praktikomis | Pateikia geras rekomendacijas su tam tikra įgyvendinimo pagalba ir lauktinais rezultatais | Pateikia pagrindines rekomendacijas su ribotomis įgyvendinimo detalėmis |
| Profesionali pateikimo forma | Gerai organizuota ataskaita su aiškia struktūra, vizualiais įrodymais, santrauka ir profesionaliu formatavimu | Gera organizacija su tam tikrais vizualiais įrodymais ir aiškia struktūra | Pagrindinė organizacija su minimaliais vizualiais įrodymais |
Mokymosi rezultatai
Atlikdami šią užduotį įrodysite savo gebėjimą:
- Taikyti profesionalius našumo analizės įrankius ir metodikas
- Nustatyti našumo kliūtis naudodami duomenimis pagrįstą analizę
- Analizuoti ryšį tarp kodo kokybės ir vartotojo patirties
- Pateikti konkrečias, įgyvendinamas optimizavimo strategijas
- Komunikuoti technines išvadas profesionaliu formatu
Ši užduotis sustiprina pamokose įgytas našumo sąvokas ir ugdo praktinius įgūdžius, kuriuos naudosite visos savo interneto kūrėjo karjeros metu.
Atminta: Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą Co-op Translator. Nors siekiame tikslumo, prašome atkreipti dėmesį, kad automatizuoti vertimai gali turėti klaidų ar netikslumų. Pradinė documento versija gimtąja kalba laikoma autoritetingu šaltiniu. Esant kritinei informacijai, rekomenduojama kreiptis į profesionalų žmogaus vertėją. Mes neatliekame atsakomybės už bet kokius nesusipratimus ar neteisingus aiškinimus, kilusius naudojant šį vertimą.