Optymalizacja wydajności witryny w celu uzyskania lepszych pozycji w rankingach

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. Hier kannst du einige zusätzliche Serverstandorte auswählen und - was besonders cool ist - die Testumgebung definieren (Smartphone-Modell, Browser usw.). Die Ergebnisse sind äußerst vielseitig und bilden eine hervorragende Datenbasis, die hilft, die Leistung der Website zu optimieren.

Schritt 2: Optimierung

Nachdem du den Ort analysiert hast, an dem der Schuh in Bezug auf die Ladezeit der Seite drückt, kannst du mit der Optimierung beginnen.

Um das Verständnis der bereitgestellten Analysedaten etwas zu erleichtern: Die häufigsten Ursachen für schlechte Leistung sind...

..große Datenmengen,

unkomprimierte Bilder,

überladene Themes und

langsame Datenbanken und Server.

Überdenke das Theme und deaktiviere unnötige Plugins

Deine Website läuft auf WordPress oder Joomla! und das gekaufte Premium-Theme sieht wirklich schick aus? Das ist gut, aber es kommt nicht selten vor, dass Themes völlig überladen sind, was zu langsamen Ladezeiten der Website führt. Schau einfach mal, ob es ein schlankeres Theme gibt, das nicht nur gut aussieht, sondern auch leistungsfähig ist.

Wenn das Problem nicht am Theme selbst liegt, können Plugins ebenfalls negative Auswirkungen auf die Ladezeiten von Webseiten haben, wenn sie zu viele Datenbankzugriffe haben. Dies geschieht insbesondere bei weniger bekannten und schlecht implementierten Plugins. Überprüfe einfach, welche Plugins sich im Laufe der Zeit angesammelt haben, und deinstalliere alles, was du absolut nicht benötigst.

Reduzierung der Anzahl der HTTP-Anfragen

Wenn weniger HTTP-Anfragen ausgeführt werden, lädt die Website logisch schneller. Eine solche Serveranfrage wird immer dann ausgeführt, wenn eine Datei geladen werden muss. Wenn du also weniger Dateien wie Bilder, Skripte usw. in das Dokument packst, lädt deine Seite ebenfalls schneller.

Tipp: Du kannst verschiedene Stylesheets in eine CSS-Datei zusammenfassen und sie im HTML-Dokument verlinken. Wenn du sicherstellst, dass im HTML-Dokument keine weiteren Inline-Stylespezifikationen vorhanden sind, kann die CSS-Datei zwischengespeichert werden, was ebenfalls das Laden der Seite beschleunigt.

Optimierung von Bildern für das Web

Eine Website kommt nicht ohne gute Bilder (am besten im .jpg-Format) und Grafiken (am besten als .png-Dateien) aus - schließlich ist ein Bild oft tausend Worte wert. Es ist jedoch wichtig, dass diese Bilder für das Web optimiert sind, um lange Ladezeiten zu vermeiden. Der häufigste Fehler in diesem Zusammenhang besteht darin, Bilder in ihrer Originalgröße auf den Server hochzuladen und sie genau so in den Inhalt einzufügen.

Beispiel: Wenn ein Bild die Größe 2500 x 1000 Pixel hat, aber nur in einem Inhaltsbereich mit einer Breite von 750 Pixel integriert ist, wird es in kleinerer Größe angezeigt. Das Bild oder die Grafik müssen jedoch weiterhin in voller Größe geladen werden. Um solch unnötigen Ballast zu vermeiden, sollten Bilder immer auf die Größe reduziert werden, in der sie angezeigt werden sollen.

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 jakSzalony 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.