W czasach, gdy prawie każda informacja jest dostępna w dowolnym czasie i z dowolnego miejsca, strony internetowe i inne treści online muszą spełniać określone kryteria, aby zadowolić użytkowników (a zatem także wyszukiwarki). Jednym z tych kryteriów jest czas ładowania. Wyjaśniamy, w jaki sposób można analizować wydajność, a następnie optymalizować ją w celu osiągnięcia lepszych pozycji w rankingach w dłuższej perspektywie.
Optymalizacja wydajności oznacza poprawę użyteczności
Wyobraź sobie, że wchodzisz do baru z przekąskami, jesteś naprawdę głodny i po prostu nie zostajesz obsłużony. Co się dzieje? Dokładnie, opuszczasz sklep w pośpiechu i udajesz się do konkurencji w nadziei, że tam szybciej dostaniesz coś do jedzenia. Nawet jeśli nie wyjdziesz od razu, raczej nie wrócisz.
Słaba wydajność = wysoki współczynnik odrzuceń
Jeśli przeniesiemy ten przykład do świata cyfrowego, bar z przekąskami staje się stroną internetową, a szybkość obsługi staje się czasem ładowania tej strony. Jeśli chcesz grać w najwyższej lidze pod względem rankingów, powinieneś jak najszybciej pomyśleć o swojej usłudze, innymi słowy o wydajności. Google lubi pozycjonować strony, które są szczególnie przyjazne dla użytkownika. Oprócz spójnego układu i przejrzystej prezentacji tematu, przyjazność dla użytkownika obejmuje również czas ładowania treści. Jeśli strona ładuje się zbyt długo, współczynnik odrzuceń wzrasta, ponieważ wielu użytkowników klika przycisk “wstecz” i przechodzi do następnego wyniku wyszukiwania w Google SERP.
Krok 1: Sprawdzenie wydajności
Zanim poprawisz wydajność swojej witryny, najlepiej jest najpierw sprawdzić, jak zły jest Twój PageSpeed. W tym celu można skorzystać z różnych narzędzi.
PageSpeed Insights
PageSpeed Insights to narzędzie udostępniane przez Google, które pozwala błyskawicznie sprawdzić wydajność konkretnego adresu URL. W idealnym przypadku otrzymasz ocenę “Dobry” zarówno dla wyników na urządzeniach mobilnych, jak i na komputerach stacjonarnych. Jeśli czas ładowania nie jest tak optymalny, narzędzie ocenia wydajność jako “Średnią”. Istnieje potrzeba optymalizacji z oceną “niską”. Wspaniałą rzeczą jest to, że Google dostarcza sugestie dotyczące optymalizacji bezpośrednio po analizie.
Pingdom
Czy używasz Test szybkości witryny Pingdom aby przeanalizować wydajność strony, zauważysz, że zapewnia ona znacznie bardziej pozytywny obraz czasów ładowania niż Google PageSpeed Insights. Masz również możliwość wyboru różnych lokalizacji serwerów dla swojego zapytania. Po analizie narzędzie pokazuje czas ładowania (miejmy nadzieję, że w milisekundach), ocenę wydajności Google PageSpeed (powinna wynosić A), rozmiar witryny i szereg innych danych.
Test strony internetowej
Analiza staje się jeszcze bardziej kompleksowa dzięki Narzędzie z webpagetest.org. Tutaj możesz wybrać kilka dodatkowych lokalizacji serwerów i - co jest szczególnie fajne - zdefiniować środowisko testowe (model smartfona, przeglądarka itp.). Wyniki są niezwykle wszechstronne i stanowią doskonałą bazę danych, która pomaga zoptymalizować wydajność witryny.
Krok 2: Optymalizacja
Po przeanalizowaniu miejsca, w którym but zaciska się pod względem czasu ładowania strony, można rozpocząć optymalizację.
Aby nieco ułatwić zrozumienie dostarczonych danych analitycznych: Najczęstszymi przyczynami słabej wydajności są...
...duże ilości danych,
nieskompresowane obrazy,
przeciążony motyw i
powolne bazy danych i serwery.
Przemyśl motyw i dezaktywuj niepotrzebne wtyczki
Twoja witryna działa na WordPress lub Joomla! a zakupiony motyw premium wygląda naprawdę elegancko? To dobrze, ale nierzadko zdarza się, że motywy są całkowicie przeciążone, co prowadzi do powolnego ładowania witryny. Wystarczy spojrzeć, aby zobaczyć, czy istnieje smuklejszy motyw, który charakteryzuje się nie tylko atrakcyjnym wyglądem, ale także wydajnością.
Jeśli problem nie dotyczy samego motywu, wtyczki mogą mieć również negatywny wpływ na czas ładowania stron internetowych, jeśli mają zbyt wiele dostępów do bazy danych. Dzieje się tak zwłaszcza w przypadku mniej znanych i słabo zaimplementowanych wtyczek. Po prostu sprawdź, które wtyczki nagromadziły się w czasie i odinstaluj wszystko, czego absolutnie nie potrzebujesz.
Zmniejszenie liczby żądań HTTP
Jeśli wykonywana jest mniejsza liczba żądań HTTP, witryna logicznie ładuje się szybciej. Takie żądanie serwera jest zawsze wykonywane, gdy trzeba załadować plik. Jeśli więc spakujesz mniej plików, takich jak obrazy, skrypty itp. do dokumentu, twoja strona również załaduje się szybciej.
Wskazówka: Możesz połączyć różne arkusze stylów w jeden plik CSS i połączyć go z obszaru dokumentu HTML. Jeśli upewnisz się, że w dokumencie HTML nie ma więcej specyfikacji stylów inline, plik CSS może być buforowany, co również przyspiesza ładowanie strony.
Optymalizacja obrazów dla sieci
Strona internetowa nie może obejść się bez dobrych zdjęć (najlepiej w formacie .jpg) i grafik (najlepiej jako pliki .png) - w końcu obraz jest często wart tysiąca słów. Ważne jest jednak, aby obrazy te były zoptymalizowane pod kątem sieci, aby zapobiec długim czasom ładowania. Najczęstszym błędem w tym kontekście jest przesyłanie obrazów na serwer w ich oryginalnym rozmiarze i włączanie ich do treści w dokładnie taki sam sposób.
Przykład: Jeśli obraz ma rozmiar 2500 x 1000 pikseli, ale jest zintegrowany tylko z obszarem zawartości o szerokości 750 pikseli, zostanie wyświetlony w mniejszym rozmiarze. Jednak obraz lub grafika muszą być nadal ładowane w pełnym rozmiarze. Aby uniknąć takiego niepotrzebnego balastu, należy zawsze zmniejszać obrazy do rozmiaru, w którym mają być wyświetlane.
Przy okazji: Po wywołaniu adresu URL wszystkie obrazy są zwykle ładowane automatycznie - nawet te, które nie są jeszcze widoczne, np. ponieważ użytkownik nie przewija w dół tak daleko. Aby ładować obrazy tylko wtedy, gdy jest to wymagane, można użyć wtyczek takich jak Szalony Leniuch używać. I od razu dam ci kolejną wskazówkę dotyczącą wtyczek: WP Smush.it automatycznie kompresuje rozmiar plików obrazów podczas ich przesyłania. Można go również użyć do późniejszej optymalizacji obrazów, które zostały już przesłane.
Kompresja Gzip
Kompresować można nie tylko obrazy, ale także pliki systemowe (np. z WordPressa). Jak to działa? Po prostu za pomocą Gzip, darmowego programu do kompresji, który, podobnie jak format pliku, jest dostępny dla wszystkich systemów operacyjnych. Wszystko, co musisz zrobić, to wstawić fragment kodu do pliku .htaccess. W przypadku WordPressa nie trzeba tego robić ręcznie, ale można polegać na wtyczkach, takich jak Szybka kompresja Gzip Ninja aby się wycofać. Joomla ma również odpowiednie rozszerzenia, które robią dokładnie to samo.
Korzystanie z buforowania
Jako użytkownik WordPressa potrzebujesz również dobrej wtyczki do buforowania. Buforowanie tworzy statyczne wersje wszystkich stron zamiast tworzyć je dynamicznie - co ma ogromny wpływ na szybkość ładowania całej witryny. Bardzo dobrze napisaną wtyczką buforującą dla WordPress jest Cachify. Możesz uzyskać wszechstronny pakiet beztroski dzięki wtyczce W3 Total Cache. Alternatywnie WP Rocket mała rakieta z twojej strony.
Dodatkowa wskazówka:
Aby jeszcze bardziej przyspieszyć działanie witryny, można usunąć niepotrzebne spacje i podziały wierszy z kodu HTML, CSS i JavaScript. Ponieważ sprawia to, że cały kod jest szczuplejszy, czas ładowania również ulega skróceniu. Jedyną rzeczą, która ulega pogorszeniu, jest przejrzystość kodu. Wspomniane wcześniej Wtyczka W3 Total Cache oferuje użytkownikowi WordPress tak zwaną funkcję “Minify”. Działa to jednak szczególnie dobrze tylko wtedy, gdy zdefiniujesz sposób ładowania skryptów Java w trybie ręcznym samej wtyczki. Ponieważ nie jest to szczególnie odpowiednie dla początkujących, zalecamy korzystanie z funkcji Wtyczka Autoptimise.
Deutsch 
English (UK) 
Français 
Italiano 
Español 
Nederlands 
Polski 
Svenska 