WordPress

Jak uzyskać rekomendacje Google dotyczące szybkości strony graficznej za pomocą Smush

oen.pl

  • 24 czerwca, 2020
  • 6 min read
Jak uzyskać rekomendacje Google dotyczące szybkości strony graficznej za pomocą Smush


Smush ma wszystko, czego potrzebujesz do optymalizacji obrazów, a także przydatny zestaw narzędzi, które pomogą Ci pokonać rekomendacje dotyczące obrazów PageSpeed ​​Insights.

To prosty sposób na przyspieszenie witryny bez utraty jakości obrazu.

Dzięki Smushowi możesz:

  • Kompresuj obrazy zbiorczo i za pomocą jednego kliknięcia
  • Automatycznie zmieniaj rozmiar i przeskaluj swoje obrazy
  • Włącz leniwe ładowanie dzięki czemu Twój serwer może skoncentrować się na wyświetlaniu treści na ekranie
  • Konwertuj pliki obrazów do formatów, które są drastycznie mniejsze i znacznie szybsze do wyświetlenia.
Wtyczka do optymalizacji i kompresji obrazu Smush dla WordPress.
Smush to najpopularniejsza wtyczka do optymalizacji i kompresji obrazów dla WordPressa, z ponad milionem instalacji i ponad 50 miliardami rozbitych obrazów.

Istnieją cztery główne zalecenia dotyczące obrazów, a Smush może odpowiedzieć na wszystkie z nich.

„Nie miałem pojęcia, że ​​obrazy wydłużają czas ładowania mojej strony. Wtyczka skróciła czas potrzebny prawie o połowę.” – karlcw

W tym przewodniku dowiesz się, jak Smush może pomóc Ci uzyskać pozytywny wynik PageSpeed ​​Insights.

Odłóż obrazy poza ekranem

Nie chcesz marnować zasobów serwera i poświęcać szybkości strony, aby załadować obrazy znajdujące się w połowie strony, dlatego w przypadku wielu witryn ma sens odkładanie obrazów poza ekranem.

Kiedy instalujesz Smush, Lazy Load jest jedną z pierwszych funkcji, które powinieneś sprawdzić. Samo włączenie tej opcji może naprawić zalecenie PageSpeed ​​dotyczące „odroczenia obrazów poza ekranem”.

Funkcja Lazy Load w Smush to coś więcej niż tylko przycisk włączania i wyłączania.

Możesz wybrać formaty obrazów, które chcesz uwzględnić.

Warto przeczytać!  Nawigacja po kartach i interfejs API ustawień WordPress
Zrzut ekranu przedstawiający typy multimediów, whocing jpeg, png, gif, svg i iframe, które można wykluczyć.
Może chcesz, aby Twoje pliki JPEG były ładowane z opóźnieniem, ale nie pliki PNG?

Jak również wszelkie typy postów, które chcesz wykluczyć.

Zrzut ekranu przedstawiający różne strony, które można wykluczyć z leniwego ładowania, w tym stronę główną, blog i posty.
Istnieje również możliwość dodania adresu URL konkretnych stron.

Leniwe ładowanie można łatwo cofnąć, więc włącz je, sprawdź swój nowy wynik PageSpeed ​​Insights i, co najważniejsze, sprawdź wpływ, jaki ma to na Twoją witrynę.

Efektywne kodowanie obrazów

Jeśli potrzebujesz pełnego i wszechstronnego przewodnika po optymalizacji obrazów, polecam zajrzeć na tego bloga, ponieważ tutaj skupiamy się wyłącznie na tym, jak Smush może pomóc Ci spełnić wymagania audytu PageSpeed ​​Insights. W tej sekcji szczególnie zalecenie „efektywnie koduj obrazy”.

Rozbijanie obrazów zapobiega zapychaniu serwera dodatkowymi MB, które nie muszą się tam znajdować.

Możesz Smushować na różne sposoby, praktycznie bez różnicy w jakości.

Smush podczas przesyłania

Kompresja automatyczna jest domyślnie włączona i służy do wydajnego kodowania obrazów. Jest to funkcja o dużym wpływie i niskim ryzyku, z której należy korzystać w większości witryn.

Zrzut ekranu przedstawiający automatyczną kompresję pokazujący, że jest ona włączona i gotowa do automatycznej kompresji obrazów podczas przesyłania.
Możesz wybrać, czy chcesz, aby dotyczyło to wszystkich obrazów, czy też wykluczało określone rozmiary.

Jeśli nie chcesz, aby Smush automatycznie kompresował Twoje zdjęcia, możesz sobie z tym poradzić na kilka innych sposobów:

Masowe Smuszenie

Możesz użyć funkcji Bulk Smush, aby przeskanować witrynę w poszukiwaniu zdjęć wymagających uwagi i zniszczyć je wszystkie na raz.

Zrzut ekranu przedstawiający masowe rozbijanie pokazujący, że istnieją trzy obrazy wymagające rozbicia.
Kliknij przycisk i pozwól, aby wtyczka wykonała całą pracę za Ciebie.

Przebij się przez bibliotekę multimediów

Możesz także udać się do biblioteki multimediów, aby sprawdzić, czy masz obrazy dostępne do rozbicia.