WordPress

5-krotny wzrost kompresji obrazu przy minimalnej utracie jakości

  • 19 lipca, 2023
  • 8 min read
5-krotny wzrost kompresji obrazu przy minimalnej utracie jakości


Wielokrotnie nagradzana wtyczka do optymalizacji obrazu WPMU DEV jest nowa Ultra Smush odblokowuje bezprecedensowe poziomy kompresji obrazu do 5x większy niż Super Smushprzy zachowaniu imponującej jakości obrazu!

Czy Twoja witryna WordPress jest wypełniona obrazami? Czy chcesz, aby te obrazy ładowały się na Twoich stronach szybciej niż lamborghini pędzące autostradą i kompresowały je bardziej niż harmonogram pełnego stosu programistów? I robić to wszystko prawie bez dostrzegalnej utraty jakości obrazu?

W takim razie czas na aktywację Ultra Smush.

W tym artykule:

Przejdźmy od razu do tego, co naprawdę ważne…

5x więcej oszczędności? Oto wyniki

Zanim przejdziemy do tego, jak aktywować i używać nowego poziomu kompresji obrazu Ultra Smush i dlaczego może on zapewnić jeszcze bardziej imponujące wyniki niż nasza już imponująca funkcja Super Smush, podzielmy się niektórymi wynikami korzystania z Ultra Smush.

Po pierwsze, oto wyniki masowego smushu na stronie testowej z ponad 1000 dużymi obrazami z aktywowanym tylko Super Smush (CDN, Local WebP i Lazy Load są nieaktywne)…

Oszczędności związane z kompresją obrazu przy użyciu Super Smush.
Przed Ultra Smushem: Oszczędności związane z kompresją obrazu tylko przy użyciu Super Smush.

Po aktywacji Ultra Smush ponownie przeprowadziliśmy test, aby sprawdzić, czy możemy wycisnąć coś więcej z już zoptymalizowanej pod względem obrazu witryny.

I tak się stało! Ultra Smush wycisnął ponad 5-krotnie oszczędności…

Wyniki testu Bulk Smush przy użyciu trybu Ultra Smush
Po Ultra Smush: Ponad 5-krotne oszczędności na już zoptymalizowanej stronie!

Pierwsi testerzy zgłaszali uzyskiwanie podobnych wyników.

Super Smush kontra Ultra Smush
Wyniki: Super Smush (przed) vs Ultra Smush (po)

A oto tylko niektóre komentarze, które otrzymaliśmy od pierwszych testerów na temat wpływu Ultra Smush na jakość obrazu:

  • „Ultra jest super. Trudno było znaleźć różnicę między cechami. Strata jakości jest znikoma. Jestem pod wrażeniem!”
  • „Wygląda całkiem nieźle, tylko jeśli przyjrzę się naprawdę uważnie, widzę, że niektóre kolory nie są tak żywe, a niektóre krawędzie nie są tak ostre jak w oryginale”.
  • „Na obrazie średniej wielkości z dużą ilością szczegółów trzeba się bardzo dobrze przyjrzeć, aby dostrzec niewielkie różnice w nasyceniu kolorów. Na dużym obrazie z jednolitym, ale gradientowym tłem przejścia między gradientami są bardziej widoczne, a główny obiekt wydaje się bardzo ostry. Naprawdę trzeba się bardzo dobrze przyjrzeć i tego oczekiwać. Chociaż nie jest to strona ze zdjęciami, która wymaga doskonałej jakości. W sumie: całkiem imponujące.
Warto przeczytać!  php — instalacja wordpress oparta na ansible nie działa

Nasz zespół programistów wtyczek również przeprowadził szeroko zakrojone testy, porównując wyniki Ultra Smush z optymalizatorem obrazu Ewww i TinyPNG, przeprowadzając testy DSSIM (miernik porównania jakości, który pokazuje różnice w stosunku do oryginalnego obrazu – im niższy wynik, tym lepiej).

Ultra Smush pokonał konkurencję w większości testów i okazał się zwycięzcą zarówno pod względem oszczędności kompresji…

Testy Ultra Smush — redukcja średniego rozmiaru pliku
Test redukcji rozmiaru pliku pokazuje, że Ultra Smush jest zdecydowanym zwycięzcą!

