Przedstawiamy nowy Ultra Smush: 5-krotny wzrost kompresji obrazu przy minimalnej utracie jakości

Opublikowany: 2023-07-19

Nowa, wielokrotnie nagradzana wtyczka do optymalizacji obrazu WPMU DEV , Ultra Smush, odblokowuje bezprecedensowe poziomy kompresji obrazu , nawet 5 razy większe niż Super Smush , zachowując jednocześnie imponującą jakość 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?

Następnie nadszedł czas, aby aktywować Ultra Smush .

W tym artykule:

  • 5x więcej oszczędności? Oto wyniki
  • Jak włączyć tryb Ultra Smush
  • Jak Ultra Smush porównuje się do Super Smush?
  • Dlaczego kompresja obrazu to wielka sprawa

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 Smush: Oszczędność kompresji 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
After 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.

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ą.

Dla jasności, użycie Ultra Smush spowoduje kompresję stratną , więc chociaż nie należy oczekiwać oryginalnej jakości, wyniki nadal 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 ekranu Bulk Smush Settings 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 w celu znacznego zmniejszenia 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.

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.

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 zmniejszeniu 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 rankingów 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.

Czy zacząłeś już Ultra Smushing swoje obrazy w WordPress? Podziel się swoimi wynikami w komentarzach poniżej.