Seite nicht gefunden

To oferuje krytyczny CSS

7 szablonów, każdy analizowany i zatwierdzany osobno

Krytyczny CSS inline w sekcji head, przeanalizowane arkusze stylów ładowane z opóźnieniem

Raport: reguły, które nie trafiły w żaden element

Podgląd tej samej strony z obróbką i bez niej

Tryb testowy: zmianę widzą tylko zalogowani administratorzy

Lista wykluczeń dla adresów URL, lista wyjątków dla arkuszy stylów

Tak to działa

Analiza szablonu — pobranie przykładowej strony, sprawdzenie reguł

Porównać podgląd z obróbką i bez niej

Zatwierdzenie szablonu, potem przełączenie z trybu testowego na aktywny

Częste pytania o krytyczny CSS

Czy mierzone jest to, co naprawdę widać u góry?

Nie. Nie ma tu przeglądarki ani viewportu. Wszystkie elementy poniżej body są numerowane; za „górę” uchodzi pierwsze 30 % (regulowane między 5 a 90) plus wszystko wewnątrz zapisanych punktów orientacyjnych — nagłówek, nawigacja, pierwsze h1 i to, co zostanie dopisane. Tam, gdzie metoda dochodzi do granicy, reguła liczy się jako trafiona: kilka kilobajtów za dużo jest mniej groźne niż brakująca reguła.

Czy można stąd usunąć nieużywane reguły?

Lista jest raportem, nie narzędziem. Liczenie odbywa się względem jednej strony przykładowej na szablon — klasy, które JavaScript ustawia dopiero po kliknięciu, albo formularz na innej stronie, tam się nie pojawią. Usuwać lepiej w kodzie źródłowym theme'u, gdzie pozostaje to możliwe do prześledzenia.

Czego wymaga przebieg analizy i co dzieje się później?

Rozszerzenie PHP dom/libxml oraz działający loopback — witryna musi osiągać samą siebie przez HTTP. Gdy brakuje jednego z nich, analizy nie da się nawet uruchomić; przyczyna jest podana na miejscu. Jeśli później zmieni się przeanalizowany plik CSS albo theme, obsługa zostaje wstrzymana zamiast dostarczać potencjalnie błędny krytyczny CSS.

Krytyczny CSS

Krytyczny CSS

To oferuje krytyczny CSS

Tak to działa

Częste pytania o krytyczny CSS

Więcej funkcji wydajności

Performance można testować przez 24 godziny za darmo.