Dlaczego powinniśmy zadbać o prędkość wczytywania naszej strony internetowej zarówno na komputerach, jak i urządzeniach mobilnych? Przede wszystkim dlatego, że prędkość ta jest jednym z ważniejszych czynników rankingowych Google, który wpływa na pozycję naszej witryny w wyszukiwarce. Jak zatem to zrobić? Podajemy kilka cennych wskazówek.
Prędkość ładowania strony www – ważny czynnik rankingowy Google
Prędkość ładowania strony internetowej jest jednym z najważniejszych czynników rankingowych wyszukiwarki Google pod kątem SEO. Istotna jest prędkość wczytywania strony nie tylko na komputerach, ale także na urządzeniach mobilnych, o których nie możemy zapominać. Algorytmy Google kładą na ten czynnik coraz większy nacisk, dlatego musimy mieć go zawsze na uwadze. Jest to tak ważne w szczególności dlatego, że w lipcu 2018 roku nastąpiła duża aktualizacja algorytmów oceniających prędkość witryn internetowych – “Google Speed Update” skupiająca się na mobilnej wyszukiwarce Google.
Wczytywanie się strony www na komputerach i urządzeniach mobilnych
Obecnie największy ruch w Internecie pochodzi właśnie z urządzeń mobilnych. Każdy z nas, szukając informacji w sieci, chciałby otrzymać je jak najszybciej, bez zbędnego wysiłku, a także nie tracąc czasu na czekanie na wczytanie się strony. Dlatego tak ważna jest prędkość ładowania, o której często się zapomina. Wyobraźmy sobie piękną stronę internetową z idealnie dopasowanym szablonem posiadającym tuzin animacji, efektów czy przejść na każdej podstronie. Wrażenia wizualne użytkownika takiej witryny mogą być jak najbardziej pozytywne, lecz zazwyczaj strony te przepełnione są zasobami, które zajmują za dużo miejsca i za dużo czasu, aby się w całości poprawnie wczytać. To samo oczywiście może tyczyć się prostych stron, na których pozornie znajduje się tylko garstka treści oraz plików graficznych.
Prędkość ładowania strony a pozycjonowanie
Większość użytkowników stron internetowych rezygnuje z pozostania na nich już na samym początku, gdy zauważą, że prędkość ładowania się takich stron zajmuje kilka lub nawet kilkanaście sekund. Długie ładowanie strony internetowej to nie tylko złe doświadczenia użytkowników tracących czas podczas wczytywania się witryny. Czynnik ten może mieć również wpływ na słabe wyniki naszej strony internetowej pod kątem pozycjonowania. W ten sposób posiadając niskie pozycje w wyszukiwarce lub nawet ich brak, tracimy ruch na stronie, a w przypadku sklepu internetowego – potencjalnych Klientów. Od czego więc zacząć i o czym pamiętać w celu przyspieszenia strony internetowej?
Sprawdź prędkość i wydajność swojej strony internetowej
W Internecie istnieje ogromna ilość narzędzi oraz stron www pozwalających sprawdzić stan naszej witryny pod kątem jej wydajności – najpopularniejsze z nich to:
- PageSpeed Insights,
- Lighthouse,
- WebPageTest,
- Chrome Developer Tools.
Narzędzia te są pomocne, ponieważ wskazują, na czym najbardziej powinniśmy się skupić, aby przyspieszyć naszą witrynę internetową.
Optymalizacja plików graficznych
To właśnie pliki graficzne potrafią stanowić największą część wszystkich zasobów naszej strony internetowej. Często zajmują one najwięcej miejsca, a mówiąc potocznie – najwięcej ważą. Dlatego właśnie przy tworzeniu swojej witryny wybieraj odpowiednie formaty, skaluj, optymalizuj i kompresuj pliki graficzne.
1. Wybierz odpowiedni format
Format pliku graficznego należy dobrać w zależności od tego, do czego ma on służyć. Przy dużej grafice użyj formatu JPEG – zapewni to dobre wyniki pod względem kolorów i przejrzystości przy relatywnie małym rozmiarze pliku. Z kolei PNG stosuj, gdy zależy Ci na zachowaniu przezroczystości tła. Format SVG sprawdzi się przy wstawianiu ikon lub logo, a przy pomocy języka Javascript czy CSS zmienimy rozmiar zdjęcia bez utraty jakości. JPG – najpopularniejszy format zdjęć, jego rozmiar jest niewielki przy zachowaniu dobrej jakości zdjęcia. Dobrym rozwiązaniem będzie również zmiana formatu GIF na pliki wideo (np. .mp4) – zajmujące dużo miejsca pliki GIF spowalniają stronę internetową, a pliki wideo mają rozmiar mniejszy od tych pierwszych średnio o 80%.
2. Skalowanie zdjęć
Zdjęcia mogą mieć duży wpływ na prędkość wczytywania się strony – w szczególności, jeśli wgrywane na serwer zdjęcie ma rozdzielczość 4096x3112 pikseli, a wyświetlane na stronie jest w rozdzielczości 300x250 pikseli. Pamiętajmy, że niezależnie od tego, jak małe zdjęcie wyświetlimy, zasoby pobierane są z serwera, więc strona musi załadować cały plik (w tym przypadku o rozdzielczości 4096x3112 pikseli). Pamiętajmy, żeby przed dodaniem zdjęcia zmienić rozmiar na taki, w jakim chcemy go wyświetlić.
3. Responsywność zdjęć
Dlaczego nie dodawać zdjęć, które dostosowują się automatycznie do szerokości okna, w którym wyświetlamy daną stronę? Na szczęście wiele systemów CMS robi to już na nas. Jednak w przypadku, gdy takiego nie używamy, możemy w prosty sposób nadać zdjęciu atrybut srcset czy sizes. Można również skorzystać z rozwiązania w języku CSS o nazwie media query.
4. Kompresja plików graficznych
Po dobraniu odpowiedniego formatu zdjęcia warto pamiętać o tym, że istnieje jeszcze możliwość kompresji takich plików. W tym celu możemy skorzystać z bardzo popularnych narzędzi internetowych do tego przeznaczonych – TinyPNG czy ShortPixel.
Przed dodaniem zdjęcia pamiętajmy oczywiście o takich rzeczach jak nadanie nazwy pliku czy atrybut alt.
Ciąg dalszy artykułu, a w nim kolejne porady już za dwa tygodnie.