Pomiar i naprawa wydajności: materiały
To materiał do artykułu. Są tu trzy formularze, które pomagają zmierzyć problem przed poprawką i sprawdzić ją po wdrożeniu, oraz wyniki mojego testu obrazu LCP i CLS.
Formularze do wypełnienia
| Formularz | Do czego go użyjesz |
|---|---|
| Karta pomiaru i retestu (Markdown) | Warunki testu, hipoteza, pięć prób przed i po zmianie, dane z CrUX albo RUM i decyzja |
| Zadanie naprawcze (Markdown) | Jedna poprawka od objawu do zamknięcia, z warunkiem akceptacji i retestem |
| Przegląd cache (Markdown) | Nagłówki cache dla każdego typu odpowiedzi i sprawdzenie, że prywatne strony nie trafiają do innych użytkowników |
Formularze są puste. Wpisujesz w nie własne pomiary, więc nie znajdziesz w nich wyników żadnej strony.
Test obrazu LCP i CLS
W opisie testu są wszystkie 40 prób na sztucznej stronie bez sieci, warunki pomiaru i to, czego test nie obejmuje. Surowe dane leżą w lcp-lab-results.json i cls-lab-results.json, a skrypt w run_lab.py.txt. Dokumentację, na której opiera się artykuł, zebrałem w sources.json.