Opublikowano: 31 marca 2014 r.
Optymalizacja ścieżki renderowania krytycznego polega na nadawaniu priorytetów wyświetlaniu treści powiązanych z obecnym działaniem użytkownika.
Zapewnienie szybkiej obsługi internetu wymaga dużego nakładu pracy przeglądarki. Większość ale przed nami, jako programista stron internetowych, ta praca jest dla nas ukryta: piszemy znaczniki na ekranie zostaje wyświetlona odpowiednia strona. Jak dokładnie przeglądarka przechodzi od przetwarzania kodu HTML, CSS i JavaScriptu do wyrenderowania pikseli na ekranie?
Optymalizacja pod kątem skuteczności polega na zrozumieniu, pośrednich między otrzymaniem bajtów HTML, CSS i JavaScript wymaga przetwarzania, aby zamienić je w wyrenderowane piksele. krytyczną ścieżkę renderowania.
Optymalizując krytyczną ścieżkę renderowania, możemy znacznie poprawić do momentu pierwszego wyrenderowania stron. Poznanie kluczowej ścieżki renderowania stanowi też podstawę do tworzenia wydajnych aplikacji interaktywnych. Proces interaktywnych aktualizacji jest taki sam, ale odbywa się w ciągłej pętli i najlepiej z częstotliwością 60 klatek na sekundę. Ale najpierw zobaczmy, jak przeglądarka wyświetla prostą stronę.
Dodatkowe materiały
- Tworzenie modelu obiektu
- Konstrukcja, układ i farba drzewa renderowania
- CSS blokujący renderowanie
- Dodawanie interakcji za pomocą JavaScriptu
- Mierzenie ścieżki krytycznej renderowania
- Analiza skuteczności krytycznej ścieżki renderowania
- Optymalizacja krytycznej ścieżki renderowania
- Reguły i zalecenia PageSpeed