Uzupełnienie Lazy Loading z kompresją obrazu

W ciągu ostatnich kilku miesięcy rozmawialiśmy o znaczeniu kompresji obrazu. Niezależnie od tego, czy jest to Joomla, WordPress, Drupal, czy jakikolwiek inny CMS, kompresja obrazu poprawia wagę strony, a tym samym globalny czas ładowania. Z drugiej strony lazy loading obrazu ułatwia przeglądanie witryny, opóźniając ładowanie obrazu do momentu, gdy czytelnicy przejdą do obrazów.

Odkładając ładowanie obrazu, mobilni czytelnicy mogą zaoszczędzić na swoim planie danych. Wszyscy inni korzystają z krótszych czasów ładowania, co z kolei poprawia Twój wynik SEO. Pozytywny wpływ lazy loading jest na tyle znaczący, że Google Chrome planuje zastosować tę technikę natywnie w przyszłych aktualizacjach.

lazy loading obrazu nie jest ostatecznym rozwiązaniem wszystkich problemów związanych z ładowaniem blogów. W niektórych przypadkach musisz wstępnie załadować obrazy. W innych przypadkach masz duże obrazy, których ładowanie trwa zbyt długo. To, co często występuje w tych scenariuszach, to fakt, że decydujące znaczenie dla czasu ładowania mają obrazy. Tu właśnie pojawia się kompresja obrazu.

leniwe ładowanie i kompresja obrazu

 

Skrupulatna kompresja obrazu

lazy loading obrazu lazy loading obrazów, dopóki nie będą potrzebne. Czas pobierania obrazów zależy od wielkości obrazu - kilku kilobajtów czy megabajtów. Kompresja obrazu przyspiesza faktyczny proces pobierania, zmniejszając rozmiar obrazów. Po co leniwie ładować pełnowymiarowe obrazy, skoro można leniwie ładować skompresowane obrazy?

ImageRecycle przejmuje rolę optymalizatora obrazu. ImageRecycle został zaprojektowany w celu zmniejszenia rozmiaru obrazów bez utraty jakości. Obrazy stanowią jedne z najbardziej powszechnych i dużych elementów na nowoczesnych stronach internetowych. Zmniejszenie ich rozmiaru oznacza płacenie za mniej miejsca i szybsze przeglądanie. Efekty są zdumiewające. Dodam, że efekt jest jeszcze bardziej imponujący, gdy lazy loading wykorzystuje zaawansowane techniki, takie jak wstępne ładowanie widoku, co oznacza, że ​​jedna lub dwie wysokości ekranu mają już wstępnie załadowane obrazy.

pre-load-image-viewport

 

 

ImageRecycle można wykorzystać w każdym projekcie dzięki poręcznemu API, ale nie musisz być technicznie zorientowany, aby używać ImageRecycle . Optymalizator obrazu jest częścią dwóch wtyczek, które pomagają zoptymalizować blogi WordPress i Joomla: WP Speed of Light i Speed Cache i może być używany na prawie każdej platformie ze skryptem kompresji obrazu PHP.

ImageRecycle -Setup


 

Proces używania ImageRecycle w którejkolwiek z tych dwóch wtyczek lub w skrypcie jest stosunkowo prosty. Najpierw musisz aktywować bezpłatną ImageRecycle próbną ImageRecycle lub kupić subskrypcję. Następnie zainstaluj i aktywuj rozszerzenia WordPress lub Joomla oraz wtyczkę ImageRecycle , a następnie dodaj klucz API ImageRecycle i sekret na stronie ustawień. Po pomyślnym aktywowaniu konta ImageRecycle możesz wykorzystać jego zalety bez konieczności opuszczania WordPress, Joomla, opencart czy jakiegokolwiek CMS.

Jeśli po raz pierwszy używasz ImageRecycle w swojej witrynie, możesz natychmiast przyspieszyć wszystkie swoje pliki multimedialne. Po aktywowaniu wtyczki możesz od razu zbiorczo kompresować wszystkie obrazy, a nawet pliki PDF. W przyszłości możesz optymalizować pliki indywidualnie lub zbiorczo kompresować multimedia. A co najważniejsze, proces ten odbywa się w tle.

 

Precyzyjna kompresja obrazu

Możliwość optymalizacji wszystkich obrazów jest błogosławieństwem, ale największym ImageRecycle jest jego kontrola. Dzięki ImageRecycle optymalizacja obrazu ImageRecycle zupełnie nowy wymiar kontroli. Możesz dołączyć określone foldery multimediów do kompresji, pozostawiając inne obrazy w ich oryginalnym stanie.

Możesz nawet określić poziom kompresji niezależnie dla różnych typów plików - PDF, PNG, JPG i GIF. Poziomy kompresji wahają się od najlepszego oszczędzania, cięcia plików nawet o 80%, do mniej trwałego oryginalnego poziomu jakości, lub do braku kompresji.

Jakość kompresji obrazu

 

W niektórych przypadkach możesz chcieć poprzedzić kompresję obrazu wstępnym krokiem zmiany rozmiaru. Rozważ przesłanie zdjęć o dużych wymiarach do bloga, który nie koncentruje się zbytnio na mediach. Te obrazy prawdopodobnie zostaną zmniejszone podczas renderowania w interfejsie użytkownika.

Najbardziej niepokojące jest to, że te duże obrazy zajmują zbyt dużo miejsca i muszą zostać pobrane w całości, aby zostały wyświetlone. ImageRecycle umożliwia automatyczne przeskalowanie obrazów do maksymalnej szerokości lub wysokości, aby uniknąć przechowywania dużych obrazów, które mają szkodliwy wpływ na blog.

Lazy loading to dobre rozwiązanie, aby skrócić czas ładowania bloga, ale czasami może być prawie powierzchowne - tymczasowe przyspieszenie stron internetowych. Kompresja obrazu uzupełnia lazy loading dzięki czemu jest w pełni efektywna dzięki optymalizacji obrazu. Wciąż niezdecydowany lub podekscytowany próbą kompresji obrazu? Wypróbuj ImageRecycle dzięki bezpłatnej wersji próbnej!

    Komentarze | Dodaj swoje
      • Nie znaleziono komentarzy