Spisu treści:

Jak mogę odroczyć CSS blokujący renderowanie?
Jak mogę odroczyć CSS blokujący renderowanie?

Wideo: Jak mogę odroczyć CSS blokujący renderowanie?

Wideo: Jak mogę odroczyć CSS blokujący renderowanie?
Wideo: How to Eliminate Render-Blocking Resources on WordPress (CSS + JavaScript) 2024, Może
Anonim

Najczęstsze rozwiązanie, aby odraczać ładowanie twojego CSS blokujący renderowanie i zmniejszyć renderowanie - bloking wycieczki objazdowe nazywa się loadCSS przez Filament Group. Najnowsza wersja korzysta z nie w pełni obsługiwanego jeszcze atrybutu, który pozwala na asynchroniczne ładowanie CSS.

Jak więc naprawić blokowanie renderowania?

Napraw blokowanie renderowania JavaScript przy użyciu W3 Total Cache Następnie musisz odwiedzić stronę Wydajność »Ustawienia ogólne i przewiń w dół do sekcji Minify. Najpierw musisz zaznaczyć „Włącz” obok opcji Minifikuj, a następnie wybierz „Ręcznie” dla opcji trybu minifikacji. Kliknij przycisk Zapisz wszystkie ustawienia, aby zapisać swoje ustawienia.

Po drugie, czym jest eliminacja zasobów blokujących renderowanie? Renderowanie - blokowanie zasobów spowolnić postrzegane czasy ładowania strony w witrynie WordPress, zmuszając przeglądarki odwiedzających do opóźnień wykonanie zawartość strony widocznej na ekranie, podczas gdy przeglądarka pobiera od razu niepotrzebne pliki. Do wyeliminować render - blokowanie zasobów na WordPressie możesz używać wtyczek off-the-rack.

Poza powyższym, czy CSS blokuje renderowanie?

Renderowanie Bloking CSS . Domyślnie, CSS to traktowany jako renderowanie blokowanie zasobu, co oznacza, że przeglądarka nie renderowanie wszelkie przetworzone treści do CSSOM jest zbudowana. HTML jest oczywiste, bo bez DOM nie mielibyśmy nic do renderowanie , ale CSS wymóg może być mniej oczywisty.

Skąd mam wiedzieć, czy mam zasoby blokujące renderowanie?

Aby zidentyfikować zasoby blokujące renderowanie:

  1. Poszukaj zasobów niekrytycznych wczytujących się przed rozpoczęciem wiersza renderowania (przez webpagetest.org).
  2. Przetestuj usuwanie zasobów za pomocą Narzędzi Google dla programistów, aby zobaczyć, jak wpływa to na zawartość strony.
  3. Po zidentyfikowaniu współpracuj z programistami, aby znaleźć najlepsze rozwiązanie, aby odroczyć zasoby blokujące renderowanie.

Zalecana: