|
|
# 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](https://developers.google.com/web/tools/lighthouse) – išsamūs auditai
|
|
|
- [GTmetrix](https://gtmetrix.com/) – našumo ir optimizavimo įžvalgos
|
|
|
- [WebPageTest](https://www.webpagetest.org/) – realių sąlygų testavimas
|
|
|
- [Pingdom](https://tools.pingdom.com/) – globalus našumo stebėjimas
|
|
|
|
|
|
**Specializuoti analizės įrankiai:**
|
|
|
- [Bundle Analyzer](https://bundlephobia.com/) – JavaScript paketų dydžio analizė
|
|
|
- [Vaizdų optimizavimo įrankiai](https://squoosh.app/) – išteklių optimizavimo galimybės
|
|
|
- [Saugumo antraščių analizė](https://securityheaders.com/) – saugumo poveikis našumui
|
|
|
|
|
|
## Pateikimo formatas
|
|
|
|
|
|
Sukurkite profesionalią ataskaitą (2–3 puslapiai), kurioje būtų:
|
|
|
|
|
|
1. **Santrauka** – pagrindinės išvados ir rekomendacijų apžvalga
|
|
|
2. **Metodika** – naudoti įrankiai ir testavimo metodas
|
|
|
3. **Esama našumo būklė** – pradinės metrikos ir matavimai
|
|
|
4. **Identifikuotos problemos** – išsami problemų analizė su pagrindžiančiais duomenimis
|
|
|
5. **Rekomendacijos** – prioritetinės gerinimo strategijos
|
|
|
6. **Į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.
|
|
|
|
|
|
---
|
|
|
|
|
|
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
|
|
|
**Atminta**:
|
|
|
Šis dokumentas buvo išverstas naudojant dirbtinio intelekto vertimo paslaugą [Co-op Translator](https://github.com/Azure/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ą.
|
|
|
<!-- CO-OP TRANSLATOR DISCLAIMER END --> |
