Zdecydowanie optymalizujemy wszystkie zdjęcia w witrynie dla Google PageSpeed ​​Insights

1. Google - zminimalizuj wszystko i wszystkich
2. Jak zoptymalizować jpg / jpeg?
3. Jak używać jpegoptim
4. Jak zoptymalizować PNG?
5. Uwagi

Myślę, że nie ma ani jednego właściciela witryny, który się nie spotkał Narzędzie PageSpeed ​​Insights i jego wymagania dotyczące optymalizacji obrazu. Dzięki nowo dodanym obrazom wszystko jest mniej lub bardziej wyraźne i istnieje masa modułów dla prawie każdego CMS, co pozwala zoptymalizować obraz w czasie ładowania. Ale ze starymi zdjęciami zgromadzonymi przez lata, nie jest to takie proste i masowo zoptymalizowane za pomocą modułów nie zawsze jest możliwe.

Google - zminimalizuj wszystko i wszystkich

Co sprawia, że ​​nasze zdjęcia i zdjęcia nie są optymalne dla sieci i na co Google? Nie wierz w to, ale na jakość :) każda optymalizacja zmniejsza jakość obrazu, zastępując kolory, które są bliskie parametrom, pojedynczemu i wygładzając obraz (wyrażając go z grubsza).

Choć może się to wydawać dziwne, rozmiar zależy nie tylko od samego zdjęcia, ale także od jego metadanych. Jeśli właśnie przesłałeś zdjęcie z telefonu do witryny, wraz ze zdjęciem, przeniesiono kilobajty dodatkowych danych w postaci daty wykonania zdjęcia, lokalizacji, właściciela i komentarzy do usług, z którymi musisz sobie poradzić, usuwając metadane plików, ale dzisiaj jest to o harmonogramie. Po przeczytaniu podręczników Google [1] przekonamy się, że gigant zaleca korzystanie z wielu narzędzi do kompresji plików JPEG i PNG bez wpływu na jakość obrazu (wizualnie bez wpływu).

Jak zoptymalizować jpg / jpeg?

Dla jpg / jpeg zaleca się instalację i używanie jpegtran lub jpegoptim . Obie wtyczki dają podobne wyniki, a wybór należy do Ciebie, używamy jpegoptim .

Jak używać jpegoptim

Wykonujemy wszystkie prace w przykładach na serwerze z CentOS

yum zainstaluj jpegoptim

Aby wyszukać i optymalizować wszystkie pliki na swoich stronach, możesz użyć polecenia

find / home / -name * .jpg -exec jpegoptim --strip-all '{}'

Po wykonaniu tego polecenia wszystkie obrazy tego formatu w witrynie zostaną zoptymalizowane i przepisane za pomocą nowych.

Jak zoptymalizować PNG?

W przypadku PNG zaleca się zainstalowanie i używanie OptiPNG lub PNGOUT

yum zainstaluj optipng

Za pomocą polecenia można wyszukiwać i zbiorczo optymalizować wszystkie pliki PNG.

find / home / -name * .png -exec optipng -o4 '{}'

Wszystko jak w przypadku jpg . W przykładzie jest dodatkowy parametr -o4 , który jest klawiszem –oX , w którym o to optymalizacja, a X to poziom kompresji zdjęć, który może być od 1 do 7. Osobiście nie polecam ustawiania wartości większej niż 4 na klucz.

Po zakończeniu prac obu zespołów możesz przejść do PageSpeed [3] i ciesz się z poprawy wyników i przyspieszenia [2] pobieranie stron.

Uwagi

1. Zalecenia Google do obrazów na stronie.
2. Przykład przyspieszenie korporacyjnej strony internetowej na bitrix
3. Sprawdź witrynę w PageSpeed .