Jak przyspieszyć stronę internetową? (Przewodnik po prędkości witryny 2021)

Czy Twoja witryna jest zbyt wolna jak na Twój gust? Może chcesz, aby użytkownicy Twojej witryny mieli lepsze wrażenia bez długiego czasu ładowania. Więc prawdopodobnie zastanawiałeś się, jak przyspieszyć swoją witrynę.

I voila! Ty, szczęściarze, znalazłeś nasz przewodnik, jak zrobić swoją stronę tak szybko, jak to możliwe. Korzystając z kilku podstawowych internetowych sztuczek i odrobiny technicznej bzdury, możesz uzyskać swoją witrynę szybciej, niż kiedykolwiek sobie wyobrażałeś. Dawno minęły czasy buforowania ikon i niecierpliwego oczekiwania.

Ten przewodnik zawiera dokładne wyjaśnienie tajników szybkości witryny. Daje ci wiele powodów, dla których szybsza witryna jest dobra, a co najważniejsze, nauczy Cię wszystkich sposobów na przyspieszenie witryny.

A co najważniejsze, nie potrzebujesz nawet żadnej wiedzy technicznej, aby postępować zgodnie z tym przewodnikiem. Wszystko to dla Ciebie przygotowaliśmy!

Na co czekasz? Dołącz do nas, ponieważ przyjrzymy się i nauczymy Cię wszystkiego o tym, jak Twoja strona internetowa jest o wiele szybsza niż jest.

Co to jest szybkość witryny i jej optymalizacja? – Definicja

Najpierw wyjaśnijmy kilka rzeczy. Jaka jest szybkość witryny? Wydaje się, że to proste pytanie, ale to nie takie proste.

Zasadniczo prędkość witryny to prędkość, z jaką strony witryny mogą wczytywać swoją zawartość. Jak wiemy, strona internetowa to zbiór stron internetowych. Tak więc szybkość witryny internetowej będzie bezpośrednio powiązana z szybkością poszczególnych stron internetowych. Jeśli strona internetowa wczytuje swoją zawartość powoli, zmniejszy to prędkość całej witryny.

Obrazy, tekst, filmy, wszystko, co widzisz na stronie internetowej, jest treścią. Widziałeś, jak niektóre witryny reagują szybciej niż inne, nawet jeśli Twoje połączenie internetowe jest dość stabilne. Szybkość pojawiania się treści na stronach internetowych jest więc dobrym wskaźnikiem szybkości witryny.

Oczywiście nie spodziewasz się, że ładowanie witryny zajmie minuty lub godziny! Dlatego jednostka, która jest używana do reprezentowania szybkości witryny, to po prostu sekundy.

Istnieją dwie główne metody pomiaru szybkości witryny. Pierwszym z nich jest pomiar czasu, jaki zajmuje pojawienie się całej treści na stronie internetowej. Nazywa się to „Czasem ładowania strony”. Innym sposobem jest mierzenie czasu do pojawienia się na stronie pierwszego bajtu danych. Nazywa się to „czasem do pierwszego bajtu”.

Naprawdę nie ma znaczenia, której metody użyjesz, o ile jest ona stała przez cały proces pomiaru. Nie przejmuj się więc tymi warunkami!

Proces, dzięki któremu zwiększasz prędkość witryny za pomocą różnych technik, nazywa się optymalizacją prędkości witryny. W dalszej części artykułu omówimy wszystkie techniki, więc bądź cierpliwy! Wystarczy wiedzieć, że wszystkie duże firmy polegają na tych metodach, aby ich witryny działały tak szybko, jak to możliwe, aby zapewnić maksymalną satysfakcję użytkowników.

Dlaczego optymalizacja szybkości witryny jest ważna? (5 powodów)

Dla wszystkich firm i osób fizycznych szybkość strony internetowej jest oczywiście bardzo ważna. Wiele osób zna frustrację związaną z koniecznością korzystania z powolnej witryny i naprawdę nie chcą, aby ktokolwiek inny doświadczył tego w jak największym stopniu. Oczywiście to jeden z powodów, ale zdziwiłbyś się wszystkimi innymi powodami, dla których chciałbyś mieć szybszą stronę internetową.

Główne powody, dla których uważamy, że powinieneś się martwić o szybkość witryny, to:

1. Doświadczenie użytkownika

Pierwszą rzeczą, która przychodzi każdemu na myśl, jest doświadczenie użytkownika. Nikt nie chce, aby ich witryna denerwowała lub irytowała użytkownika, bez względu na rodzaj witryny.

A użytkownicy też nie chcą się denerwować. Badania wykazały, że ponad 50% użytkowników kliknie, jeśli strona ładuje się dłużej niż kilka sekund. Będą szukać innej strony internetowej, która spełni ich potrzeby.

2. Aby zaoszczędzić sprzedaż

Kontynuując powyższe statystyki, gdy stracisz odwiedzających swoją witrynę, stracisz również sprzedaż. Lub przychody z reklam. Lub czegokolwiek używasz, aby czerpać zyski ze swojej witryny. Nie jest to korzystne dla nikogo, zwłaszcza dla firm, które do większości swoich działań wykorzystują internet.

Wśród nich sklepy internetowe i blogi będą najbardziej dotknięte spowolnieniem.

3. SEO

Google otwarcie stwierdziło, że ich algorytm najbardziej faworyzuje naprawdę szybkie witryny, a nie te wolno lub nawet średnio ładujące się.

To dlatego, że sam Google jest firmą, która dba o satysfakcję użytkowników tak samo jak Ty i my. Jeśli Google zacznie polecać wolne strony internetowe, spotka ich sporo.

Z tego powodu nawet odpowiednie witryny zostaną zepchnięte na listę wyszukiwania Google tylko dlatego, że są zbyt wolne. Jeśli chcesz, aby Twoja witryna była odwiedzana przez wyszukiwarkę, musisz zrobić witrynę dość szybko.

4. Mniejsza wiarygodność

Wyobraź sobie, że dzwonisz, aby umówić się na wizytę u lekarza. Jeśli klinika odbierze natychmiast i skieruje Cię, będziesz szczęśliwy i zadowolony. Jeśli jesteś ciągle zawieszony lub musisz dużo czekać, poczujesz, że ta klinika może nie być godna zaufania.

To samo dotyczy stron internetowych. W przypadku firm, które mają dużą fizyczną obecność, może to nie stanowić większego problemu, ale jeśli Ty lub Twoja firma działasz wyłącznie online, ma to ogromny wpływ. Klienci po prostu klikną, a Twoja ogólna obecność w Internecie zmniejszy się.

Co więcej, nie dostaniesz kredytu, na który zasługujesz, a ludzie będą bardziej podejrzliwi w stosunku do Twojej witryny.

5. Złe wrażenie

Wolna strona internetowa jest dla każdego złym wrażeniem. Zazwyczaj strona internetowa to miejsce, w którym ktoś odwiedza Ciebie, Twoją firmę i oferowane przez Ciebie usługi. Jeśli nie będą mieli do tego łatwego dostępu, stracą nadzieję w Twojej firmie.

Co gorsza, możesz wygenerować negatywną reklamę, gdy osoby niezadowolone z Twojej witryny rozmawiają o niej z innymi osobami. Wieści szybko rozprzestrzeniają się w Internecie.

Jak przetestować szybkość witryny? – Najlepsze narzędzia i techniki testowania prędkości

Wyobraź sobie, że dostajesz pracę i zaczynasz zarabiać. Prawdopodobnie sprawdziłbyś swoje konto bankowe przed otrzymaniem wynagrodzenia, prawda? Może po to, aby śledzić swoje dochody, a może po prostu po to, by zobaczyć, ile masz.

Podobnie, zanim spróbujesz poprawić szybkość swojej witryny, możesz chcieć dowiedzieć się, jaka jest faktycznie szybkość Twojej witryny! Następnie możesz zmierzyć szybkość swojej witryny po zakończeniu wdrażania technik podanych w tym artykule. Dzięki temu dowiesz się, czy metody, które wdrożyłeś, aby przyspieszyć witrynę, faktycznie zadziałały.

Dowiesz się również, czy Twoja witryna jest tak szybka, jak chcesz, czy nadal jest trochę za wolna jak na Twój gust. Kilka milisekund może wydawać się niewiele, ale w świecie szybkości witryny może oznaczać różnicę między udaną a nieudaną witryną.

Istnieje wiele sposobów mierzenia szybkości witryny. Najpopularniejszym sposobem jest po prostu skorzystanie z witryny trzeciej. Ale zanim sprawdzisz szybkość witryny, musisz zadbać o kilka rzeczy.

Pierwsza rzecz nazywa się „Cache”. Być może już o tym słyszałeś, czy to od kogoś innego, czy też przeglądając pamięć urządzenia. Pamięć podręczna to tylko dane, które są przechowywane lokalnie na komputerze użytkownika, zwykle tymczasowo, aby szybciej ładować dane. Łatwiej jest ładować rzeczy lokalnie niż przez internet.

Musisz to włączyć, ponieważ Twoi użytkownicy również będą z tego korzystać i chcesz, aby Twoje wrażenia były jak najbardziej zbliżone do ich.

Drugą rzeczą jest sama Twoja strona internetowa. Upewnij się, że przesłałeś wszystkie pliki, każdy obraz, film i dźwięk. Ważne jest, aby znajdowały się tam wszystkie pliki, które będą przeglądać Twoi użytkownicy.

Testowanie niekompletnej strony internetowej jest jak ściganie się niedokończonym samochodem! Rzeczy, które dodasz później, drastycznie zmienią wynik.

Teraz, gdy wszystko jest gotowe, przejdźmy do rzeczy!

Przede wszystkim będziesz chciał otworzyć dowolny rodzaj sprawdzania szybkości witryny online. Możesz go po prostu wyszukać za pomocą wyszukiwarki, ale my polecamy kilka konkretnych:

• https://tools.pingdom.com/: To narzędzie do sprawdzania szybkości witryny zapewnia bardzo prosty wgląd we wszystkie operacje w witrynie oraz szybkość jej działania. Możesz także zmienić część świata, z której mierzy.

• https://gtmetrix.com/: To narzędzie do sprawdzania szybkości witryny zapewnia szczegółową analizę Twojej witryny. Posiada również opcję pomiaru szybkości witryny z różnych części świata.

• https://developers.google.com/speed/pagespeed/insights/: To narzędzie do sprawdzania witryny zapewnia dość dogłębny wgląd w statystyki witryny i wszystko, co ją spowalnia. Dodatkowo otrzymasz krótki przegląd sugestii dotyczących tego, co możesz zrobić, aby Twoja witryna była szybsza.

Jest to naprawdę pomocne dla wszystkich, nawet jeśli jest to tylko przegląd.

• https://www.webpagetest.org/: Dzięki łatwo wyświetlanym informacjom to narzędzie do sprawdzania szybkości witryny jest zdecydowanie najbardziej szczegółowym narzędziem na tej liście. Dostarcza wielu informacji, może nawet więcej, niż możesz potrzebować. W każdym razie, jeśli potrafisz uporządkować swoje priorytety, z pewnością możesz wydobyć to, co najlepsze ze swojej witryny.

• https://www.uptrends.com/tools/website-speed-test: Uptrends zapewnia najbardziej przydatne narzędzie do sprawdzania szybkości witryny. Po otrzymaniu wyników wita Cię lista wszystkich zasobów, których możesz użyć, aby Twoja witryna była szybsza i bardziej responsywna, takich jak filmy, samouczki i blogi. Możesz po prostu kliknąć podane adresy URL i postępować zgodnie z instrukcjami.

• https://www.thinkwithgoogle.com/feature/testmysite/: to narzędzie do sprawdzania witryn jest prawdopodobnie najbardziej uproszczone i łatwe do odczytania. Przedstawia dane w przejrzysty i prosty sposób i nie przeciąży Cię zbyt dużą ilością informacji.

Teraz, gdy masz witrynę, w której możesz mierzyć szybkość witryny, po prostu wprowadź adres URL swojej witryny i zacznij! Witryny pomiarowe dadzą Ci czas i będą szybkością Twojej witryny! Gratulacje, zrobiłeś to!

Ale to nie wszystko! Wyobraź sobie, że ten jeden pomiar był fuksem. Co wtedy? Cóż, aby tego uniknąć, spróbuj wielokrotnie mierzyć prędkość witryny i używać różnych ustawień. Następnie weź zebrane dane i znajdź średnią wartość. Teraz masz o wiele dokładniejszy odczyt, niż gdybyś właśnie wziął pierwszą liczbę, którą otrzymałeś!

Możesz zapisać tę liczbę i porównać ją z liczbą, którą otrzymasz po wdrożeniu wszystkich metod, aby zobaczyć swoje ulepszenia. Dodatkowo możesz również zobaczyć, która metoda działa lepiej, dzięki czemu w przypadku, gdy zdecydujesz się na stworzenie innej witryny, będziesz dokładnie wiedział, co robić. Dotyczy to zwłaszcza korporacji, które wymagają dużej liczby stron internetowych.

Co to jest dobra szybkość witryny?

Cóż, jaka byłaby dobra szybkość witryny. Na początek badania pokazują, że 50% użytkowników wolałoby po prostu kliknąć, niż czekać 3 sekundy na załadowanie strony internetowej. Więc musi być lepiej.

Dla porównania średnia prędkość witryny to 2,9 sekundy. Oznacza to, że jeśli Twoja witryna jest szybsza, jesteś powyżej średniej. Najszybsze strony internetowe mogą załadować się w około 0,8 sekundy. Zazwyczaj te strony internetowe są bardzo minimalne i zoptymalizowane.

Jak przyspieszyć swoją witrynę? 21 sposobów na poprawę szybkości strony

Teraz omówiliśmy wszystko, od definicji szybkości witryny po powody, dla których warto poprawić szybkość witryny. Poinformowaliśmy Cię również i udostępniliśmy wskazówki i narzędzia do samodzielnego mierzenia szybkości witryny. Co jeszcze może zostać?

Zgadza się! Najważniejsze informacje o sposobach przyspieszenia Twojej witryny! Śledź dalej i nie martw się, jeśli brzmi to zbyt technicznie. Wyjaśnimy wszystko na bieżąco.

Teraz bez zbędnych ceregieli przejdźmy do rzeczy!

1. Korzystaj z najlepszego hostingu

Pierwszym krokiem do posiadania szybszej strony internetowej jest po prostu uzyskanie lepszej usługi hostingowej. Wiele firm hostingowych oferuje plany oparte na takich rzeczach, jak posiadana przepustowość. Przepustowość to szybkość przesyłania danych, więc jeśli masz lepszą przepustowość, Twoja witryna będzie się ładować szybciej. Dlatego uzyskanie lepszego planu jest niezawodnym sposobem na uzyskanie szybszej witryny przy minimalnym nakładzie pracy.

Oczywiście kosztuje to trochę więcej. Dlatego nie jest odpowiedni dla osób z ograniczonym budżetem. Spróbuj sprawdzić witrynę internetową swojej usługi hostingowej i sprawdź, czy lepszy plan mieści się w Twoim budżecie.

Niektóre dobre hosty internetowe to SiteGround i Bluehost. Jeśli korzystasz z WordPressa, DreamHost też jest naprawdę dobry.

2. Skorzystaj z buforowania

Jak wspomnieliśmy wcześniej, pamięć podręczna to tylko dane przechowywane lokalnie na komputerze użytkownika, zwykle tymczasowo, aby szybciej ładować dane.

Zasadniczo dzieje się tak, że klient zwykle musi zażądać od serwera plików i danych. Jeśli jednak dane były wcześniej buforowane, nie musi tego robić, a zamiast tego może po prostu załadować je z lokalnego magazynu.

Aby to wykorzystać, możesz użyć specjalnego typu pliku, zwanego plikiem .htaccess. Po prostu dodaj to do swojego skryptu HTML. W przypadku WordPress możesz korzystać z różnych wtyczek do stron internetowych, takich jak WP Super Cache. Pomaga to użytkownikom szybciej korzystać z witryny i zapewnia im satysfakcję.

3. Zoptymalizowane obrazy

Obrazy są dużą częścią projektu strony internetowej i ogólnej estetyki. Zwykle dostarczają odniesienia i kontekstu, których nie potrafią proste słowa i są często używane podczas tworzenia strony internetowej.

Tak więc strony internetowe zwykle zawierają wiele obrazów. Te obrazy, jeśli nie są odpowiednio zoptymalizowane i skompresowane, mogą zająć naprawdę dużo czasu, aby się wczytać. A to znacznie spowolni Twoją witrynę.

Aby temu zapobiec, możesz zoptymalizować swoje obrazy. Jak możesz zapytać? Cóż, istnieją różne metody i narzędzia, których możesz użyć do tego, ale najpierw zrozummy rodzaje optymalizacji.

Kiedy zmniejszasz rozmiar pliku, nazywa się to kompresją. Istnieją dwa rodzaje kompresji: kompresja stratna i kompresja bezstratna. W pierwszym jakość jest drastycznie obniżona z powodu kompresji, ale rozmiar jest również znacznie zmniejszony. W drugim rozmiar jest nieco mniejszy, ale jakość pozostaje taka sama.

Zwykle narzędzia do kompresji pozwalają wybrać metody, ale dobrze jest wiedzieć, co one oznaczają, aby móc wybrać, jak bardzo chcesz iść na kompromis w kwestii jakości.

Możesz wybierać spośród wielu narzędzi dostępnych online w tym celu, takich jak TinyPNG i Compressor.io, które pozwolą Ci przesłać swoje obrazy, aw krótkim czasie otrzymasz zoptymalizowane obrazy.

Możesz też użyć wtyczki WordPress do swojej witryny WordPress. Wtyczki takie jak Smush Pro mogą automatycznie optymalizować Twoje zdjęcia zgodnie z Twoimi upodobaniami, równoważąc szybkość i jakość.

4. Wyświetlaj obrazy w formatach nowej generacji

Technologia oprogramowania stale ewoluuje, a ponieważ formaty obrazu są oprogramowaniem, one również ewoluowały. Dawno minęły czasy używania obrazów .jpeg i .png w swojej witrynie.

Obecnie można znaleźć nowsze, bardziej odpowiednie formaty obrazów stron internetowych, takie jak .webp i jpeg xr.

Te formaty działają bardzo dobrze ze stronami internetowymi i mogą sprawić, że witryna będzie szybsza, niż gdybyś używał zwykłych formatów.

Spróbuj przekonwertować obrazy do tych nowszych formatów za pomocą różnych narzędzi do konwersji obrazów online. Kilka polecanych to image.online-convert.com i https://webp-converter.com/. Możesz także użyć wtyczek WordPress, takich jak WebP Express, lub po prostu zapisać swoje obrazy jako WebP za pomocą Photoshopa.

5. Zoptymalizuj pliki JavaScript i CSS

Jak wiemy, JavaScript i CSS (Cascading Style Sheets) są bardzo integralnymi częściami strony internetowej. Zazwyczaj są one kodowane w celu uczynienia strony internetowej dynamiczną, funkcjonalną i piękną w oczach użytkowników. Tak więc są również dość ciężkie na stronie internetowej, jeśli zdecydujesz się ich użyć.

Oznacza to, że mogą również spowolnić szybkość Twojej witryny i spowolnić jej ładowanie.

Cóż, nie chcesz tego. Dlatego możesz zoptymalizować te pliki, aby działały szybciej. Proces kompresji tych plików nazywa się ich minimalizowaniem i zazwyczaj mogą one znacznie poprawić szybkość witryny.

Można to zrobić na kilka sposobów, ale omówimy te najprostsze. Pierwszy z nich przeznaczony jest dla użytkowników WordPressa. Możesz użyć wtyczki WordPress, aby zminimalizować JavaScript i CSS. Nasze rekomendacje to Fast Velocity Minify i Hummingbird. Dla zwykłych użytkowników możesz użyć strony internetowej, takiej jak https://cssminifier.com/, aby łatwo zminimalizować swoje skrypty.

6. Pozbądź się bezużytecznych wtyczek

Wtyczka to w zasadzie dodatkowe oprogramowanie, które zapewnia dodatkowe funkcje. Funkcje te mogą obejmować opcje dostosowywania do czegoś naprawdę konkretnego, takiego jak udostępnianie opcji czatu na żywo. Tak czy inaczej, zajmują miejsce w Twojej witrynie. A wszystko, co zajmuje miejsce, wydłuży czas ładowania witryny.

Dlatego jeśli uważasz, że wtyczka nie będzie używana, po prostu pozbądź się jej. Jednak decyzja, czy zostanie wykorzystana, należy do Ciebie. Poświęć trochę czasu, aby zrównoważyć szybkość i funkcjonalność swojej witryny. W końcu będzie warto!

7. Wdrożenie sieci dostarczania treści (CDN)

Content Delivery Network (CDN) to forma dostarczania treści, podobna do hostingu internetowego. Chociaż nie może podjąć pracy hostingowej, niemniej jednak zapewnia szybszą i bardziej wydajną stronę internetową. Jak możesz zapytać?

Cóż, wyobraź sobie stronę internetową jak każdy inny produkt. Załóżmy również, że produkt jest przechowywany w wielu różnych magazynach na całym świecie. Oczywiście, jeśli firma zdecyduje się wysłać Ci produkt z najbliższego magazynu, otrzymasz go szybciej.

Jest podobny do CDN. CDN składa się z wielu baz danych na całym świecie połączonych z głównym serwerem. Gdy użytkownik próbuje uzyskać dostęp do witryny, pliki witryny są przesyłane do najbliższej mu bazy danych. Następnie można szybko i łatwo uzyskać do niego dostęp!

Wielu dostawców usług hostingowych oferuje również usługi CDN. Powinieneś sprawdzić ich stronę internetową i odpowiednio skonfigurować swoją. Mogą pobierać za to dodatkową opłatę, więc zastanów się, czy naprawdę tego potrzebujesz, czy nie. Jeśli nie masz hosta internetowego, który zapewnia CDN, możesz go uzyskać od innej firmy. StackPath to bardzo dobra firma CDN.

8. Ogranicz zewnętrzne skrypty

JavaScript jest zwykle używany do wprowadzenia dodatkowych funkcji do Twojej witryny. A te funkcje często istnieją poza samą witryną. Przechowywanie takich skryptów na zewnątrz ma tę zaletę, że możesz używać tego samego skryptu na wielu stronach internetowych.

Jednak za każdym razem, gdy są używane, witryna musi uzyskać dostęp do pliku, aby wysłać żądanie za pomocą protokołu HTTP (HyperText Transfer Protocol). Zbyt częste korzystanie z takich funkcji może poważnie spowolnić działanie witryny.

Aby to zminimalizować, staraj się nie używać tylu z tych funkcji, ile możesz. Rzeczy takie jak okna dialogowe, dynamiczne pokazy slajdów, przyciski przypominające Facebooka i tym podobne są zwykle zapisywane zewnętrznie.

Nie mówimy, aby pozbyć się wszystkich tych funkcji. Skrypty zewnętrzne są bardzo przydatne, ponieważ mogą dodawać te same funkcje do wielu różnych stron internetowych. Od Ciebie zależy więc, które funkcje chcesz zachować.

9. Oczyść miejsce na serwerze, usuwając nieużywane pliki

Za każdym razem, gdy uruchamiasz stronę internetową, będziesz musiał przesłać określone pliki na komputer serwera. Czasami możesz popełnić błąd, przesyłając jeden zbyt wiele bezużytecznych plików. Pliki te nie zmieniają niczego w witrynie, z wyjątkiem zajmowania miejsca i ogólnego spowolnienia witryny.

Powinieneś otworzyć swój serwer i sprawdzić, czy nie ma któregokolwiek z tych plików. Bądź jednak ostrożny! Nie chcesz przypadkowo usunąć ważnego pliku!

Radzimy, aby najpierw wykonać kopię zapasową witryny, niezależnie od tego, czy jest ona lokalna, czy na serwerze dostawcy usług hostingowych. Dzięki temu nawet jeśli przypadkowo usuniesz ważny plik, możesz go później odzyskać.

10. Zminimalizuj żądania HTTP

HTTP (HyperText Transfer Protocol) to zestaw reguł służących do przesyłania danych z serwera do klienta i odwrotnie. Zasadniczo jest to struktura interakcji klienta i serwera.

Jest to ważne przy tworzeniu stron internetowych, ponieważ gdy użytkownik ładuje witrynę, w zasadzie prosi o nią serwer sieciowy. Takie działania wymagają czasu. A gdy do serwera jest więcej żądań HTTP, czas potrzebny na załadowanie strony internetowej wzrasta jeszcze bardziej.

Żądania HTTP są zwiększane o liczbę różnych plików, które może mieć Twoja witryna. Na przykład, aby załadować obraz, klient musi wysłać dodatkowe żądania do serwera.

Tak więc, aby zmniejszyć liczbę żądań HTTP, musisz ogólnie zminimalizować witrynę. Po pierwsze, możesz użyć https://www.pingdom.com/, aby uzyskać pomiar liczby żądań z Twojej witryny. Następnie, jeśli korzystasz z WordPressa, możesz po prostu użyć wtyczki Hummingbird, aby zoptymalizować swoją witrynę.

11. Leniwe ładowanie obrazów

Czy kiedykolwiek próbowałeś wykonać zadanie, gdy tylko je otrzymasz? Jeśli tak, wiesz, że jest to dość trudne. Zamiast tego nie spiesz się i wykonując zadania, gdy czas tego wymaga, wydaje się to znacznie łatwiejsze.

Podobnie, leniwe ładowanie to metoda, która umożliwia ładowanie witryny podczas przeglądania jej przez użytkownika. Prawdopodobnie widziałeś to już wcześniej podczas przeglądania witryny. Dzieje się tak, gdy tekst został załadowany, ale obrazy nie. W takim przypadku najważniejsza część (tekst) ma priorytet, a obrazy są wyświetlane tylko wtedy, gdy przewiniesz do nich.

Możesz używać leniwego ładunku na różne sposoby. Jeśli korzystasz z WordPressa, możesz po prostu pobrać jedną z wielu wtyczek. Wśród nich najpopularniejszy jest Lazy Load firmy WP Rocket.

12. Odrocz ładowanie JavaScript

Jak już wspomnieliśmy, pliki JavaScript są zwykle bardzo obciążone w witrynie i mogą prowadzić do wolniejszej witryny, jeśli używasz jej zbyt często. Dlatego możesz odroczyć. JavaScript łatwo.

Odroczenie odnosi się do sprawdzenia, czy strona podstawowa została już załadowana, przed załadowaniem JavaScript. Zasadniczo JavaScript jest ładowany jako ostatni. Gwarantuje to, że wszystkie niezbędne funkcje są obecne, a użytkownik nie musi czekać na załadowanie JavaScript.

Chociaż użytkownik może nie uzyskać od razu pełnych funkcji witryny, nadal może z nią wchodzić w interakcje, dopóki nie załaduje się JavaScript.

13. Zmniejsz przekierowania

Prawdopodobnie widziałeś przekierowania stron. Dzieje się tak, gdy strona internetowa odsyła Cię do innej strony internetowej. Zwykle może to zająć do 5 sekund, co jest dość długim czasem pod względem szybkości witryny.

Możesz zapytać, dlaczego ktokolwiek miałby to zrobić? Cóż, wyobraź sobie, że ktoś inny umieszcza link do Twojej witryny na swojej stronie. Jakiś czas później możesz przełączyć się na inną witrynę. Dla wygody możesz po prostu przekierować ludzi ze swojej starej witryny na nową.

Oczywiście jest to naprawdę niepożądane w przypadku szybkości strony internetowej. Aby się tego pozbyć, staraj się nie łączyć swojej witryny z innymi witrynami, które są przekierowywane. Czasami wtyczki, które dodajesz do swojej witryny, mogą również zawierać przekierowania. Spróbuj je sprawdzić. Jeśli korzystasz z WordPressa, możesz po prostu użyć wtyczki Przekierowanie, aby sprawdzić, czy nie ma przekierowań i je usunąć.

14. Zoptymalizuj swoją witrynę pod kątem urządzeń mobilnych

Dziś globalny rynek smartfonów jest większy niż kiedykolwiek. A duża część ruchu na stronach internetowych pochodzi również z urządzeń mobilnych.

W związku z tym, jeśli użytkownik mobilny spróbuje uzyskać dostęp do witryny stworzonej wyłącznie z myślą o komputerach, napotka wiele problemów. Mogą doświadczyć złego wyświetlania, martwych linków i ogólnie słabej strony internetowej. Mogą nawet mieć problemy z samym odczytaniem tekstu. I oczywiście strona może ładować się powoli lub wcale.

Dlatego tak ważna jest optymalizacja mobilna. Nie tylko zapewnia inkluzywność, ale ogólnie poprawia wygląd witryny, nawet na komputerze.

Możesz użyć AMP (przyspieszonych stron mobilnych). Jest to struktura HTML, która umożliwia tworzenie stron internetowych, które działają szczególnie dobrze na urządzeniach mobilnych. Jest open-source, więc możesz go dowolnie zmieniać. W WordPressie możesz użyć dowolnej liczby wtyczek również do tego zadania.

15. Wypróbuj wtyczki, które przyspieszają strony internetowe

Jeśli miałeś jakieś doświadczenie z wtyczkami, wiedziałbyś, że istnieją wtyczki z każdego powodu. Od łatwego SSL po rekomendacje zakupów — wszystko tam jest.

Podobnie, istnieje wiele wtyczek, które wykorzystują różne metody przyspieszania Twojej witryny. Metody te mogą obejmować buforowanie i ogólną optymalizację witryny. I przez większość czasu te wtyczki są również całkowicie bezpłatne!

Wtyczki takie jak Jetpack i WP Rocket to dobry wybór dla platformy WordPress.

16. Włącz kompresję gzip

Dużo już rozmawialiśmy o kompresji i optymalizacji plików. Jest to całkiem przydatne, jeśli chodzi o przyspieszenie Twojej witryny.

Dlatego teraz przedstawiamy kompresję gzip. Ta funkcja umożliwia kompresowanie plików specjalnie do transferu sieciowego. Pliki są kompresowane po stronie serwera, przesyłane przez sieć i wyodrębniane po stronie klienta. Zapewnia to szybszy transfer sieciowy i ogólnie szybszą stronę internetową.

W przypadku witryn WordPress możesz zainstalować wtyczkę, która pomoże Ci skompresować pliki. WP Rocket to jedna z naszych ulubionych wtyczek do tego zadania.

17. Nie przesyłaj plików audio/wideo bezpośrednio na stronę internetową

