Jak poprawić wydajność witryny: 10 wskazówek, jak przyspieszyć witrynę

Zaktualizowano: 2022 / Artykuł: Jerry Low
Badania konsekwentnie wykazały, że szybsza prędkość ładowania strony zapewni lepszy współczynnik konwersji. Ponieważ hosting jest jednym z kluczowych czynników wpływających na szybkość witryny biznesowej – ważne jest, aby wybrać hosta internetowego, który pomoże szybko ładować witrynę.
Badania konsekwentnie pokazują, że szybsze ładowanie strony będzie lepsze współczynnik konwersji. Jak hosting jest jednym z krytycznych czynników w Twoja strona internetowa firmy szybkość – ważne jest, aby wybrać hosta internetowego, który pomaga szybko ładować witrynę (źródło: CloudFlare).

Wiedząc, jakie są główne czynniki, które wpływają na twoje wydajność witryny to jedno, ale możesz też wiele zrobić, aby maksymalnie zoptymalizować swoją witrynę. Bez przechodzenia przez wyczerpującą listę, oto kilka poprawek, które możesz wprowadzić, aby zwiększyć swój wydajność witryny.

reklama

1. Wybierz lepszy serwer hostingowy

Twój hosting jest jedną z najważniejszych części wydajności Twojej sieci.

Jeśli Twoja witryna cierpi z powodu obecnego planu, możesz po prostu potrzebować więcej zasobów, a przejście na lepszy plan może działać dla Ciebie.

Są hosty internetowe, a potem są doskonały hosty internetowe. Każdy host sieciowy będzie miał inne funkcje, więc zwróć uwagę na kluczowe elementy, takie jak zastrzeżone technologie buforowania, dyski półprzewodnikowe lub kontrola nad krytycznymi obszarami. Hosting współdzielony często ma mniej zasobów, a jeśli już wyrosłeś, być może będziesz musiał spojrzeć na jedno z nich Hosting VPS lub Cloud.

Są chwile, kiedy po prostu decydujesz się przejdź do lepszego hosta internetowego może również działać. Zanim jednak się do tego zdecydujesz, poświęć trochę czasu na badanie, aby dowiedzieć się, jakie byłyby najbardziej niezawodne opcje przejścia.

Polecani dostawcy hostingu VPS

Host sieciowyNajtańszy planPlan średniego poziomuOkres próbnyZamów teraz
BlueHost$ 19.99 / mc$ 29.99 / mcDni 30Pobierz BlueHost
HostPapa$ 19.99 / mc$ 59.99 / mc30 dniGet HostPapa
InMotion hosting$ 17.99 / mc$ 64.99 / mcDni 90Get InMotion
InterServer$ 6.00 / mc$ 12.00 / mcDni 30Get InterServer
  LiquidWeb$ 15.00 / mc$ 45.00 / mc30 dniGet LiquidWeb
ScalaHosting$ 9.95 / mc$ 21.95 / mcDni 30Get ScalaHosting
TMD Hosting$ 19.97 / mc$ 29.97 / mcDni 30Get TMD Hosting

2. Użyj szybszego dostawcy DNS

Co to jest system nazw domen (DNS)?

W ramach projektu System nazw domen (DNS) jest książką adresową Internetu. Za każdym razem, gdy użytkownik wprowadza domenę witryny do swojej przeglądarki, na przykład – google.com, DNS pomaga zlokalizować adres IP nazwy domeny, aby przeglądarki mogły załadować witrynę.

Jak DNS wpływa na wydajność Twojej witryny?

Różnice w szybkości odpowiedzi DNS według dostawcy. Na przykład, Cloudflare DNS został ustawiony na 11.68 ms w marcu 2022 r.; porównawczo wyszukiwanie DNS w RackSpace trwało w teście ponad 90 ms (źródło: DNSPerf firmy PerfOps).

Gdzie jesteś kup nazwę domeny ma znaczenie, ponieważ różne usługi nazw domen mają różną wydajność. Rozpoznawanie DNS wymaga czasu, a ponieważ działa na sprzęcie, mogą występować różnice w szybkości odpowiedzi. 

Zanim się z tego wyśmiejesz, zauważ, że różnica w wydajności może być dość znacząca. Na przykład, gdzie Cloudflare rozwiązuje się w czasie krótszym niż 15 ms, niektórzy dostawcy mogą trwać nawet dziesięć razy dłużej.

Jak sprawdzić szybkość DNS

Aby sprawdzić wydajność serwera nazw, możesz użyć narzędzia takiego jak to na Witryna 24 × 7. Uruchom go z nazwą swojej domeny, a poinformuje Cię, ile czasu zajęło serwerowi nazw odpowiedź na zapytanie. Jeśli jest zbyt wysoki, możesz rozważyć zmianę serwerów nazw. Nie jest to trudne.

Przełączanie serwerów nazw w celu zwiększenia szybkości

Zmiana adresów serwerów nazw może być bardzo łatwa.
Zmiana adresów serwerów nazw może być bardzo łatwa.

Istnieją zarówno darmowe, jak i płatne serwery nazw, z których możesz wybierać. Nie wszystkie płatne opcje są koniecznie lepsze. Weź na przykład Cloudflare. Są jednymi z najszybszych w rozwiązywaniu nazw domen z szybkimi prędkościami nawet w przypadku darmowych kont.

Wybór należy jednak do Ciebie. To, co musisz najpierw zrobić, to zarejestrować się za pomocą nowego wybranego serwera nazw. To da ci parę adresów serwerów nazw, którymi musisz zastąpić istniejące.

Aby to zrobić, musisz zalogować się do systemu, w którym kupiłeś nazwę domeny. Większość z nich ma prosty pulpit nawigacyjny, za pomocą którego możesz zmieniać serwery nazw. W poniższym przykładzie pokażę NameCheap system.

  1. W panelu konta poszukaj opcji Zarządzaj nazwą domeny.
  2. W sekcji Serwery nazw poszukaj opcji dodania niestandardowego DNS
  3. Wpisz adresy dostarczone przez Twoją nową usługę Nameserver
  4. MUSISZ podać oba podane adresy

Gdy to zrobisz, zarządzanie rekordami nazwy domeny będzie zwykle odbywać się za pośrednictwem pulpitu nawigacyjnego nowego serwera nazw. Daj nowemu serwerowi nazw czas na przystosowanie się (dobrze od 24 do 48 godzin).

Gdy to się skończy, możesz ponownie przetestować szybkość rozpoznawania DNS, aby sprawdzić, czy nastąpiła jakaś poprawa. Jeśli na początku nie widzisz poprawy, daj jej trochę więcej czasu.

3. Agresywnie buforuj

Jak działa buforowanie sieciowe (źródło: Kinsta).

Buforowanie ułatwia wstępne ładowanie plików statycznych, dzięki czemu można je szybciej obsługiwać. Zamiast ładować plik za każdym razem, gdy jest on żądany, buforowanie przyspiesza proces, przechowując niektóre pliki w przeglądarce użytkownika. To nie tylko poprawia wydajność, ale może również pomóc zmniejszyć obciążenie zasobów na twoim serwer wWW

Nie wszystkie serwery internetowe są sobie równe, a niektóre obsługują buforowanie lepiej niż inne. Aby uzyskać najlepszą wydajność, wybierz hosta internetowego, który oferuje nginx lub lakier. Oto kilka przykładów:

  • Cloudways, który ma równoważenie obciążenia i buforowanie za pomocą NGINX,
  • A2 Hosting, która wstępnie skonfigurowała Varnish ze swoimi planami VPS, oraz
  • Kinsta, które obsługują wszystko w buforowaniu serwerów dla swoich klientów.

Ponadto, jeśli prowadzisz a WordPress witryn, jest wiele przydatnych Wtyczki do buforowania WordPress dostępne za darmo. Użytkownicy z niewielką wiedzą techniczną mogą zoptymalizować swoją witrynę WordPress za pomocą tych wtyczek za pomocą zaledwie kilku kliknięć.

4. Użyj HTTP/2

HTTP/2 a HTTP/1
HTTP/2 zawiera różne ulepszenia w porównaniu do HTTP/1, które umożliwiają szybsze dostarczanie pakietów i lepsze wrażenia użytkownika (źródło: Imperva).

Jest to jedna z przydatnych funkcji, na które powinni zwrócić uwagę wszyscy właściciele witryn. HTTP/2 umożliwia multipleksowanie, co oznacza, że ​​pliki mogą być przesyłane do użytkownika jednocześnie, a nie pojedynczo. Pomaga to w procesie ładowania.

Niestety, nie wszystkie plany hostingowe obsługują protokół HTTP / 2, a niektórzy dostawcy usług hostingowych oferują to tylko z droższymi planami. Jednym ze sposobów obejścia tego jest użycie Cloudflare, który może włączyć HTTP/2 dla wszystkich witryn.

5. Przestrzegaj zasady KISS

Nie jest to coś, czego zwykle uczy większość internetowych guru, ale uważam, że jest to niezwykle przydatne na wiele sposobów. KISS to skrót od „Keep It Simple, Stupid”. Został wymyślony przez jakiegoś sprytnego faceta w latach 1960., który kładł nacisk na wydajność prostych systemów.

Zasadniczo uważam, że dotyczy to niemal wszystkiego w życiu - nawet przy tworzeniu stron internetowych. Unikając nadmiernie złożonych implementacji i projektów, zyskasz na stronie, która jest szybka i co ważniejsze, łatwa w zarządzaniu i utrzymaniu.

Projekt i grafika

Utrzymując twój projekt i wizualne proste, mam na myśli głównie zmniejszenie obciążenia. Strona o masywnych, zapierających dech w piersiach obrazach i oszałamiających filmach wideo będzie ładować się tak szybko, jak lenistwo w zły dzień. Zachowaj porządek i spróbuj podzielić wideo i ładowanie obrazu na różne strony.

Kod i wtyczki

WordPress jest tak wspaniałą rzeczą, ponieważ jest wysoce modułowy, a jednocześnie tak prosty w użyciu. Bez względu na to, co chcesz zrobić, prawdopodobnie ktoś to zrobił już zaprojektował wtyczkę do tego.

Choć brzmi to ekscytująco, uważaj na przeciążanie witryny wtyczkami. Pamiętaj, że każda wtyczka jest tworzona przez różne osoby (i prawdopodobnie różne firmy). Ich celem jest osiągnięcie określonego celu, a nie usprawnienie szybkości witryny.

Jeśli możesz, unikaj wtyczek do rzeczy, którymi możesz zarządzać samodzielnie. Weźmy na przykład wtyczkę, która pomoże Ci wstawić tabele do tekstu. Możesz łatwo nauczyć się podstaw Kod HTML rysować tabele zamiast używać do tego wtyczki, prawda?

Niektóre pojedyncze wtyczki mogą znacznie spowolnić Twoją witrynę, więc upewnij się, że wykonujesz test prędkości za każdym razem, gdy instalujesz nową wtyczkę!

6. Włącz kompresję gzip

Chociaż strony internetowe są zazwyczaj już małe, kompresowanie ich przed wysłaniem może nadal zwiększyć wydajność witryny. Jeśli słyszałeś o kompresji obrazu lub archiwizacji (ZIP lub RAR), prawdopodobnie znasz teorię kompresji gzip. Powoduje to kompresję kodu Twojej witryny, co skutkuje wzrostem prędkości nawet o 300% (wyniki mogą się różnić).

Każdy typ serwera WWW, taki jak Apache, LiteSpeed i nginx inaczej obsługuje kompresję gzip. Alternatywnie możesz również dodać następujący kod do swojego ..htaccess plik do skompresowania plików internetowych.

# Kompresuj kod HTML, CSS, JavaScript, tekst, XML i czcionki AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font application/x-font typeByxOutputputopenopen AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATEmlAplikacji/FFLOutput+xhtml opentype AddOutputFilterByType DEFLATE czcionka/otf AddOutputFilterByType DEFLATE czcionka/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddType DEFLATAFilterB tekst LATE tekst/zwykły AddOutputFilterByType DEFLATE text/xml

7. Użyj sieci dostarczania treści (CDN)

Dystrybucja na jednym serwerze (po lewej) – Twoje pliki internetowe są obsługiwane z jednego miejsca. Z drugiej strony w sieci CDN (po prawej) Twoje pliki internetowe są obsługiwane z serwera znajdującego się najbliżej Twoich użytkowników.

Jak działa CDN

Sieć dostarczania treści to sieć serwerów, które dostarczają użytkownikom strony internetowe i inne treści na podstawie ich położenia geograficznego. Innymi słowy, pomaga zredukować czas potrzebny serwerowi zdalnemu na odpowiedź z danymi żądanymi przez użytkowników końcowych.

Zwykle przechwytuje statyczne treści przechowywane na najbliższym możliwym serwerze do lokalizacji geograficznej użytkownika. Wraz ze spadkiem odległości przez dane, czas dostawy (lub prędkość ładowania) ulega poprawie.

Korzystanie z CDN znacznie przyspieszy obsługę stron internetowych i zwiększy prędkość ładowania bez względu na to, skąd pochodzą użytkownicy.

Jeśli jesteś właścicielem małej strony internetowej, to Cloudflare ma darmową opcję, z której możesz skorzystać, która działa dobrze. Korporacje i większe witryny będą musiały zapłacić, aby uzyskać lepszy plan, ale biorąc pod uwagę cechy CDN, jest to warte swojej ceny!

Inne usługi CDN do rozważenia obejmują: światło wapienne, KeyCDN

8. Optymalizuj obrazy

Chociaż zazwyczaj duże, obrazy do użytku w Internecie można zoptymalizować, aby ułatwić zarządzanie ich rozmiarami. Zwykle odbywa się to poprzez dostosowanie jakości obrazu, ponieważ często nie potrzebujesz fantastycznej ostrości w przypadku obrazów internetowych. 

Istnieją bezpłatne narzędzia online, takie jak Optimizilla możesz to zrobić lub możesz zdecydować się na obraz wtyczka optymalizacyjna jeśli używasz WordPressa. Większość narzędzi do optymalizacji obrazu pozwala dopracować szczegóły rozdzielczości obrazów, dzięki czemu można je stopniowo zmniejszać. Dla niewprawnego oka będą wyglądać prawie tak samo, ale znacznie mniejsze.

Obrazy zoptymalizowane i niezoptymalizowane
Przykład — są one powiększone w obszarach obrazu HD (po lewej). Oryginał miał 2.3 MB, a po optymalizacji obraz został zmniejszony do 331 KB.

9. Zminimalizuj kod

Dzisiejsze witryny internetowe często są przepełnione plikami JavaScript i CSS. Aby jeszcze bardziej dostroić witrynę, nawet kod można zoptymalizować za pomocą procesu zwanego minifikacją. Działa to poprzez usunięcie pustych przestrzeni lub niepotrzebnych znaków z istniejącego kodu w celu zmniejszenia rozmiaru pliku do absolutnego minimum.

Ponownie, istnieją narzędzia, których możesz do tego użyć, takie jak minifier. Jedno słowo ostrzeżenia. Minimalizacja kodu często bardzo utrudnia ludziom czytanie, więc jeśli robisz całą swoją witrynę kodowanie ręcznie, należałoby to wziąć pod uwagę.

Minifikacja kodu w celu przyspieszenia strony internetowej
Minikacja może sprawić, że Twój kod będzie wyglądał na pomieszany - nie przejmuj się! To normalne.

10. Zmniejsz przekierowania

Zwykle przeglądarki akceptują różne formy adresów, które z kolei są tłumaczone na uznane przez serwer. Weź na przykład www.example.com i example.com. Oba mogą przejść do tej samej witryny, ale jeden serwer wymaga przekierowania na oficjalnie uznany adres.

To przekierowanie zabiera trochę czasu i zasobów, więc Twoim celem jest zapewnienie, że Twoja witryna będzie dostępna za pośrednictwem nie więcej niż jednego przekierowania. Użyj tego Twórca map przekierowań aby sprawdzić, czy robisz to dobrze.

Biorąc pod uwagę złożoność wykonywania tego prawa i czasu na bieżąco, jest to jeden raz, polecam użycie wtyczki takiej jak przekierowanie.

Testowanie szybkości witryny

Istnieje szeroki zakres poprawek, które możesz wprowadzić w swojej witrynie, aby szybciej się wczytywać. Niektóre mogą być tak proste, jak przełączanie opcji, podczas gdy inne są bardziej skomplikowane. Mimo to, gdybyś je rozważył, cały proces może zająć trochę czasu.

Najlepiej jest, jeśli zastosujesz powolne, progresywne podejście do poprawy wydajności zamiast wprowadzać wszystkie zmiany na raz. Podobnie jak w przypadku wszystkiego opartego na technologii, istnieje szansa, że ​​coś pójdzie nie tak.

Jeśli wprowadzasz zmiany w czasie i dokumentujesz wraz z testami, łatwiej będzie zidentyfikować wszelkie wprowadzone zmiany, które mogą spowodować, że witryna stanie się niedostępna lub ulegnie awarii. Uwierz mi - to się w końcu wydarzy.

Narzędzia do testowania szybkości witryny

Za pomocą testera prędkości witryny możesz dowiedzieć się, jak dobrze Twoja witryna jest obecnie zoptymalizowana.

Aby rozpocząć, sprawdź, jak szybko najpierw ładuje się Twoja witryna. Niektóre zalecane narzędzia to:

  • Test strony internetowej: Zdobywaj wydajność strony internetowej z rzeczywistych przeglądarek działających na zwykłych systemach operacyjnych.
  • Pingdom: Pomaga analizować i znajdować wąskie gardła w wydajności witryny.
  • GTmetrix: Analizuj i oferuj przydatne informacje na temat najlepszego sposobu optymalizacji prędkości strony.
  • Bitcatcha: Sprawdź szybkość strony z ośmiu krajów.

Więcej możliwości – wypróbuj te bezpłatne narzędzia do testowania szybkości witryny

Szybkość witryny — jak szybko jest wystarczająco szybko?

Google PageSpeed ​​Insight
Google PageSpeed ​​Insight to dobry punkt odniesienia do tego, jak gigant wyszukiwania postrzega wydajność Twojej witryny.

Oprócz wrażenia odwiedzających, szybkość i wydajność Twojej witryny wpływają również na Twoją widoczność w rankingach wyszukiwania. Ponieważ królem wyszukiwania jest Google, jest to pasek, do którego chcesz dążyć. Według nich 40% odwiedzających opuści stronę, której załadowanie trwa dłużej niż trzy sekundy (źródło). Użytkownicy eCommerce platformy, które są niezadowolone z wydajności witryny, są również mniej skłonne do ponownego zakupu w tych witrynach. 

Niestety wiele witryn nadal nie spełnia tego testu. W rzeczywistości zmierzyłem niektóre witryny, które szokująco trwają od 3 do 4 minut.

Końcowe przemyślenia: szybsze strony internetowe zadowolą wszystkich

Szybkości łączy szerokopasmowych już dziś, nawet na urządzeniach mobilnych, wzrosły tak bardzo i będą rosły jeszcze bardziej. Oznacza to, że właściciele witryn internetowych nie mają zbyt wiele powodów, aby ich użytkownicy znosili powolne ładowanie witryn.

Uwierz mi, będziesz tracić gości i w pewnym momencie zyskasz tak złą reputację, że będziesz znany jako "Och, ŻE stronie internetowej". Jeśli jesteś w biznes online, to jeszcze gorzej, ponieważ zabijesz własną złotą gęś.

Chociaż powyższe wskazówki 8, które dostarczyłem, w żadnym wypadku nie są wszystkim i kończą wszystko, powinien dać ci początek i kilka pomysłów, jak lepiej zarządzać rzeczami. Przyspiesz swoją witrynę już dziś i zatrzymaj swoich klientów lub odwiedzających.

Nie kończ jako ŻE stronie internetowej.

Przeczytaj więcej

O Jerry Low

Założyciel WebHostingSecretRevealed.net (WHSR) - przegląd hostingu zaufany i używany przez użytkowników 100,000. Więcej niż doświadczenie 15 w hostingu, marketingu afiliacyjnym i SEO. Współpracuje z ProBlogger.net, Business.com, SocialMediaToday.com i innymi.