Optymalizacja witryny internetowej

Optymalizacja witryny

Szybkość wczytywania strony to jeden z ważniejszych czynników jej wartości zarówno dla SEO, jak i użytkowników. Nie ma tu nic dziwnego, bo każdy lubi jak podstrony przeskakują płynnie i nie trzeba czekać po kilka sekund na wczytanie się wyników.

Dla firmy Pure Quality sp. j. z Warszawy wykonaliśmy witrynę internetową opartą na systemie WordPress. Założeniem przy tworzeniu nowej strony firmowej był minimalizm, prostota i funkcjonalność na wszystkich urządzeniach.  Od komputerów stacjonarnych, laptopów, tabletów po smartfony. Wszystkie materiały, które znajdują się w witrynie otrzymaliśmy od klienta. Komplet materiałów gotowy przed procesem tworzenia strony znacznie ułatwia pracę oraz przyśpiesza proces realizacji całego przedsięwzięcia. Prace nad stworzeniem kompletnej i gotowej strony przy użyciu gotowych materiałów to czysta przyjemność. Oto efekty wzorowej współpracy na linii firma = klienta.

Widok na wersji desktopowej oraz tablecie 

Widok na urządzeniach mobilnych – orientacja pozioma

Widok na urządzeniach mobilnych – orientacja pionowa

Dodatkowo na życzenie klienta przygotowaliśmy panel administracyjny do szybkiego i sprawnego dodawania ofert szkoleń. Poniżej prezentujemy rzuty ekranu panelu administracyjnego edycji szkoleń.

Optymalizacja, a WCAG 2.0

Optymalizacja, a dostępność witryny (WCAG 2.0)

Strona internetowa naszego klienta została również zoptymalizowana pod kątem dostępności Web Content Accessibility Guidelines WCAG 2.0. Wykonaliśmy wiele korekt, aby serwis spełniał wymagania zawarte w Rozporządzeniu Rady Ministrów Krajowe Ramy Interoperacyjności z 12 kwietnia 2012 r., pomimo tego, że nie jest to serwis publiczny.

Serwis spełnia i powołuje się na specyfikację Web Content Accessibility Guidelines (WCAG) w wersji 2.0 na poziomie AA. Właśnie to opracowanie, przygotowane przez organizację World Wide Web Consortium (W3C) uznaje się za najważniejszy dokument objaśniający zasady dostępności.

Dla pewności i sprawdzenia poprawności użyliśmy m.in. narzędzie Lighthouse, który ocenił dostępność witryny internetowej na 100/100 możliwych punktów – co ukazuje pokazany po lewej stronie raport.

Czas ładowania a optymalizacja

Czas ładowania strony internetowej jest jednym z czynników rankingowych Google. Według niego im szybciej ładuje się Twoja strony, tym lepsze pozycje będzie ona miała w wynikach wyszukiwania. Ale ten czynnik wpływa nie tylko na SEO. Czy kiedykolwiek sprawdzałeś swoją stronę pod kątem szybkości? W tym przypadku możesz skorzystać z 2 popularnych serwisów – Google PageSpeed i GTmetrix. Serwisy te nie tylko podają informacje o czasie ładowania witryny, lecz także zawierają wskazówki co do jej optymalizacji.

Nie ma jednak gwarancji, że pomimo poprawy błędów i uwag wyświetlonych przez w/w serwisy Twoja strona zacznie działać szybciej i będzie wczytywała się błyskawicznie. Na prędkość wczytywania strony wpływa wiele czynników. Na przykładzie naszego klienta – firmy Pure Quality sp. j. z Warszawy – pokażemy jak wyglądał proces optymalizacji witryny pod kątem prędkości. Tak przedstawiały się wyniki przed rozpoczęciem optymalizacji:

Optymalizacja – jak skrócić czas ładowania?

Optymalizacja szybkości wczytywania strony to bardzo złożone zagadnienie. Istnieje cały szereg różnego rodzaju czynników wpływających na wydajność serwisów internetowych. Niektóre z nich nie są skomplikowane i mogą być usprawnione nawet przez niezaawansowanych użytkowników, a inne wymagają specjalistycznej wiedzy i umiejętności programistycznych. Poniżej przedstawionych zostało kilka najistotniejszych zabiegów, zarówno tych nieskomplikowanych jak i bardziej technicznych, które pozwolą na skrócenie czasu ładowania Twojej strony.

1. Grafika

Pliki graficzne i zdjęcia o wielkich wymiarach oraz dużej wadze to elementy należące do najmocniej spowalniających wczytywanie stron. Z tego względu należy stosować kompresję zdjęć i grafik wykorzystywanych na stronie oraz zmniejszać ich wymiary (rozdzielczość) na tyle ile to możliwe.

2. Optymalizacja kodu źródłowego

Dla poprawy szybkości przydatne jest zmniejszenie rozmiarów plików z kodem witryny – istotne mogą być nawet tak niepozorne kwestie jak spacje, akapity czy podział wierszy.
Uwagę należy zwrócić także na wykorzystanie JavaScriptu, który znacznie spowalnia działanie stron. Gdy jest taka możliwość warto z niego zrezygnować, jednak bardzo często jest on konieczny dla działania niezbędnych funkcjonalności witryny. W takich przypadkach wskazane jest stosowanie się do wskazówek Google – ładowanie JavaScript bezpośrednio w kodzie strony (jeśli skrypt jest nieduży), ładowanie go z opóźnieniem lub w sposób asynchroniczny.

3. Przekierowania

Unikać należy stosowania w witrynie zbyt dużej liczby przekierowań, gdyż powodują one wydłużenie czasu ładowania. W przypadku przekierowań na preferowaną wersję witryny (z „www” lub bez „www” na początku adresów URL), powinny one kierować bezpośrednio do strony docelowej bez przekierowań pośrednich. Zminimalizowanie liczby przekierowań jest szczególnie ważne w wersji mobilnej oraz gdy serwis posiada szyfrowane połączenie z adresami HTTPS.

4. Gzip

Dość znaczącą poprawę osiągów witryny możemy nierzadko osiągnąć włączając na niej obsługę Gzip, czyli kompresję danych przesyłanych z serwera do komputera użytkownika. Aktualny poziom kompresji i porównanie zysków po wdrożeniu Gzip sprawdzić można w narzędziu „GIDZipTest”.

5. Wtyczki do WordPressa

W przypadku witryn opartych na WordPress są kolejnym elementem, który negatywnie wpływa na czas ładowania są zainstalowane rozmaite wtyczki. Mają one oczywiście różny stopień rozbudowania i wpływu na osiągi strony, jednak duża ich liczba w serwisie może wyraźnie pogorszyć szybkość działania. Warto więc dobrze zastanowić się, czy każda wgrana wtyczka jest na pewno niezbędna i sprawdzić w panelu, czy nie zapomniano odinstalować niewykorzystywanych już wtyczek czy takich, których działanie „nakłada się” z innymi.

6. Hosting

Duże znaczenie dla czasu ładowania ma serwer, na którym umieszczona jest strona. Szczególnie ważne jest to dla wielkich witryn mających bardzo dużą liczbę odwiedzin oraz takich gdzie występują nagłe, wyraźne skoki ruchu. Wiele tańszych hostingów może nie radzić sobie w takich przypadkach. Zmieniając hosting na szybki oparty na dyskach SSD na pewno poprawi szybkość wczytywania się strony internetowej.

W przypadku witryny https://purequality.pl – ulokowaliśmy ją na szybkim hostingu SSD. Dodatkowo witryna działa na specjalnym oprogramowaniu w warstwie serwerowej: LS Cache. Jest to oprogramowanie LiteSpeed wzbogacone o specjalny mechanizm cacheujący pod WordPress. Witryna została zoptymalizowana pod kątem cacheowania obiektowego. Uruchomiliśmy mechanizm Redis, działający w oparciu o szybkie przechowywanie i operacje na danych w postaci klucz=>wartość.

Jakie są wyniki optymalizacji? Sami zobaczcie: