Jest mniej rzeczy bardziej frustrujących niż witryna, której ładowanie zajmuje dużo czasu. Nie jest więc zaskoczeniem, że nie tylko ludzie, ale także wyszukiwarki starają się unikać powolnych witryn. Mając to na uwadze, oto kilka najlepszych wskazówek, które możesz wdrożyć, aby uniknąć irytujących użytkowników i odwracających ich podczas pierwszej wizyty w Twojej witrynie.
1. Usprawnij swój kod
Najlepszy kreator stron internetowych sprawi, że założenie strony internetowej będzie dość proste. Chociaż ich bogaty zestaw szablonów pomaga w łatwej stylizacji witryny, mają jedną wadę. Wiele szablonów zawiera niechlujny kod, który może spowolnić Twoją witrynę.
Aby rozwiązać ten problem, możesz usunąć cały niepotrzebny kod i formatowanie w plikach HTML, CSS i JavaScript. Ten proces usuwania nadmiaru nazywa się minifikacją i możesz zacząć korzystać z prostych narzędzi online, takich jak minifier Will Peavy. Użytkownicy WordPressa mogą skorzystać z wtyczki Autoptimize, aby uprościć proces.
2. Skompresuj swoją witrynę
Witryny szybko stają się duże i ciężkie. Wszystkie obrazy, a nawet zwykłe pliki tekstowe HTML, CSS i JavaScript szybko się powiększają. Jednym z najlepszych mechanizmów przyspieszenia witryny jest włączenie kompresji za pomocą Gzip. Zmniejszy to rozmiar odpowiedzi HTTP, a tym samym skróci czas odpowiedzi.
Musisz włączyć odpowiedni moduł kompresji na swoim serwerze internetowym, zanim włączysz go w swojej witrynie, edytując plik .htaccess. Dokładne kroki różnią się i zależą od serwera internetowego, ale oto jak to zrobić w Apache.
3. Optymalizuj obrazy
Obrazy są jedną z najbardziej masywnych części witryny i zwykle najwolniej ładującym się elementem na każdej stronie. Aby zapanować nad zachowaniem, zamiast skalować duże obrazy za pomocą HTML, zacznij od zmiany rozmiaru wszystkich obrazów w witrynie do dokładnego rozmiaru, w jakim chcesz je mieć.
W rzeczywistości powinieneś zachować listę różnych rozmiarów obrazów dla różnych elementów w swojej witrynie, aby nigdy nie przesłać więcej pikseli niż potrzebujesz. Jeśli masz witrynę zawierającą wiele obrazów, powinieneś również rozważyć ich kompresję. Jednym z najczęściej używanych narzędzi do tego celu jest reSmush.
Współpracuje ze wszystkimi popularnymi systemami zarządzania treścią (CMS), a także ma klienta Linux CLI do kompresowania obrazów do użytku w witrynach statycznych. Możesz także użyć Compressor.io, aby w mgnieniu oka wycisnąć wiele obrazów.
4. Leniwe ładowanie multimediów
Leniwe ładowanie oznacza, że obrazy, filmy i ramki iframe są ładowane tylko wtedy, gdy użytkownicy przewiną stronę w dół i faktycznie je zobaczą. Może to znacznie poprawić początkowe czasy wczytywania Twoich stron.
Wcześniej było to coś, co implementowałeś za pomocą JavaScript, ale nie leniwe ładowanie jest wbudowane w przeglądarki internetowe. Użytkownicy WordPressa mają do wyboru kilka opcji, a dwa z naszych ulubionych to Lazy Load firmy WP Rocket i a3 Lazy Load, które jest przeznaczone dla urządzeń mobilnych.
5. Używaj szybkich linków do udostępniania w mediach społecznościowych
W dzisiejszych czasach chcesz, aby ludzie udostępniali Twoje treści w mediach społecznościowych. W prostych witrynach HTML możesz użyć narzędzia do generowania linków, takiego jak darmowy generator linków udostępniania, który pomaga tworzyć linki do udostępniania społecznościowego na Facebooku, Twitterze, LinkedIn i Pinterest bez polegania na elementach iframe lub JavaScript. Jak zwykle użytkownicy WordPressa nie brakuje wtyczek, których mogą użyć w tym celu, w tym Social Warfare and Grow.
6. Odinstaluj bezużyteczne wtyczki
CMS, taki jak WordPress, może mieć mnóstwo wtyczek, które mogą dodać naprawdę przydatne funkcje do Twojej witryny. Jednak posiadanie zbyt wielu wtyczek może spowolnić indeksowanie witryny, dlatego należy uruchamiać tylko te wtyczki, których naprawdę potrzebujesz.
To powiedziawszy, nie wszystkie wtyczki są zaprojektowane równie dobrze i możesz przyspieszyć swoją witrynę, zastępując wtyczkę szybszą alternatywą. Narzędzie internetowe GTmetrix bezpłatnie przeanalizuje Twoją witrynę i wyświetli listę wtyczek, które mają wysokie czasy ładowania. Rozważ zastąpienie tych wtyczek, zwłaszcza jeśli są wielokrotnie wywoływane, lżejszą alternatywą.
Użytkownicy WordPress mogą również skorzystać z wtyczki Query Monitor do szczegółowej analizy wtyczek używanych na ich stronie internetowej. Oczywiście pamiętaj o usunięciu samej wtyczki Query Monitor, gdy spełni ona swoje zadanie.
7. Ogranicz przekierowania
Przekierowania są często konieczne podczas przenoszenia i usuwania stron i są najlepszym sposobem na wyeliminowanie problemów z uszkodzonymi linkami. Chociaż przekierowania 301 są lepsze od błędów 404, nadal nie są idealne, ponieważ spowalniają czas potrzebny przeglądarce na dotarcie do prawidłowej wersji strony. Możesz skorzystać z narzędzia do sprawdzania przekierowań zbiorczych Screaming Frog, aby przeanalizować przekierowania w swojej witrynie i spróbować zminimalizować ich użycie.
8. Wykonuj mniej żądań HTTP
Zmniejszenie liczby żądań HTTP to dobry sposób na optymalizację witryny. Każdy element dodany do strony jest tłumaczony na żądanie HTTP. Im więcej przeglądarka musi wysyłać te żądania, tym dłużej zajmie pełne załadowanie strony. Dlatego chociaż wymaga to trochę pracy, efekty zmniejszenia liczby żądań są imponujące.
Możesz użyć narzędzi deweloperskich w przeglądarce i przejść do karty Sieć, aby wyświetlić szczegółowe informacje o żądaniach HTTP. Kiedy już zorientujesz się, które pliki ładują się najdłużej, możesz poszukać tych, które możesz łączyć (zwłaszcza pliki CSS), i tych, które możesz w ogóle wyciąć.
9. Umieść CSS przed skryptami
Prawidłowe umieszczenie arkuszy stylów i skryptów wpłynie na ładowanie witryny. Zawsze umieszczaj CSS na górze sekcji. Dzięki temu przeglądarka może najpierw załadować Twój CSS, aby użytkownicy mogli zobaczyć zawartość Twojej witryny.
Z drugiej strony JavaScript powinien znajdować się jak najbliżej dołu. Dzieje się tak, ponieważ przeglądarki muszą najpierw przeanalizować JavaScript, zanim będzie mógł przejść do następnego tagu. Jeśli umieścisz skrypty przed rzeczywistą treścią, użytkownicy będą wpatrywać się w pustą stronę, podczas gdy przeglądarka przetwarza JavaScript.
10. Jeśli to możliwe, idź do starej szkoły
Używając języka skryptowego, takiego jak PHP, możesz robić rzeczy, które nie są możliwe w przypadku zwykłego HTML. Jednak przetwarzanie PHP trwa dłużej niż analizowanie HTML, więc unikaj żądania informacji przez PHP, jeśli można je pobrać za pomocą statycznego kodu HTML.
Podobnie, nie zawsze dobrym pomysłem jest używanie mechanizmu @import CSS do umieszczania zewnętrznych arkuszy stylów na stronach internetowych zamiast tagu HTML. Chociaż oba osiągają ten sam cel, @import zużywa więcej zasobów niż bezpośrednie łącze do arkuszy stylów.
11. Włącz buforowanie
Kiedy odwiedzasz witrynę internetową, wszystkie elementy na stronie są przechowywane na dysku twardym w tymczasowym obszarze pamięci zwanym pamięcią podręczną. Jest to przydatne, ponieważ przy kolejnych wizytach Twoja przeglądarka wyświetli stronę bez konieczności wysyłania kolejnego żądania HTTP do serwera.
Jeśli prowadzisz witrynę WordPress, możesz użyć wtyczki, takiej jak wtyczka W3 Total Cache, aby łatwo włączyć buforowanie. Z drugiej strony, jeśli masz statyczną witrynę HTML, możesz włączyć buforowanie, używając tak zwanego nagłówka Expires w pliku .htaccess. Po włączeniu nagłówki tracą ważność nie tylko zaoszczędzą czas potrzebny na pobranie plików zapisanych w pamięci podręcznej, ale także pomogą zmniejszyć liczbę żądań HTTP.
12. Wiosenne porządki baz danych
Prawdopodobnie korzystasz z systemu CMS, takiego jak WordPress lub Joomla, do hostowania swojej witryny. Kiedy będziesz majstrować przy instalacji (dodawaj i usuwaj wtyczki, twórz i aktualizuj posty, instaluj aktualizacje itp.), Baza danych napędzająca CMS stanie się dość rozdęta i powolna. Aby tego uniknąć, należy regularnie czyścić bazę danych za pomocą wtyczki WP-Optimize.
13. Zablokuj hotlinkowanie
Hotlinking ma miejsce, gdy ktoś wyświetla obraz z Twojej witryny, używając bezpośrednio łącza internetowego. Za każdym razem, gdy jest ładowany, obraz jest wyodrębniany z serwera źródłowego serwisu WWW.
Masz kilka opcji, aby zapobiec hotlinkowaniu. Wiele znanych hostów oferuje przełącznik w interfejsie administracyjnym, aby zapobiec hotlinkowaniu. Są też wtyczki WordPress, takie jak All In One Security & Firewall, które zapewnią ochronę przed hotlinkowaniem. Na koniec możesz dodać instrukcje do pliku .htaccess.
14. Przełącz ustawienie Keep Alive
Komunikat Keep Alive jest wymieniany między serwerem WWW a komputerem klienckim, aby umożliwić to samo połączenie TCP dla konwersacji HTTP zamiast otwierania nowego przy każdym nowym żądaniu. Keep Alive, nazywane również połączeniem trwałym, pomaga zmniejszyć opóźnienia dla kolejnych żądań. Większość firm hostingowych, szczególnie w przypadku hostingu współdzielonego, wyłącza tę funkcję.
Najlepszym sposobem na kontrolowanie tego ustawienia jest modyfikacja serwera WWW. Możesz jednak zmienić ustawienia domyślne serwera, dodając następujące wiersze w pliku .htaccess:
Zestaw nagłówka Połączenie utrzymywane przy życiu
15. Przyspiesz WordPress
WordPress ma kilka wtyczek poprawiających wydajność, które pomogą zoptymalizować różne aspekty witryny. Jednym z najbardziej wszechstronnych są perfmattery, które wykorzystują wiele z powszechnie stosowanych technik przyspieszania wydajności. Zaletą tej wtyczki premium jest to, że większość jej technik optymalizacji jest ujawniana za pośrednictwem prostego interfejsu użytkownika, dzięki czemu jest dostępna dla wszystkich rodzajów użytkowników.
16. Zainstaluj Google PageSpeed
Google PageSpeed to zestaw modułów open source dla serwerów internetowych Apache i Nginx. Pomagają zoptymalizować Twoją witrynę, wdrażając niektóre z najbardziej przydatnych technik zwiększających wydajność, takich jak te, które udostępniliśmy w tym artykule. Możesz pobrać i zainstalować moduły na swoim serwerze WWW, jeśli go posiadasz. W przeciwnym razie będziesz musiał poszukać dostawcy usług hostingowych, który to robi. Zazwyczaj hosty internetowe oferują to tylko ze swoimi dedykowanymi planami hostingowymi najwyższego poziomu, chociaż niektórzy, tacy jak GoDaddy, instalują to na swoich serwerach hostingowych z systemem Linux.
17. Ogranicz liczbę wyszukiwań DNS
Jednym z głównych czynników, który ma bezpośredni wpływ na szybkość ładowania witryny, jest czas potrzebny na wyszukiwanie DNS. Wyszukiwanie DNS to proces znajdowania adresu IP skojarzonego z adresem URL.
Jednym ze sposobów na przyspieszenie witryny jest zmniejszenie liczby unikalnych nazw hostów. Mniejsza liczba zapytań DNS skróci czas odpowiedzi i spowoduje szybsze ładowanie witryn. Weź również pod uwagę fakt, że czas potrzebny na wysłanie zapytania do rekordów DNS zależy od szybkości dostawcy DNS.
Jeśli nie jesteś zadowolony z wydajności swojego dostawcy DNS, rozważ przejście na innego. DNSperf śledzi szybkość zapytań różnych autorytatywnych dostawców DNS.
18. Uaktualnij do lepszego hosta internetowego
Jeśli próbujesz przyspieszyć swoją witrynę, ale nie zauważyłeś dużej różnicy, problem może dotyczyć Twojego hostingu. Wiele najtańszych hostów internetowych, zwłaszcza tych współdzielonych, jest dość zatłoczonych i korzysta z serwerów, które nie mają zasobów, aby przydzielić wystarczającą ilość dla każdej witryny. Zamiast tego powinieneś poświęcić trochę czasu na zapoznanie się z różnymi oferowanymi opcjami, zanim przejdziesz do hosta i planu hostingowego dla swojej witryny.
19. Korzystaj z sieci dostarczania treści
Oprócz przejścia na lepszego hosta internetowego należy również rozważyć użycie sieci dostarczania treści (CDN). W przeciwieństwie do twojego serwera, który znajduje się w określonej lokalizacji, CDN wykorzystuje sieć serwerów, które w pewnym sensie dystrybuują twoje treści do serwerów na całym świecie, zasadniczo przenosząc je bliżej odwiedzających, niezależnie od ich lokalizacji. Sieci CDN przyspieszają witrynę internetową, zmniejszając fizyczną odległość między treścią a odwiedzającymi. Możesz hostować wszystkie typy treści w sieciach CDN, a nawet używać wielu z nich do kierowania na określone lokalizacje.
20. Regularnie monitoruj wydajność
Ważnym aspektem dostosowywania witryny jest obserwowanie jej wydajności. Pomoże to nie tylko ocenić wpływ poprawki, ale w zależności od używanego narzędzia wskaże również aspekty witryny, które wymagają uwagi. Test szybkości witryny firmy Pingdom to popularne narzędzie online, które nie tylko sprawdza czas wczytywania strony, ale także wskazuje problemy.
Podobnie możesz skorzystać z usługi Test My Site Google, aby przeanalizować wydajność swojej witryny na urządzeniach mobilnych. Oprócz podawania przydatnych wskaźników narzędzie będzie również udostępniać zalecenia, które pomogą Ci przyspieszyć działanie witryny na urządzenia mobilne.
- Przedstawiliśmy najlepszy hosting Wordpress.