…i jakość obrazu (niższe wartości DSSIM = lepsza jakość obrazu).

Testy Ultra Smush - Średnia wartość DSSIM
Testy DSSIM pokazują, że Ultra Smush zapewnia doskonałą oszczędność obrazu i lepszą jakość w porównaniu z konkurencją.

Żeby było jasne, użycie Ultra Smush spowoduje Kompresja stratnawięc chociaż nie należy oczekiwać oryginalnej jakości, wyniki i tak będą imponujące.

Jak włączyć tryb Ultra Smush

Ultra Smush to nie tylko nowa funkcja, to zupełnie nowy poziom kompresji obrazów Bulk Smushing.

Tryb Ultra to funkcja Smush Pro, która zastępuje przełącznik Super Smush w darmowej wersji wtyczki dodatkowymi opcjami „Trybu Smush”.

Przełączenie na tryb Ultra jest bardzo łatwe. Jeśli masz zainstalowany Smush Pro na swojej stronie, po prostu przejdź do Zbiorcze ustawienia Smush ekran i wybierz Ultra (Wyższa kompresja), klikając przycisk, a następnie zapisz ustawienia.

Wybierz poziom kompresji masowych obrazów, który najlepiej odpowiada Twoim potrzebom.

Tryb Smush oferuje trzy poziomy kompresji dla ustawień Bulk Smush:

  • Podstawowy – Wybierz tę opcję, aby uzyskać minimalną redukcję rozmiaru pliku (niskie oszczędności), bezstratną kompresję obrazu z perfekcyjnym pikselem w oryginalnej jakości obrazu i znikomy wpływ na szybkość.
  • Super – Aby przyspieszyć ładowanie strony, wybierz to ustawienie, aby uzyskać znaczną redukcję rozmiaru pliku przy doskonałej wyrazistości obrazu. Super Smush zapewnia do 2x oszczędności kompresji dla twoich zdjęć (kompresja stratna).
  • Ultra – Wybierz tę opcję kompresji, aby uzyskać profesjonalną kompresję wydajności. Ultra Smush zapewnia poziomy kompresji do 5 razy większe niż Super, zachowując jednocześnie imponującą jakość obrazu.

Po włączeniu Ultra Smush w ustawieniach wtyczki możesz monitorować wyniki z zakładki Wydajność w The Hub.

Warto przeczytać!  php - Zwiększ wysyłkę koszyka o zestawy
The Hub: zakładka Performance – Ultra Smush
Zobacz wyniki optymalizacji Ultra Smush w The Hub.

Uwagi:

  • Jeśli wolisz kontynuować optymalizację obrazów przy użyciu ustawień Podstawowych (bezstratnych) lub Super Smush, po prostu wybierz te opcje Poziomu kompresji.
  • Jeśli włączysz Ultra Smush w witrynie, w której Smush już działa, pamiętaj o ponownym sprawdzeniu wszystkich obrazów i wykonaniu nowego Bulk Smush, aby skorzystać z dalszych oszczędności optymalizacji.
Bulk Smush — ponownie sprawdź obrazy
Po włączeniu Ultra Smush uruchom ponownie Bulk Smush, aby jeszcze bardziej zoptymalizować swoją witrynę.

Jak Ultra Smush porównuje się do Super Smush?

Podczas gdy Super Smush zapewnia do 2x szybszą optymalizację obrazu praktycznie bez widocznej utraty jakości, nowy silnik kompresji Ultra Smush oferuje do 5-krotną redukcję rozmiaru pliku, aby osiągnąć wyjątkowe wyniki kompresji.

Uwaga: obecnie Ultra Smush poprawia tylko obrazy JPEG. Funkcje poprawiające obrazy PNG zostaną dodane w przyszłych wersjach wtyczki.

Aby dowiedzieć się więcej o Ultra Smush, zapoznaj się z dokumentacją wtyczki Smush.

Dlaczego kompresja obrazu to wielka sprawa

Jeśli dopiero zaczynasz optymalizację WordPress, ważne jest, aby wiedzieć, że stosowanie kompresji obrazu na stronach internetowych oferuje kilka znaczących korzyści, które poprawiają ogólne wrażenia użytkownika i wydajność witryny, takie jak:

Większe prędkości ładowania

Skompresowane obrazy mają mniejszy rozmiar, co oznacza, że ​​ładowanie zajmuje mniej czasu, gdy ktoś odwiedza Twoją witrynę WordPress. Szybsze prędkości ładowania poprawiają zadowolenie użytkowników i zmniejszają współczynniki odrzuceń. Ponadto szybkość ładowania strony jest kluczowym czynnikiem dla SEO, ponieważ wyszukiwarki mają tendencję do priorytetowego traktowania szybciej ładujących się witryn w swoich wynikach wyszukiwania.

Ulepszone wrażenia użytkownika

Gdy obrazy ładują się szybko, użytkownicy są bardziej skłonni do pozostania w kontakcie z Twoimi treściami. Wysokiej jakości skompresowane obrazy zapewniają odwiedzającym dostęp do elementów wizualnych Twojej witryny bez czekania na długi czas ładowania. To pozytywne doświadczenie może prowadzić do zwiększenia retencji użytkowników i wyższych współczynników konwersji.

Oszczędność przepustowości

Skompresowane obrazy zużywają mniej przepustowości, dzięki czemu Twoja witryna jest bardziej wydajna, szczególnie dla użytkowników z ograniczonymi pakietami danych lub wolniejszymi połączeniami internetowymi. Może to być szczególnie ważne dla użytkowników mobilnych, ponieważ często mają oni ograniczone limity danych.

Warto przeczytać!  import - zawartość mieszana: strona pod adresem „” została załadowana przez HTTPS, ale zażądano niezabezpieczonej czcionki „”

Zmniejszone obciążenie serwera

Mniejsze rozmiary obrazów przekładają się na mniejsze obciążenie serwera, ponieważ serwer musi przetwarzać i przesyłać mniej danych dla każdego żądania obrazu. Może to pomóc w zapobieganiu problemom z wydajnością w okresach największego natężenia ruchu i obniżeniu kosztów hostingu.

Wyższe rankingi SEO

Google i inne wyszukiwarki uważają szybkość ładowania strony za jeden z czynników rankingowych. Szybsze czasy ładowania, osiągnięte dzięki kompresji obrazu, mogą pozytywnie wpłynąć na SEO Twojej witryny i potencjalnie prowadzić do wyższych pozycji w wyszukiwarkach.

Łatwość tworzenia kopii zapasowych i przywracania

Tworzenie kopii zapasowych i przywracanie mniejszych plików graficznych jest szybsze, co ułatwia efektywne zarządzanie kopiami zapasowymi witryny.

Rozważania dotyczące dostępności

Szybsze ładowanie przynosi korzyści wszystkim użytkownikom, w tym osobom niepełnosprawnym, które mogą polegać na czytnikach ekranu lub mają ograniczony dostęp do przepustowości.

Najłatwiejszym sposobem wdrożenia kompresji obrazu w witrynach WordPress jest użycie wtyczki takiej jak Smush, którą można łatwo zainstalować i skonfigurować tak, aby automatycznie obsługiwała kompresję i optymalizację obrazu podczas przesyłania multimediów do witryny WordPress (zarówno wewnętrznie do Biblioteki multimediów, jak i mediów zewnętrznych katalogi) bez utraty jakości wizualnej.

Wybierz Ultra Smush, aby uzyskać doskonałą optymalizację obrazu

Jak wspomniano wcześniej, Ultra Smush to funkcja Smush Pro. Jeśli obecnie korzystasz z bezpłatnej wtyczki Smush, rozważ zostanie członkiem WPMU DEV i zacznij czerpać korzyści z dodatkowych oszczędności i ulepszeń wydajności, a także uzyskać dostęp do najbardziej niezawodnej platformy zarządzania WordPress „wszystko w jednym” dostępnej w dowolnym miejscu.

Tak więc, jeśli Twoim celem jest znaczne zmniejszenie rozmiarów plików graficznych i zautomatyzowanie całego procesu, rozwiązanie jest bardzo proste… włącz Ultra Smush we wszystkich swoich witrynach WordPress i doświadcz nawet 5-krotnego wzrostu optymalizacji w zakresie oszczędności kompresji obrazu i imponującej jakości obrazu.


Źródło