- Narzędzia do testowania szybkości witryny
- Optymalizacja właściwości obrazu
- Rozmiar pliku obrazu
- Format
- Sieć dostarczania treści
- Dodatkowa optymalizacja
Duże obrazy mogą spowolnić szybkość witryny, co negatywnie wpłynie na jej pozycję w wynikach wyszukiwania i poziomie konwersji. Obrazy powinny być zoptymalizowane, aby uzyskać lepszą równowagę między jasnością a rozmiarem pliku.
Poniżej przedstawiamy kilka narzędzi do pomiaru szybkości witryny i wskazówki dotyczące optymalizacji obrazów.
Narzędzia do testowania szybkości witryny
Szybkość witryny lub szybkość strony są ważnymi czynnikami determinującymi ich pozycję w wyszukiwarkach. Narzędzia takie jak PageSpeed Tools z google i Test prędkości witryny z Pingdom powie Ci, który rozmiar obrazu przekracza wymagany rozmiar.
Nowoczesne przeglądarki internetowe zawierają również narzędzia dla programistów (na przykład Devtools Chrome i Narzędzia programistyczne dla Firefoksa ), który między innymi pomoże ci zmierzyć szybkość witryny.
Optymalizacja właściwości obrazu
Rozmiar fizyczny
Upewnij się, że fizyczny rozmiar obrazu (wysokość i szerokość) nie przekracza 1000 pikseli od najdłuższego boku. Zdjęcie zrobione aparatem o rozdzielczości 5 megapikseli będzie miało rozmiar 5000 pikseli na najdłuższym boku, czyli znacznie więcej niż optymalna rozdzielczość dla treści internetowych.
Wskazówka: podczas pobierania obrazów z kamery zmień nazwę pliku na coś, co ułatwi indeksowanie wyszukiwarki. Na przykład domyślna nazwa pliku będzie podobna do DSC00101.JPG. zmień go na coś podobnego do longsleeve-kashmir-sweater.jpg.
Ponadto, aby wyciąć obrazy z aparatu, można użyć programów do przetwarzania grafiki lub bezpłatnych usług internetowych, takich jak Pixlr .
Rozmiar pliku obrazu
Rozmiar plików twoich obrazów jest równie ważny, ponieważ mówi o tym, ile miejsca zajmie. Strony takie jak TinyPNG i JPEG-Optimizer pomoże skompresować obrazy, skracając czas ładowania stron. Niektóre edytory graficzne, takie jak Adobe Photoshop, używają funkcji Zapisz dla Internetu, która działa tak samo.
Pamiętaj, że powyższe zdjęcia nie różnią się zbytnio od siebie, ale skompresowana wersja po prawej stronie ładuje się 5 razy szybciej.
Format
Format obrazu to sposób na jego zakodowanie. Obrazy mogą być kodowane w różnych formatach. W większości sytuacji format JPG zapewnia najlepszą równowagę między szybkością pobierania a wyrazistością obrazu. Pliki PNG są zwykle używane do grafiki internetowej, takiej jak ikony lub wzory.
Sieć dostarczania treści
Content Delivery Network (CDN) pozwala zoptymalizować dostarczanie treści i dystrybucję do użytkowników końcowych poprzez buforowanie określonych danych w węzłach sieciowych. Na przykład, jeśli ktoś z Japonii odwiedzi twoją witrynę, otrzyma dane z lokalnego serwera CDN zlokalizowanego w Azji.
Dodatkowa optymalizacja
Chociaż nie jest to związane z szybkością witryny, obrazy powinny zawierać opisowe znaczniki alt, które będą wyświetlane, jeśli z jakiegoś powodu obraz nie zostanie załadowany. Może to być przydatne z kilku powodów:
- Użytkownik jest niewidomy i używa specjalnego oprogramowania do przeglądania sieci.
- Użytkownik ma zawodne połączenie internetowe
- Użytkownik wyłączył wyświetlanie obrazów w ustawieniach przeglądarki
Wyszukiwarki używają tagów alt, aby dowiedzieć się więcej o naturze witryny i wykorzystać te informacje do określenia jej pozycji w wynikach wyszukiwania.
Źródło: bigcommerce.com