Wydaje się oczywiste, że ładowanie plików audio i wideo zajmuje dużo czasu. A jeśli chcesz przyspieszyć działanie witryny, to jest to coś, czego chcesz uniknąć.

Nie musisz jednak całkowicie pozbywać się plików audio i wideo. Zamiast ładować je razem z resztą witryny, możesz zamiast tego przesłać je na platformę do udostępniania wideo online, taką jak www.youtube.com. Następnie możesz po prostu połączyć pliki ze swoją witryną za pomocą kodu.

18. Włącz utrzymywanie aktywności HTTP

HTTP keep-alive to polecenie, które umożliwia klientowi wysyłanie wielu żądań do serwera.

Wyobraź to sobie w ten sposób. Za każdym razem, gdy klient chce złożyć żądanie o plik, musi utworzyć nowe połączenie z serwerem.s. Dopiero po wykonaniu tej czynności klient może otrzymać plik. Aktywacja utrzymywania aktywności HTTP eliminuje potrzebę wielu nowych połączeń, ponieważ stare połączenie jest nadal aktywne, co pozwala zaoszczędzić czas i przepustowość.

19. Wyłącz Hotlinking obrazów

Za każdym razem, gdy ktoś korzysta z mediów Twojej witryny (dźwięków, obrazów i filmów), stale łączy swoją witrynę z Twoją. A jeśli ich strona internetowa ma duży ruch, może to również poważnie spowolnić twoją witrynę. Jest to szczególnie poważne, jeśli druga strona internetowa ma znacznie większą przepustowość niż twoja.

Hotlinking to poważny problem, który może być nawet nielegalny, jeśli korzystają z materiałów chronionych prawem autorskim.

Więc jak to naprawić? Proste, możesz po prostu wyłączyć hotlinking! Jeśli korzystasz z WordPressa, możesz po prostu pobrać wtyczkę, taką jak All In One WP Security & Firewall. W przeciwnym razie możesz skontaktować się z dostawcą CDN lub usługodawcą hostingowym. Wielu dostawców CDN ma funkcje bezpieczeństwa, które temu zapobiegają.

20. Zastąp PHP statycznym HTML tam, gdzie to możliwe

PHP może być naprawdę przydatnym językiem programowania. Jednak działa również bardzo wolno, zwłaszcza jeśli klient ma słabe połączenie internetowe.

To dlatego, że PHP jest językiem po stronie serwera. Oznacza to, że jest najpierw uruchamiany na serwerze, a nie wykorzystuje moc obliczeniową komputera klienckiego. Jest to przeciwieństwo HTML, który wykorzystuje moc obliczeniową komputera klienckiego do działania.

Możesz już zobaczyć, dokąd to zmierza. PHP będzie oczywiście ładował się dłużej niż HTML. Dlatego staraj się zastąpić go HTML tam, gdzie to możliwe. Oczywiście, jeśli próbujesz tworzyć dynamiczne funkcje, PHP jest koniecznością, ale staraj się go zastępować tak często, jak tylko możesz.

21. Wyłącz pingbacki i trackbacki w WordPress

Jeśli korzystasz z WordPressa, być może słyszałeś o pingbackach i trackbackach. Jeśli łączysz czyjś artykuł ze swoim, otrzyma on powiadomienie zwane pingbackiem. Trackback różni się tym, że jest tylko powiadomieniem, podczas gdy pingback może być komentarzem.

W obu przypadkach ograniczają szybkość Twojej witryny, zwłaszcza jeśli wiele osób łączy się z Twoją witryną. W takim przypadku możesz po prostu wyłączyć to w ustawieniach!.

Wniosek

Cóż, tutaj dochodzimy do końca naszego samouczka. Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się wszystkiego o szybkości strony, jak to sprawdzić, dlaczego jest to ważne i co najważniejsze, co musisz zrobić, aby ją poprawić.

Daliśmy Ci nawet kilka zasobów, które możesz sprawdzić!. Mamy nadzieję, że czytając ten artykuł świetnie się bawiłeś i że Twoja witryna jest teraz tak szybka jak nigdy!

Jeśli masz dalsze pytania dotyczące przyspieszenia witryny, zostaw komentarz poniżej. Postaramy się odpowiedzieć jak najszybciej.

Sprawdź również nasz ostateczny przewodnik po SEO, aby dowiedzieć się, jak zoptymalizować swoją witrynę pod kątem bezpłatnego ruchu organicznego z wyszukiwarek.

Koniecznie zajrzyj na nasz blog, aby znaleźć więcej pomocnych artykułów!