- Co robi optymalizacja obrazów na stronie
- Czym jest optymalizacja obrazu
- W wyniku optymalizacji obrazu otrzymasz
- Jak zoptymalizować obrazy
Dzień dobry Drodzy czytelnicy i goście blogu Pyatilistnik.org, kontynuujemy z Państwem optymalizację witryny WordPress. Ostatnim razem dałem ci szczegółowe pytanie na temat jak czyścić kod ze śmieci i zwiększyliśmy szybkość ładowania twojego zasobu. Dzisiaj będziemy jeszcze bardziej zwiększać prędkość pobierania, zwłaszcza w mobilnych wersjach witryny, poprzez automatyczną optymalizację obrazów na stronie . Muszę powiedzieć, że jakość obrazu nie ucierpi.
Co robi optymalizacja obrazów na stronie
Zgadzasz się, że w tej chwili szybkość ładowania zasobów jest bardzo ważna dla czynników behawioralnych, ja osobiście zamykam zasoby, które są ładowane przez ponad 4-5 sekund, zgodnie ze statystykami, większość czeka na 3 sekundy. A teraz pytanie brzmi: czy wszyscy mają taką szybkość? Możesz być taki jak ja Super szybki hosting na dyskach SSD , ale nie uratują cię, jeśli twoje strony ważą megabajty.
Oto przykład optymalizacji obrazów i zwiększenia prędkości, która wpłynęła na frekwencję i konwersję.
Z mojego przykładu widać, że im dłużej ładowany jest zasób, tym niższa konwersja (wykonanie określonych działań przez użytkownika), obserwowałem to na jednym z moich projektów, gdzie w nagłówku było 11 megabajtów, po kompresji , konwersja wzrosła.
Jeśli spojrzysz na procent elementów złożonych w witrynach WordPress, przekonasz się, że obrazy są najgrubsze i będą wymagały od ciebie większej optymalizacji, jeśli oczywiście chcesz zwiększyć ruch i szybkość zasobu.
Czym jest optymalizacja obrazu
Optymalizacja strony jest specjalnym przetwarzaniem plików w celu zmniejszenia jej rozmiaru, bez utraty jakości, jest to bardzo ważne kryterium, które chce zmniejszyć rozmiar obrazu i zabić jakość do zera. Istnieje wiele narzędzi do wykonania naszego zadania, wszystkie działają zgodnie ze swoimi algorytmami i mają podobną zasadę.
Są one podzielone zarówno na automatyczne, jak i ręczne, gdy potrzebujesz czegoś jednorazowego do wykonania, to jedna rzecz, ale kiedy masz sieć witryn, jak ty, musisz pomyśleć o automatycznej optymalizacji zdjęć i obrazów.
W wyniku optymalizacji obrazu otrzymasz
- Przyspieszenie ładowania stron;
- Zwiększ konwersję;
- Zwiększone statystyki Google Pagespeed Insights;
- Zmniejszenie liczby awarii, poprawa czynników behawioralnych na stronie;
- Poprawiono ranking witryny w wynikach wyszukiwania bezpośrednia rekomendacja Google na 2018 r ;
- Zmniejszenie obciążenia hostingu / serwera;
- Oszczędź miejsce na hostingu.
Jak zoptymalizować obrazy
Przejdźmy do praktyki i powiem ci, jak optymalizacja obrazów na stronie bez utraty jakości. Porozmawiam o malutkiej usłudze. Ma rozwiązania zarówno dla Photoshopa, jak i WordPressa, który musi przetworzyć niewielką liczbę obrazów, można użyć kompresji online.
Kliknij przycisk wtyczki WordPress, ponieważ moim zadaniem jest optymalizacja obrazów WordPress. Zostaniesz przeniesiony na stronę pobierania, kliknij przycisk Pobierz.
Następnie instalujemy wtyczkę w WordPressie, jak ci opisałem, nie zatrzymam się tam. Następnie przejdź do sekcji „Wtyczki - zainstalowane” i aktywuj Kompresuj obraz JPEG i PNG.
Aktywowałeś wtyczkę, musisz ją skonfigurować z menu „Ustawienia - Media”. Musisz mieć miesięczny, darmowy klucz, który pozwala na przetwarzanie do 500 obrazów na WordPressie. Aby go pobrać, kliknij przycisk Zmień API.
Po rejestracji otrzymasz klucz API, który wstawiasz w „Ustawienia - Pliki multimedialne”
Następnie wykonuje się automatyczną optymalizację obrazów dla witryny w menu „Media - Bulk Optimization”
Aby zoptymalizować obrazy, należy kliknąć przycisk Rozpocznij optymalizację zbiorczą. Pamiętaj, że w moim przykładzie wtyczka skompresowała już wszystkie obrazy o 48,8% i zaoszczędziła ponad 900 megabajtów miejsca na dysku. W przypadku hostingu na dyskach SSD jest to bardzo fajna funkcja.
Rozpoczyna się proces optymalizacji obrazu WordPress, zauważ, że średnio kompresja oszczędza do 60% bez utraty jakości. Prędkość ładowania strony będzie teraz gwałtownie wzrastać.
Po zakończeniu 500 bezpłatnych optymalizacji możesz zarejestrować nową pocztę i uzyskać nowy klucz, jest to język rosyjski. Jeśli masz trudności, napisz o nich w komentarzach, postaramy się je rozwiązać.
A teraz pytanie brzmi: czy wszyscy mają taką szybkość?
