Analiza i optymalizacja mediów w serwisie WordPress

Podstawową wiedzę o tym, jak działa biblioteka multimediów w serwisach www WordPress, wyłoży nam obecnie dowolny automat podsumowujący w każdej wyszukiwarce. Z takiego podsumowania objawia nam się ugruntowana (sic!) wiedza o tym „jak najlepiej posprzątać duże pliki w wordpressie”, czy „jak posprzątać bibliotekę mediów WordPress” – automat podpowie jakie użyć wtyczki i ile za nie zapłacić.

I ok. Albowiem zdecydowana większość wtyczek, które optymalizują media działa całkiem dobrze.

Skąd bierze się duża objętość mediów w WordPressie?

Podstawowe błędy administracji mediami na stronie www

Zaczyna się od niefrasobliwego wgrywania na stronę zdjęć, grafik, filmów i plików. Zdjęcia wprost z telefonu lub aparatu o wielkościach po kilka tys px i rozmiarach po kilkanaście czy kilkadziesiąt MB. Najczęściej lądują na serwerze, 'bo mogą’ – na przykład dlatego, że serwer ma łagodne ograniczenia rozmiaru wgrywanych plików. I nikt ich wcześniej nie przygotowuje (nie pomniejsza) – bo po co, przecież się wgrają i ok.

Kolejną cegiełkę dokłada sam system WordPress. Każdy wgrany plik zostaje w nim w 'wersji oryginalnej’ i do niej generowana jest wersja -scaled – czyli największy systemowo ustawiony wymiar w px (równocześnie nie jest specjalnie pilnowany jego rozmiar w kB) a do tego dochodzą minimum trzy a czasem więcej wersji rozmiarowych. I tak, automatem pwostają miniatura, średni, duży wymiar oraz inne wersje wg indywidualnych ustawień szablonu, treści i wtyczek. Słowem, jeden wgrany plik jpg w WordPressie to kilka do kilkunastu jego dodatkowych wersji. I to jest okay, bo te mniejsze warianty są pokazywane na stronie żeby sprawniej działała. Tylko jeśli plik źródłowy ma 6000px po dłuższym boku i 20-25MB z jakością 90-100% – to nawet jego mniejsze formaty także będą zawsze większa niż powinny być. Tak to działa.

Czasem dochodzą filmy wideo a jeden krótki filmik miewa rozmiar nawet 80-120MB. Te pliki na szczęście nie mają dorabianych wersji rozmiarowych (uff) ale za to bywa, że wrzucimy jednen wariant, ten nam się nie spodoba (albo komuś z marketingu) – to todaje się kolejny wariant (ale stary zostaje, tak?) …ale nigdy nie będzie użyty, bo się nie podobał – ale jest. I zajmuje miejsce.

Natomiast jeśli jako format zdjęciowy często używasz pliki png (np takie wygenerowane przez AI) – to z nimi WordPress radzi sobie najgorzej. Szczerze mówiąc – fatalnie. Technologicznie i historycznie pliki png służyły zawsze jako drobne grafiki, często z przeźroczystym tłem – ikonki, guziki, ozdobniki itp Nie jest to natomiast dobry format dla zdjęć i dużych grafik. Wtedy każda mniejsza, wygenerowana przez cms wersja wgranego dużego pliku png jest często prawie tak samo duża jak oryginał (nawet jeśli mniejsza w px).

Co zrobić z dużą ilością (dużych) mediów w stronie WordPress?

Jeśli biblioteka mediów w Waszej stronie zaczyna zapychać dysk serwera, to najszybciej będzie serwis skasować i zrobić nowy.
(żarcik) 😀

Spokojnie! Nie trzeba wyrzucać wszystkiego w cyfrowy śmietnik. Wiadomo przecież, że Wasz serwis www to Wasza praca, często całe lata pracy…

Osobiście najbardziej zalecam zatrudnienie specjalisty WordPress, to Wam temat ogarnie.
Tak, to chwalipost, więc najlepiej napiszcie do mnie, i po kłopocie 🙂

Jak dobrze radzić sobie z mediami w WordPressie

Zdrowe zasady na co dzień

Jeśli chcesz mieć zdrowe i optymalne rozmiarowo media w swojej stronie WordPress (a właściwie w każdej stronie www), to:

• unikaj wgrywania dużych plików graficznych i dużych filmów
• najlepiej wgrywane pliki konwertować osobiście zanim trafią na stronę > zmień im rozmiar np na max 1920px, jakość na około 80-85 i jeśli tylko możesz – używaj nowoczesnych formatów typu webp lub avif
• uważaj na pliki w formacie png jako fotografie i grafiki (np wygenerowane w AI), one są zawsze nieproporcjonalnie ciężkie względem wymiarów w px
• pliki wideo staraj się wgrywać nie na stronę ale na wybrany serwis streamingowy – i tylko je na stronie linkuj
• zainstaluj i aktywuj wtyczkę, która będzie konwertować i skalować pliki podczas ich wgrywania
• postaraj się ustawić mały limit rozmiaru wgrywanych plików na serwerze – powiedzmy max 2-4MB, dzięki temu nie wgrasz nic dużego nawet przez pomyłkę

…i będzie wszystko okay, serio serio. Jeśli potrzebujesz pomocy lub podpowiedzi – napisz.

Regularne sprzątanie i optymalizacja mediów przez wtyczki WordPress

Jeśli przygotowywanie mediów osobiście przed wgraniem jest dużym kłopotem, to sprytne wtyczki do WordPress pomogą w takiej sytuacji. Skompresują i przekonwertują wgrywane zdjęcia na nowoczesne formaty, odnowią miniaturki, skompresują wspomniane wcześniej duże i oryginalne pliki. Niektóre wykryją nawet duplikaty lub będą pilnowały wgrywanych plików. To wszystko jest bardzo przydatne – polecam jeśli ktoś ma wątpliwości co do tego czy samodzielnie dobrze dopasowuje media do wgrania. Konkretnych wtyczek nie polecę, bo wszystko zależy od potrzeb.

Uwaga – zawsze trzeba pamiętać o kopiach zapasowych plików i bazy danych. Nie spotkałem wtyczki, która podmieni wielkie pliki sama, całkiem bez szwanku dla strony.

Są też i takie sytuacje, gdzie zwykła wtyczka nie będzie do końca najlepsza. Co więcej, jakby się taki optymalizujący dodatek uruchomiło, to cały serwis www przestanie odpowiadać a nawet bardzo dobremu serwerowi www zaczną doskwierać braki pamięci lub dostanie temperatury od uruchomionych procesów (a Wasz sajt wciąż będzie 'wisiał’).

Indywidualna optymalizacja dużej ilości dużych plików w WordPress

Gdy zaczyna brakować miejsca na dysku serwera albo serwis jest po przejściach – wiekowy, był raz czy dwa przenoszony lub uległ kiedyś większej awarii, zwykła wtyczka optymalizacyjna może nasz serwis przeciążyć i zawiesić a dysk zapchać do końca swoimi kopiami roboczymi czy zapasowymi.

Konieczne może być wtedy użycie WP-CLI – specjalnego systemu komend tekstowych, które pomijają 'zwykła administrację’ strony dostępną przez panel online – ale to narzędzie musi być dostępne w Twoim hostingu. Nie jest częścią samej strony WordPress. Może się też okazać, że media zajmują tak dużo miejsca, że nie ma już na dysku przestrzeni na bezpieczne działania z kopiami zapasowymi – wtedy rozwiązaniem jest ich opracowanie poza serwisem, tzw 'off-site’.

Optymalizacja mediów WordPress w trybie off-site

Jednym ze sposobów optymalizacji bardzo dużej ilości mediów bez możliwości użycia WP-CLI lub wtyczki jest ich przetwarzanie poza serwerem www. Nie jest demonicznie prędki ani łatwy w użyciu, ale może okazać się najbardziej wiarygodnym i stabilnym sposobem poprawy sytuacji.

Polega na zgraniu danych z serwera przez FTP (od razu powstaje kopia zapasowa, jupii), wyszukaniu i kompresji plików i na koniec wgraniu spowrotem na serwer tylko plików zmienionych (by nie generować dodatkowego transferu i nie przedłużać procesu). Przy prawidłowo zorganizowanej pracy, sam serwis nie powinien zauważyć zmian, za to na dysku pojawi się sporo wolnego miejsca.

Procedura jest monotonna i wymaga nadzorowanego użycia specjalnych skryptów, które sprawdzą każdy folder i plik z katalogu 'uploads’ serwisu i zidentyfikują listę plików do podmiany, podmienią je automatem i przygotują listę do wgrania spowrotem (a nawet je wgrają).

Wyniki kompresji mediów off-site

W ostatniej realizacji tego typu jaką wykonałem, poprawa objętości plików na dysku wynosiła 15% i zwolniła 10,5GB przestrzeni na dysku bez ryzyka kłopotów przy optymalizacji miniatur w systemie.

Najwolniejszą częścią procesu jest zgranie plików z serwera (kopia zapasowa) oraz wykonanie lokalnie ich kopii roboczej (by zachować wszystkie wersje oryginalne, w razie błędów). Same skrypty optymalizujące mogą działać równocześnie dla każdego obrabianego katalogu. Wgranie zmienionych plików spowrotem odbywa się też przy użyciu skryptu wsadowego.

Podsumowanie

Na prawie wszystko znajdą się w WordPressie wtyczki. I to jest bardzo fajna cecha tego systemu i kreatywnego środowiska jego użytkowników. Natomiast w sytuacjach podbramkowych wciąż jeszcze nic nie zastąpi człowieka.

Najlepiej takiego, któremu WordPressy z ręki jedzą i dają się miziać po cyfrowych brzuszkach 😉