7.6 KiB

Raw Blame History

Suriin ang isang site para sa performance

Pangkalahatang-ideya ng Takdang-Aralin

Ang pagsusuri sa performance ay isang mahalagang kasanayan para sa mga modernong web developer. Sa takdang-araling ito, magsasagawa ka ng masusing pagsusuri sa performance ng isang tunay na website gamit ang mga tool sa browser at mga third-party na serbisyo upang matukoy ang mga bottleneck at magmungkahi ng mga estratehiya para sa pag-optimize.

Ang iyong gawain ay magbigay ng detalyadong ulat sa performance na nagpapakita ng iyong pag-unawa sa mga prinsipyo ng web performance at ang iyong kakayahang epektibong gumamit ng mga propesyonal na tool sa pagsusuri.

Mga Tagubilin sa Takdang-Aralin

Pumili ng isang website para sa pagsusuri - pumili mula sa mga sumusunod na opsyon:

Isang sikat na website na madalas mong ginagamit (site ng balita, social media, e-commerce)
Website ng isang open-source na proyekto (GitHub pages, mga site ng dokumentasyon)
Website ng isang lokal na negosyo o portfolio site
Sarili mong proyekto o nakaraang coursework

Magsagawa ng pagsusuri gamit ang maraming tool gamit ang hindi bababa sa tatlong iba't ibang paraan:

Browser DevTools - Gamitin ang Chrome/Edge Performance tab para sa detalyadong profiling
Mga online auditing tool - Subukan ang Lighthouse, GTmetrix, o WebPageTest
Network analysis - Suriin ang pag-load ng mga resource, laki ng file, at mga pattern ng request

I-dokumento ang iyong mga natuklasan sa isang detalyadong ulat na naglalaman ng:

Pagsusuri ng Performance Metrics

Mga sukat ng oras ng pag-load mula sa iba't ibang tool at pananaw
Core Web Vitals scores (LCP, FID, CLS) at ang kanilang mga implikasyon
Pagkakabaha-bahagi ng mga resource na nagpapakita kung aling mga asset ang pinakamalaking kontribusyon sa oras ng pag-load
Network waterfall analysis na tumutukoy sa mga blocking resources

Pagkilala sa Problema

Mga partikular na bottleneck sa performance na may kasamang data
Pagsusuri sa ugat ng problema na nagpapaliwanag kung bakit nangyayari ang bawat isyu
Pagtatasa ng epekto sa user na naglalarawan kung paano naaapektuhan ang mga tunay na user ng mga problema
Pag-ranggo ng priyoridad ng mga isyu batay sa kalubhaan at kahirapan sa pag-aayos

Mga Rekomendasyon para sa Pag-optimize

Mga tiyak at maaksiyong pagpapabuti na may inaasahang epekto
Mga estratehiya sa pagpapatupad para sa bawat inirekomendang pagbabago
Mga modernong pinakamahusay na kasanayan na maaaring ilapat (lazy loading, compression, atbp.)
Mga tool at teknik para sa patuloy na pagsubaybay sa performance

Mga Kinakailangan sa Pananaliksik

Huwag umasa lamang sa mga tool ng browser - palawakin ang iyong pagsusuri gamit ang:

Mga third-party auditing services:

Google Lighthouse - Masusing pagsusuri
GTmetrix - Mga insight sa performance at optimization
WebPageTest - Mga kondisyon ng pagsubok sa totoong mundo
Pingdom - Global na pagsubaybay sa performance

Mga espesyal na tool sa pagsusuri:

Bundle Analyzer - Pagsusuri sa laki ng JavaScript bundle
Mga tool sa pag-optimize ng imahe - Mga oportunidad sa pag-optimize ng asset
Pagsusuri sa security headers - Epekto ng seguridad sa performance

Format ng Mga Output

Gumawa ng isang propesyonal na ulat (2-3 pahina) na naglalaman ng:

Executive Summary - Pangkalahatang-ideya ng mga pangunahing natuklasan at rekomendasyon
Pamamaraan - Mga tool na ginamit at diskarte sa pagsusuri
Pagtatasa ng Kasalukuyang Performance - Baseline metrics at mga sukat
Mga Natukoy na Isyu - Detalyadong pagsusuri sa problema na may kasamang data
Mga Rekomendasyon - Mga estratehiya sa pagpapabuti na inuuna
Roadmap ng Pagpapatupad - Hakbang-hakbang na plano sa pag-optimize

Isama ang visual na ebidensya:

Mga screenshot ng mga tool sa performance at metrics
Mga chart o graph na nagpapakita ng data ng performance
Mga paghahambing bago/at pagkatapos kung maaari
Mga chart ng network waterfall at pagkakabaha-bahagi ng mga resource

Rubric

Pamantayan	Napakahusay (90-100%)	Katamtaman (70-89%)	Kailangan ng Pagpapabuti (50-69%)
Lalim ng Pagsusuri	Masusing pagsusuri gamit ang 4+ tool na may detalyadong metrics, pagsusuri sa ugat ng problema, at pagtatasa ng epekto sa user	Magandang pagsusuri gamit ang 3 tool na may malinaw na metrics at pangunahing pagkilala sa problema	Pangunahing pagsusuri gamit ang 2 tool na may limitadong lalim at minimal na pagkilala sa problema
Pagkakaiba-iba ng Tool	Gumagamit ng mga tool sa browser + 3+ third-party na serbisyo na may comparative analysis at mga insight mula sa bawat isa	Gumagamit ng mga tool sa browser + 2 third-party na serbisyo na may ilang comparative analysis	Gumagamit ng mga tool sa browser + 1 third-party na serbisyo na may limitadong paghahambing
Pagkilala sa Problema	Nakikilala ang 5+ partikular na isyu sa performance na may detalyadong pagsusuri sa ugat ng problema at nasusukat na epekto	Nakikilala ang 3-4 na isyu sa performance na may magandang pagsusuri at ilang sukat ng epekto	Nakikilala ang 1-2 isyu sa performance na may pangunahing pagsusuri
Mga Rekomendasyon	Nagbibigay ng tiyak, maaksiyong rekomendasyon na may mga detalye sa pagpapatupad, inaasahang epekto, at modernong pinakamahusay na kasanayan	Nagbibigay ng magagandang rekomendasyon na may ilang gabay sa pagpapatupad at inaasahang resulta	Nagbibigay ng pangunahing rekomendasyon na may limitadong detalye sa pagpapatupad
Propesyonal na Presentasyon	Maayos na ulat na may malinaw na istruktura, visual na ebidensya, executive summary, at propesyonal na format	Magandang organisasyon na may ilang visual na ebidensya at malinaw na istruktura	Pangunahing organisasyon na may minimal na visual na ebidensya

Mga Layunin sa Pagkatuto

Sa pamamagitan ng pagtatapos ng takdang-araling ito, ipapakita mo ang iyong kakayahang:

Mag-apply ng mga propesyonal na tool at metodolohiya sa pagsusuri ng performance
Kilalanin ang mga bottleneck sa performance gamit ang pagsusuri na batay sa data
Suriin ang relasyon sa pagitan ng kalidad ng code at karanasan ng user
Magmungkahi ng tiyak, maaksiyong mga estratehiya sa pag-optimize
Magkomunika ng mga teknikal na natuklasan sa isang propesyonal na format

Pinatitibay ng takdang-araling ito ang mga konsepto ng performance na natutunan sa aralin habang binubuo ang mga praktikal na kasanayan na magagamit mo sa buong karera mo bilang web developer.

Paunawa:
Ang dokumentong ito ay isinalin gamit ang AI translation service na Co-op Translator. Bagamat sinisikap naming maging tumpak, pakatandaan na ang mga awtomatikong pagsasalin ay maaaring maglaman ng mga pagkakamali o hindi pagkakatugma. Ang orihinal na dokumento sa kanyang katutubong wika ang dapat ituring na opisyal na sanggunian. Para sa mahalagang impormasyon, inirerekomenda ang propesyonal na pagsasalin ng tao. Hindi kami mananagot sa anumang hindi pagkakaunawaan o maling interpretasyon na dulot ng paggamit ng pagsasaling ito.

7.6 KiB Raw Blame History