Jak naprawić błąd Maximum Execution Time Exceeded
30 stycznia 2017
all
Jak przenieść WordPress na nowy serwer lub na nową domenę – migracja wp
18 lutego 2017
Pokaż wszystkie

Optymalizacja obrazów w WordPress dla Pagespeed Insights

Jeśli zainteresował cię ten wpis, to zapewne poszukujesz sposobów na lepszą optymalizację witryny lub PageSpeed Insigts dobija cię swoimi komunikatami “Należy poprawić: Zoptymalizuj obrazy“.

Na obrazkach można zaoszczędzić sporo miejsca i prędkości. Dodatkowo jeśli lubisz cyferki, to ucieszą cię lepsze wyniki TU oraz TU.

Od czego zacząć?

1. Ewww Image Optimizer

kompresja obrazów

Instalacja tej wtyczki to świetny pierwszy krok. Optymalizuje praktycznie wszystkie formaty – jpg png gif. Poziom kompresji jest na prawdę wysoki bez strat jakości. Ewww kompresuje nie tylko zawartość mediów ale też pliki wgrane za pośrednictwem popularnych wtyczek do galerii (np. NEXTGEN) oraz pliki motywu. Jest tylko jedno “ALE” – nie zawsze może ci się udać zainstalować tę wtyczkę. Możesz mieć zablokowaną funkcję “exec()” na serwerze lub nadane inne ograniczenia przez co korzystanie z wtyczki lub jej wszystkich komponentów będzie niemożliwe.

Jeśli nie masz ochoty i czasu na kombinowanie jak wtyczkę uruchomić, to po prostu ją odinstaluj i przejdź dalej.

 

2. WP Smush it

optymalizacja obrazów

Używam jako dość niezawodnej alternatywy dla EWWW. W wersji darmowej ma ograniczenie do 50 obrazów optymalizowanych za jednym kliknięciem, więc jeśli mamy pokaźniejszą bibliotekę, to musimy pamiętać, aby klikać co jakiś czas optymalizację dla kolejnych obrazów.

 

 

 

 

3. TINY JPG

zoptymalizuj obraz

Podałam w nagłówku adres wtyczki, ale powiem szczerze, że wg. mnie limity darmowe są bardzo małe i ciężko mi się z nią przez to pracuje. Za to sama idea jest jak najbardziej słuszna. Wtyczka jest WordPressowym przedłużeniem strony https://tinyjpg.com/ . Często korzystam z możliwości tej strony. Szczególnie kiedy Pagespeed krzyczy że należy z obrazków wycisnąć więcej lub kiedy trzeba zoptymalizować obrazki należące do pluginów lub themu nie wyłapane przez wtyczki do kompresji. To taka ręczna dłubanina dla cierpliwych i rządnych każdego najmniejszego punktu. Zasada jest prosta: wyciągamy przez klienta ftp pliki wskazywane przez pagespeed, ładujemy na stronę Tinyjpg, pobieramy, wrzucamy spowrotem na ich miejsce na serwerze (podmieniamy). Oczywiście przy aktualizacji nasze świeżo skompresowane pliki z pluginów i motywów znikną, więc jeśli mamy takowy to wrzucamy je w “child-a”.

Jesli nie lubicie online-owych kompresorów, to możecie korzystać z programów takich jak np. GIMP lub ImageOptim (Mac). Jeśli macie mała witrynę – stronę wizytówkę, to możecie każdym obrazkiem zająć się osobno i go dopieścić, jeśli jednak prowadzicie bloga i macie za sobą już trochę wpisów, to zecydowanie zalecam użycie wtyczek i hurtową kompreję plików, a następnie zajęcie się poszczególnymi przypadkami, ale w stałych fragmentach witryny (jak np. Logo w nagłówku, czy obrazki w stopce).  W narzędziu do pomiaru prędkości strony GTmetrix przy komunikacie o optymalizacji obrazów macie również możliwość pobrania już skompresowanych (klikamy “see optimized version” po czym zapisujemy prawym-klikiem). Muszę wasz jednak ostrzec. Czasem cały wasz wysiłek idzie poniekąd na marne i nie znajduje odzwierciedlenia w pomiarze prędkości Googla – ten czasem wpada w jakąś dziwną pętlę myśli i upiera się, że możemy skompresować bezstratnie coś co jest już skompresowane do granic możliwości – nie przejmujcie się, zachowajcie zdrowy rozsądek i nie popadajcie w skrajności (pikseloza jest passe).