W 2019 średni rozmiar strony mobilnej to 1,6 MB. Obrazy zazwyczaj stanowią około połowy średniej strony internetowej, ponieważ ich użycie wymaga dużej ilości zasobów.
Jeśli nigdy nie traktowałeś poważnie optymalizacji obrazu, a Twoja witryna WordPress działa wolno, możesz wiele zyskać, robiąc to dobrze. Jeśli Twoje obrazy ładują się powoli, zwykle oznacza to problem z Twoim blog WordPress. Koncentrując się na obrazach, możesz uniknąć wielu problemów z wydajnością witryny.
W tym samouczku wyjaśnię, dlaczego optymalizacja obrazów jest najlepszym punktem wyjścia do optymalizacji wydajności twojego blog WordPress. Omówimy również kilka wskazówek na początek, jeśli potrzebujesz naprawić wolno ładujące się obrazy WordPress.
Dlaczego warto zacząć od obrazów, rozważając poprawę wydajności
Sieć to obecnie środowisko bogate w multimedia, zawierające filmy, podcasty i więcej obrazów niż kiedykolwiek wcześniej. Obrazy mogą pomóc Twojej witrynie wyróżnić się w zatłoczonym środowisku mediów, ale mają swoją cenę. Jeśli nie będziesz wyświetlać obrazów prawidłowo, Twoja witryna może znaleźć się w niekorzystnej sytuacji. Jeśli sprawisz, że obrazy ładują się szybciej, możesz poprawić wydajność swojej witryny, zapewnić użytkownikom przyjazność dla urządzeń mobilnych, ulepszyć SEO i zwiększyć konwersję.
Obrazy są gorsze, gdy są źle wykonane
Powiększone obrazy faktycznie obciążają twoje strony internetowe.
Jeśli celujesz na rozmiar pliku 1,5 MB dla strony internetowej i dodajesz kilka obrazów 2 MB każdy, przekroczysz ten limit za pomocą pojedynczego obrazu.
Ale obrazy mogą być beaucoup większy. Średni rozmiar pliku generowany przez przeciętną lustrzankę cyfrową wynosi od 4 do 12 MB! Jeśli nie wiesz lepiej i używasz obrazu 12 MB lub gorzej, więcej niż 12 MB, to naprawdę zrujnujesz wydajność swojej strony.
Jeśli uzyskasz połączone obrazy mniejsze niż 1 MB, możesz potencjalnie zmniejszyć wagę strony o 20 MB. Oczywiście jest to duża przesada, ale ma to na celu zilustrowanie, ile nadmiaru może się sumować, jeśli nie zrobisz tego dobrze.
Coś tak prostego jak zmiana rozmiaru obrazów może radykalnie poprawić wydajność i zaoszczędzićzakwaterowanie. Twój host pobiera wyższą opłatę za miejsce na dysku zajmowane przez wszystkie te duże obrazy.
Żyjemy w pierwszym mobilnym świecie
Optymalizując obrazy pod kątem urządzeń przenośnych, zapewniasz doskonałe wrażenia użytkownikom wszystkich typów urządzeń, dzięki czemu będą oni wracać do Twojej witryny.
Popularność urządzeń mobilnych eksplodowała do tego stopnia, że żyjemy obecnie w świecie, w którym telefony komórkowe są najczęściej używane. W lipcu 2018 Google ogłosił, że szybkość strony stanowi czynnik rankingowy dla wyszukiwań na urządzeniach mobilnych.
Oznacza to, że tworząc witryny, musisz upewnić się, że dostarczasz obrazy pasujące do urządzeń mobilnych, które mają wolniejsze połączenia danych.
Jeśli przesyłasz strumieniowo obrazy Retina przeznaczone na komputery stacjonarne w małym oknie, marnujesz dane. Dla odwiedzających, którzy nie mają nieograniczonych planów transmisji danych, może to być bardzo frustrujące i kosztowne.
Obraz zoptymalizowany pod kątem wyszukiwania powrócił
Google nie tylko zmienił wpływ optymalizacji mobilnej na rankingi, ale także zmienił sposób wyświetlania wyników wyszukiwania obrazów, co doprowadziło do głębokich zmian w rankingach. SEO obrazy .
Teraz możesz kierować ruch do swojej witryny, gdy obrazy pojawiają się w wyszukiwarce grafiki.
W 2013 roku Google dodał przycisk wyświetlania grafiki do wyników wyszukiwania grafiki. Gdy ktoś kliknął ten przycisk, został przeniesiony bezpośrednio do obrazu, a nie do strony internetowej, na której był obraz. Witryny zgłosiły 63% spadek ruchu dzięki wyszukiwarce grafiki.
W 2018 roku Google został zmuszony do usunięcia przycisku wyświetlania obrazu, więc ruch zaczął ponownie napływać. Istnieje wiele możliwości uzyskania dobrej pozycji w rankingu, ponieważ SEO zaniedbali optymalizację obrazu.
Optymalizacja obrazu wpływa na dolny wiersz
Obrazy mogą spowolnić Twoją witrynę WordPress, jeśli nie są odpowiednio wyświetlane i mogą zmniejszyć współczynnik konwersji.
Jeśli sprzedajesz produkty na swojej stronie, możesz z nich korzystać test prędkości strony mobilnej Google aby pokazać kwotę potencjalnego dochodu. Na stronie wyników przewiń w dół i otwórz sekcję Oceń wpływ szybszej witryny.
Optymalizacja obrazu nie tylko zwiększy liczbę konwersji, ale także określi liczbę potencjalnych klientów, których spotykasz w ruchu wyszukiwania.
Celem Google jest zapewnienie możliwie najlepszego doświadczenia użytkownika, od wyszukiwania po udzielenie odpowiedzi. Jeśli poprawisz wydajność użytkowników, zapewniając im doskonałą obsługę, Google łatwiej pozycjonuje Twoją witrynę w wynikach wyszukiwania.
Jak przyspieszyć witrynę WordPress, poprawiając obrazy
Teraz, gdy wyjaśniliśmy, dlaczego obrazy są najlepszym miejscem na rozpoczęcie, wyjaśnię kilka prostych zadań, które możesz wykonać na swojej stronie, aby przyspieszyć ładowanie zdjęć.
Usuń niepotrzebne obrazy
Jednym z najłatwiejszych sposobów zmniejszenia wagi strony i liczby żądań HTTP jest ograniczenie liczby obrazów na stronach internetowych. Jeśli strona wczytuje się dłużej niż 3 sekundy, rozważ usunięcie elementów i obrazów, które nie przyczyniają się do konwersji.
Zawsze upewnij się, że Twoje zdjęcia mają odpowiedni rozmiar dla swojego kontenera.
Jeśli obrazy nie wyświetlają się podczas ładowania witryny, najprawdopodobniej są one zbyt duże i ich pobieranie trwa zbyt długo. Aby rozwiązać ten problem, musisz określić rozmiar obrazu, a następnie zastąpić obraz witryny obrazem o odpowiednim rozmiarze.
Zobacz nasz artykuł na temat zmiana rozmiaru zdjęć odkryć niektóre metody, aby to zrobić.
Użyj poprawnego formatu i, jeśli to możliwe, używaj formatów następnej generacji
Niektóre formaty plików są większe niż inne, a animowane GIF-y są dotychczas jednym z najbardziej nieefektywnych formatów plików. Powinieneś użyć właściwego formatu, aby spełnić swoje potrzeby i pomóc w utworzeniu najmniejszego możliwego rozmiaru pliku.
Zoptymalizuj WordPress Fast, umożliwiając opóźnione ładowanie
Ładowanie odroczone to szybki i łatwy sposób na odroczenie ładowania obrazów i innych elementów znajdujących się w wiadomości e-mail. Jeśli obrazu nie ma w oknie przeglądarki, przeglądarka czeka na jego pobranie, dzięki czemu może znacznie szybciej wyświetlić to, co widzi odwiedzający.
Progresywne ładowanie jest stosunkowo łatwe do wdrożenia i jest wiele lekkich wtyczek do wykonania zadania. Rozmiar plików wtyczek wynosi zwykle około 1-3 KB i można go skonfigurować w ciągu kilku minut.
Użyj CDN, aby przyspieszyć ładowanie obrazu
Sieci CDN mają lokalizacje na całym świecie, więc transfer danych potrzebny do załadowania zdjęć jest znacznie szybszy. Korzystanie z CDN do dostarczania obrazów to łatwy sposób na szybsze ładowanie obrazów do WordPress.
Chociaż Twój host może dołączyć CDN do Twojego kontazakwaterowanie Aby poprawić wydajność Twojej witryny, CDN Smush Pro został zaprojektowany specjalnie z myślą o optymalizacji obrazu.
Szukasz prostego sposobu na optymalizację WordPressa?
Nadal masz wiele do zrobienia, aby Twoja witryna WordPress była szybsza. Jeśli nie wiesz od czego zacząć, zdjęcia są dobrym punktem wyjścia. Odpowiednio zoptymalizowane obrazy zapewniają wiele korzyści, a dzięki rozwiązaniom typu „wszystko w jednym”, takim jak te wtyczki 5 do kompresji obrazówŁatwo jest radykalnie poprawić obrazy w witrynie w ciągu kilku minut.
