Performancë

Madhësia e dokumentit HTML

Sa bajte zë vetë dokumenti HTML; mbi 500 KB mjeti e quan të madh.

Çfarë është

Kjo matje numëron bajtet e dokumentit HTML — jo të faqes së plotë me imazhe, skripta dhe stile, por vetëm të skedarit që erdhi i pari.

Një dokument tipik i mirëndërtuar zë 20 deri 100 kilobajt. Kur kalon disa qindra, zakonisht diçka është futur brenda që nuk duhej të ishte aty: CSS dhe JavaScript të shkruar drejtpërdrejt në faqe, të dhëna JSON të vendosura brenda për hidratimin e një aplikacioni, ose imazhe të koduara si data: URI.

Madhësia matet para ngjeshjes, prandaj një dokument 500 KB mund të udhëtojë si 80 KB kur serveri e ngjesh.

Pse ka rëndësi

Dokumenti HTML është burimi i vetëm që shfletuesi duhet ta presë të tërin para se të mund të bëjë shumicën e punës. Sa më i madh, aq më vonë fillon gjithçka tjetër.

Në lidhje mobile të ngadalta, çdo qindra kilobajt shtesë është sekonda të vërteta pritjeje. Dhe ndryshe nga imazhet, që mund të vijnë më vonë, dokumenti nuk mund të shtyhet.

Ka edhe kosto për shfletuesin: parsimi i HTML-së dhe ndërtimi i DOM-it kushton procesor, dhe në pajisje të lira kjo është e ndjeshme.

Për motorët ekziston një kufi praktik: dokumente shumë të mëdha mund të mos përpunohen të tëra. Përmbajtja që rri pas kufirit mund të mos indeksohet kurrë.

Shkaku më i shpeshtë sot është hidratimi: një aplikacion që e fut gjithë gjendjen fillestare si JSON brenda faqes.

Si rregullohet

Nxirr CSS-në dhe JavaScript-in te skedarë të veçantë që ruhen në cache.
Hiq imazhet `data:` URI. Një imazh i koduar në base64 është 33% më i madh se skedari dhe nuk ruhet kurrë veçmas.
Zvogëlo të dhënat e hidratimit. Dërgo vetëm atë që nevojitet për ekranin e parë.
Aktivizo ngjeshjen — nuk e zvogëlon dokumentin, por e zvogëlon koston e tij në rrjet.
Kontrollo komentet dhe hapësirat e lëna nga sistemi i shablloneve.
Ndaj faqet shumë të gjata ose ngarko pjesën e dytë sipas kërkesës.

Si e mat ky mjet

PerformanceAnalyzer::checkPageSize() (services/PerformanceAnalyzer.php:142) merr size_download nga informacioni i kërkesës, ose bie te gjatësia e vargut HTML kur ai mungon (:16). Tri dalje: nën 100 KB (:148, kaluar), 100–500 KB (:151, informativ), mbi 500 KB (:153, paralajmërim me ndikim të lartë).

Çfarë NUK e mat

Matet vetëm dokumenti HTML. Faqja e plotë — me imazhe, fonte, skripta dhe stile — mund të jetë dhjetë herë më e rëndë dhe ky kontroll nuk e sheh. Kjo është kufizimi kryesor: një faqe me HTML 40 KB dhe 8 MB imazhe raportohet si "madhësi optimale".

Te metrikat e kthyera, fushat css_size, js_size dhe total_image_size janë gjithnjë 0 (services/PerformanceAnalyzer.php:53–56) — mjeti nuk i shkarkon ato burime dhe nuk i mat dot.

Madhësia matet mbi bajtet e shkarkuara, pra pas ngjeshjes kur ajo ekziston; pragjet 100 dhe 500 KB janë të shkruara sikur të ishin bajte të pangjeshura. Kjo e bën pragun praktikisht disa herë më të butë se sa duket.

Mospërputhje midis tekstit të analizuesit dhe matjes

Kjo faqe ndjek matjen, jo tekstin që prodhon analizuesi.
Teksti i analizuesit	Çfarë ndodh	Si u mat	Burimi
css_size: 0 · js_size: 0 · total_image_size: 0	Mjeti nuk i shkarkon burimet, prandaj këto fusha janë konstante. E njëjta vlen për file_size të çdo imazhi.	Caktimet te :53–:56; fusha file_size e imazheve te ContentAnalyzer.php:283. — `matur gjatë 5.10`	`services/PerformanceAnalyzer.php:53`

Kodi që e kryen matjen

services/PerformanceAnalyzer.php:142 — PerformanceAnalyzer::checkPageSize
services/PerformanceAnalyzer.php:53 — css_size