Jak przyspieszyć swoją witrynę

Wprowadzenie

rybak

83% użytkowników oczekuje, że witryny załadują się w ciągu 3 sekund lub mniej ale średni czas wczytywania 500 głównych stron głównych e-commerce wynosi 10 sekund

Dane pokazują, jak ważna jest szybkość witryny w Stanach Zjednoczonych około 25% osób, które twierdzą, że porzucą stronę internetową, która zajmuje więcej niż cztery sekundy załadować

Czas ładowania strony w sekundach.

zegar

O 47% wszystkich kupujących chce, aby Twoja witryna załadowała się w niecałe dwie sekundy.

patelnia

Jeśli ładowanie strony trwa dłużej niż trzy sekundy, koniec 40% odwiedzających będzie się odbijało.

Nic nie jest bardziej frustrujące niż powolna strona internetowa. Jest nie tylko szkodliwy dla użytkowników końcowych, ale także bardzo zły dla właścicieli witryn. W czasach, w których żyjemy, posiadanie strony internetowej jest koniecznością nie tylko dla firm, ale także dla każdego, kto chce dzielić się użytecznymi informacjami ze światem. Niezależnie od tego, czy są fotografami, którzy chcą zaprezentować swoją pracę, artystami, którzy chcą, aby ich głos został usłyszany, mamami w domu, oferującymi samouczki dla majsterkowiczów lub nauczycielami, którzy chcą się podzielić swoją wiedzą, niezwykle ważne jest, aby witryna była skuteczna. Jednym z kluczowych czynników, które sprawiają, że strona jest skuteczna, jest szybkość.

Dlaczego szybkość witryny ma znaczenie?

Speed ​​może stworzyć lub zepsuć stronę internetową. Wpływa na ruch, wyświetlenia stron, konwersje, sprzedaż i ogólną reputację. Dzięki przyspieszeniu możesz ulepszyć swój biznes lub bazę fanów i pomóc mu się rozwijać. Badania wykazały:

  • 47 procent ludzi spodziewa się załadowania strony w mniej niż dwie sekundy.>
  • 40 procent osób bardzo prawdopodobne jest, że opuści stronę internetową, jeśli załadowanie zajmie więcej niż trzy sekundy.

Dlatego szybkość witryny odgrywa bardzo ważną rolę w sukcesie firmy. To jeden z najważniejszych priorytetów, jeśli chcesz wyróżniać się na tle konkurencji. Przyspieszając witrynę, nie tylko przyniesiesz pozytywne wyniki w zakresie wyświetleń strony i konwersji, ale również zapewnisz użytkownikom większy komfort użytkowania.

Doskonałe wrażenia użytkownika są kluczem do zbudowania silnej bazy klientów i silnej marki. Jeśli wczytanie Twojej witryny trwa wieczność, jaki jest sens posiadania niesamowitej witryny pod względem innych jej elementów, skoro ludzie nie chcą jej nawet zatrzymać i sprawdzić? Dlatego nie upewniając się, że witryna szybko się ładuje, ryzykujesz utratą dużej liczby klientów lub obserwujących, a tym samym dużym przychodem.

Ponadto szybkość witryny jest bardzo ważna dla SEO. Jeśli Twoja strona ładuje się szybko, twój ranking w wyszukiwarkach będzie wyższy. Wynika to z faktu, że Google preferuje szybkie witryny i nagradza je, oceniając je wyżej w wynikach wyszukiwania. Oprócz szybkości doświadczenie użytkownika jest kolejnym czynnikiem w algorytmie rankingu Google. Tak więc, zwiększając szybkość swojej witryny i poprawiając komfort użytkowania, ostatecznie poprawisz swój ranking SEO.

W rezultacie uzyskasz większy ruch i przyciągniesz więcej potencjalnych klientów, którzy możesz przekształcić w klientów, ostatecznie zwiększając sprzedaż i generując większe przychody.

Jak sprawdzić szybkość witryny?

  • PageSpeed ​​Insights to bezpłatne narzędzie Google do testowania szybkości Twojej witryny i jest bardzo łatwe w użyciu. Wystarczy wpisać adres URL swojej witryny, a narzędzie przeanalizuje jej zawartość i wygeneruje sugestie, jak przyspieszyć działanie witryny.
  • Pingdom jest również bardzo przydatnym narzędziem, które nie tylko testuje szybkość witryny, ale także sprawdza i ocenia jej wydajność. Śledzi także historię wydajności Twojej witryny, dzięki czemu możesz mieć wgląd w wszelkie potencjalne zmiany dotyczące szybkości witryny.
  • YSlow to narzędzie, które testuje szybkość witryny i oferuje porady, jak ją poprawić. Może również zapewnić rozszerzenie Chrome do sprawdzania prędkości Twojej witryny.

15 sposobów na przyspieszenie witryny

Istnieje wiele sposobów na przyspieszenie witryny, dzięki czemu jest naprawdę skuteczna i odnosi sukcesy. Oto kilka najłatwiejszych i najskuteczniejszych sposobów na przyspieszenie witryny i zmaksymalizowanie wszelkich starań na dłuższą metę.

Zaktualizuj swój plan hostingowy

W rzeczywistości oznacza to, że jeśli Twoja witryna zazwyczaj zarabia 100 000 USD dziennie

1 sekunda

Wiele osób decyduje się na tanie hostingi, kiedy po raz pierwszy tworzą blog lub stronę internetową, więc wybierają hosting dzielony. Z czasem dostarczają więcej treści, a ich strony internetowe rosną, co ostatecznie spowalnia. Jeśli tak jest w twoim przypadku, najlepszym wyborem będzie aktualizacja planu hostingowego. Aktualizacja planu hostingowego jest najprostszym i najłatwiejszym sposobem na poprawę szybkości Twojej witryny. Ale upewnij się, że wybierasz najlepszą firmę hostingową, która spełni wszystkie Twoje potrzeby.

Jeśli udostępniasz hosting, powinieneś albo przejść na VPS, albo na dedykowaną opcję. Tak czy inaczej, zauważysz znaczącą różnicę w szybkości swojej witryny. Podjęcie decyzji między obiema opcjami zależy od twoich potrzeb biznesowych, więc upewnij się, że dokładnie przeanalizowałeś obie opcje.

Oto tylko krótka notatka na temat obu z nich. Hosting VPS (Virtual Private Servers) jest prawdopodobnie najlepszym rozwiązaniem, ponieważ wykorzystuje wiele serwerów do dystrybucji treści (czasami nawet setki serwerów). Jest to również skalowalne rozwiązanie i najbardziej odpowiada małym i średnim firmom, a także blogerom.

Z drugiej strony, dzięki serwerom dedykowanym, masz pełną kontrolę, ponieważ masz dedykowane zasoby. Nie musisz dzielić pamięci RAM, procesora, przepustowości ani niczego innego, ponieważ wszystkie zasoby są przeznaczone tylko dla Ciebie. Ponadto limity przepustowości są wyższe, ale ponieważ nie masz wielu komputerów, ta opcja hostingu jest o wiele mniej elastyczna. Jest jednak znacznie droższy niż hosting VPS.

Włącz buforowanie przeglądarki

Harry Shum, specjalista od szybkości i informatyk Microsoft, uważa 0,25 sekundy różnicy w czasie ładowania strony – szybciej lub wolniej – to magiczna liczba dyktująca przewagę konkurencyjną dla firm internetowych.

Włączenie buforowania może znacznie poprawić szybkość Twojej witryny i zapewnić odwiedzającym Twoją witrynę bardziej satysfakcjonującą obsługę. Buforowanie odnosi się do procesu przechowywania plików statycznych, takich jak dokumenty HTML, pliki multimedialne, obrazy, pliki CSS i JavaScript, w celu łatwiejszego i szybszego dostępu, dzięki czemu baza danych nie musi pobierać każdego pliku za każdym razem, gdy pojawia się nowy żądanie. Im więcej żądań jest wysyłanych do twojego serwera, tym więcej czasu zajmie załadowanie twojej strony.

Gdy ktoś odwiedza Twoją witrynę, elementy strony, do której próbują uzyskać dostęp, są automatycznie pobierane i przechowywane na dysku twardym w pamięci podręcznej (tymczasowe miejsce przechowywania). W ten sposób, kiedy następnym razem odwiedzą twoją stronę, ich przeglądarka bardzo szybko załaduje żądaną stronę, bez konieczności ponownego wysyłania żądania HTTP do serwera.

dłoń

44% kupujących online twierdzi, że powolne transakcje online niepokoją ich powodzenie

Buforowanie działa jednak tylko dla stałych użytkowników, ponieważ oczywiście osoby, które po raz pierwszy odwiedzają witrynę, nie mają zapisanej w pamięci podręcznej i przechowywanej wersji witryny. Niemniej jednak, umożliwiając pełne buforowanie Twojej witryny może skrócić czas ładowania strony z 2,4 do 0,9 sekundy. Wynika to z faktu, że może być 30 lub więcej różnych składników, które muszą być przechowywane w pamięci podręcznej użytkownika przy pierwszej wizycie na Twojej stronie, ale tylko kilka składników musi zostać pobranych na kolejne wizyty.

W zależności od używanej platformy witryny istnieją różne sposoby włączenia buforowania przeglądarki. Na przykład jeśli używasz WordPress, najłatwiejszym sposobem włączenia buforowania jest zainstalowanie wtyczki. Najlepsze wtyczki buforujące WordPress są W3 Total Cache, która jest najpopularniejszą wtyczką dotyczącą wydajności, oraz WP Super Cache, co jest najlepsze w przypadku witryn o dużym ruchu i słabych serwerach.

ślimak

51% kupujących online w USA twierdzi, że powolność witryny jest głównym powodem rezygnacji z zakupu

Jeśli używasz Drupal jako swojego CMS, powinieneś użyć Pamięć podręczna lakieru oprogramowanie do wykorzystania buforowania przeglądarki. Jeśli Joomla jest Twoim CMS, możesz włączyć buforowanie przeglądarki na pulpicie nawigacyjnym Joomla: przejdź do System> Konfiguracja globalna i kliknij zakładkę System. Zobaczysz etykietę pamięci podręcznej pod etykietą Ustawienia pamięci podręcznej, w której kliknij, aby otworzyć menu rozwijane i wybierz z listy opcję WŁ. – Konserwatywne buforowanie. Kliknij Zapisz i przejdź do Rozszerzenia> Menedżer wtyczek, gdzie możesz włączyć wtyczkę System – Cache.

Śmieci

18% kupujących porzuci koszyk, jeśli strony są zbyt wolne. Całkowity koszt porzuconych koszyków dla sprzedawców internetowych oszacowano na ponad 20 miliardów dolarów rocznie

Możesz także włączyć buforowanie przeglądarki na poziomie serwera, tzn. Zintegrować buforowanie ze skryptami po stronie serwera, co może pomóc twórcy stron internetowych.

Zasoby statyczne przechowywane w pamięci podręcznej powinny mieć okres buforowania co najmniej jeden tydzień. Możesz to ustawić, dodając nagłówki Expires i ustawiając je na co najmniej tydzień i maksymalnie rok. Najlepszą opcją jest ustawienie późnych czasów wygaśnięcia dla zasobów statycznych, które nie są często aktualizowane, oraz krótkich czasów wygaśnięcia dla zasobów, które są regularnie aktualizowane.

Wygasa Nagłówki informują przeglądarkę, czy należy żądać określonego pliku z serwera, czy z pamięci podręcznej przeglądarki. Informują także przeglądarkę, jak długo musi przechowywać te pliki w pamięci podręcznej, aby nie były ponownie pobierane podczas kolejnych wizyt.

biedna ciężarówka

79% niezadowolonych klientów nie odwiedza już gorszych witryn – z wyjątkiem Google lub Amazon.

Włącz kompresję Gzip

Jeśli kiedykolwiek kompresowałeś pliki na komputerze jako pliki ZIP, musisz wiedzieć, jak bardzo ta metoda może zmniejszyć rozmiar plików. Kompresja Gzip działa dokładnie tak samo, z wyjątkiem stron internetowych. Jest to najlepsza i najskuteczniejsza metoda kompresji, która może znacznie zminimalizuj żądania HTTP i skróć czas odpowiedzi, czasem nawet o 70 procent.

dwa mans

46% niezadowolonych klientów ma trwałe negatywne wrażenie i 44% dzieli się swoimi wrażeniami z zakupów z resztą świata.

Po włączeniu kompresji Gzip pliki Twojej witryny będą automatycznie kompresowane do pliku ZIP. To znacznie zmniejszy ich rozmiar i zwiększy szybkość Twojej witryny. Zostanie zaoszczędzona duża przepustowość, a czas ładowania strony zostanie poprawiony. Gdy ktoś odwiedzi Twoją witrynę, skompresowane pliki zostaną rozpakowane automatycznie, aby można było uzyskać do nich dostęp.

Możesz zainstalować kompresję Gzip na swojej stronie za pomocą odpowiedniej wtyczki kompresji dla twojego CMS, ale możesz również bardzo łatwo zrobić to ręcznie. Istnieją dwa sposoby ręcznego dodania kompresji Gzip do witryny. Pierwszym z nich jest dodanie następującego kodu do pliku .htaccess, jeśli chcesz skompresować tekst, JavaScript, HTML, CSS lub XML:

100 milisekund. Właśnie tak długo? Płat potyliczny w naszym mózgu przechowuje informacje wizualne jako pamięć sensoryczną

Przyspiesz swoją witrynę
Wyświetl Przyspiesz swoją stronę [Infografika]

AddOutputFilterByType DEFLATE tekst / zwykły
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType Aplikacja DEFLATE / xhtml + xml
AddOutputFilterByType Aplikacja DEFLATE / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript

Jeśli chcesz skompresować niektóre typy plików według rozszerzenia, dodaj następujący kod do pliku .htaccess:

<akta *.HTML>
SetOutputFilter DEFLATE
</akta>

Drugim sposobem ręcznego dodania kompresji Gzip do witryny jest dodanie następującego kodu na górze strony HTTP lub PHP:

if (substr_count ($ _SERVER[HTTP_ACCEPT_ENCODING], gzip)) ob_start(ob_gzhandler); jeszcze ob_start();?>

Usuń niepotrzebne wtyczki

100 milisekund
dać zwiedzającym złudzenie natychmiastowej odpowiedzi na stronie

1 sekunda czasu ładowania strony wystarcza do utrzymania płynnego przepływu myśli

W 10 sekund z opóźnieniem uwagę odwiedzających ledwo się utrzymuje. Poczucie niecierpliwości, frustracji i porzucenia jest zazwyczaj wystarczająco silne, aby powstrzymać odwiedzających przed ponownym odwiedzaniem tak powolnych stron internetowych

Każda dodana wtyczka wymaga zasobów do uruchomienia. Jednak więcej zasobów prowadzi do wolniejszej witryny. Jeśli masz zainstalowane wtyczki, których już nie używasz lub nie są potrzebne, powinieneś je dezaktywować i usunąć. Zbyt wiele wtyczek może nie tylko spowolnić działanie witryny, ale może również powodować problemy z bezpieczeństwem i awarie.

Usuwając niepotrzebne wtyczki, możesz znacznie skrócić czas ładowania strony i przyspieszyć witrynę. Powinieneś jednak wiedzieć, że jeśli chodzi o wtyczki, to nie tylko kwestia liczby wtyczek. Możesz mieć 50 wtyczek i nadal mieć szybszą stronę internetową niż ktoś, kto zainstalował 10 wtyczek na swojej stronie. Liczba wtyczek jest ważna, ale jest też coś w ich jakości. Na przykład wtyczki udostępniania społecznościowego mogą znacznie wpłynąć na czas ładowania strony, dlatego warto rozważyć osadzenie przycisków mediów społecznościowych w kodzie źródłowym motywu witryny.

Dlatego należy unikać wtyczek, które ładują wiele skryptów i stylów, wykonują wiele zdalnych żądań i przytłaczają każdą stronę w witrynie, dodając wiele zapytań do bazy danych. Oczywiście, wtyczki przyczyniają się do funkcjonalności twojej strony internetowej i jest całkiem sporo z nich, które mogą pomóc ci ją ulepszyć. Ale zdecydowanie powinieneś zatrzymać tylko te, które uważasz za absolutnie konieczne.

Uwaga: jeśli używasz na przykład Drupal lub Joomla, nie masz żadnych wtyczek do czynienia w pierwszej kolejności. Możesz więc przyspieszyć swoją witrynę, wyłączając moduły lub dodając rozszerzenia optymalizacji prędkości. Najlepszą radą dla Drupala jest nigdy nie uruchamiać więcej niż 50 modułów. Uruchamiaj tylko te, które są absolutnie niezbędne do działania Twojej witryny.

Jeśli chodzi o Joomla, sprawdź następujące rozszerzenia, ponieważ każde z nich może przyspieszyć twoją stronę: JQuery Easy, LLFJ, JavaScript Async and Defer i ScriptsDown.

Minimalizuj żądania HTTP

Prawdziwe życie
Przykłady

Amazon i Walmart zgłosili 1% utrata dochodów na 100ms opóźnienia ładowania strony

Walmart zwiększył liczbę konwersji o 2% dla każdego 1 sekunda poprawy czasu ładowania

Kiedy Mozilla zwiększyła szybkość strony o 2,2 sekundy, Liczba pobrań Firefoksa wzrosła 15,4%, lub 10 milionów na rok!

E-commerce gigantyczna piła Shopzilla 50 procent zmniejszenie budżetu operacyjnego poprzez skrócenie czasu ładowania strony z 7 sekund do 2 sekundy

Strony internetowe mogą działać wolno z powodu zbyt dużej liczby żądań HTTP. Gdy ktoś odwiedza Twoją witrynę, żąda określonych plików. Ich przeglądarka żąda tych plików z twojego serwera za pomocą protokołu HTTP. Pliki te obejmują pliki HTML, CSS i JavaScript. Jeśli masz ich dużo, pojawi się wiele żądań HTTP, a Twoja witryna ostatecznie zostanie spowolniona.

Dlatego należy zminimalizować żądania HTTP. Istnieje kilka doskonałych sposobów na zrobienie tego.

  • Połącz ze sobą skrypty CSS, JS i pliki HTML.
  • W miarę możliwości używaj CSS zamiast obrazów.
  • Zmniejsz liczbę elementów na każdej stronie internetowej.
  • Zainstaluj wtyczkę buforującą.
  • Ogranicz przekierowania, które tworzą dodatkowe żądania HTTP do twojego serwera i wydłużają czas ładowania strony.

Na przykład, jeśli Twoja witryna jest responsywna, użytkownicy mobilni, którzy odwiedzą Twoją witrynę, zostaną przekierowani do jej responsywnej wersji. Możesz podjąć dwa działania, aby tego rodzaju przekierowania nie spowalniały Twojej witryny. Możesz albo skonfigurować przekierowanie HTTP, aby bezpośrednio wysyłać użytkowników mobilnych na adres URL specyficzny dla urządzenia bez żadnych dodatkowych przekierowań, albo skonfigurować przekierowanie JavaScript w celu identyfikacji adresu URL równoważnego z urządzeniem mobilnym i przekierowywać do niego użytkowników mobilnych. Jednak ta ostatnia opcja może powodować opóźnienia, ponieważ strona internetowa musi zostać najpierw pobrana po stronie klienta przekierowania, zanim możliwe będzie wykonanie JavaScript i przekierowanie.

Włącz HTTP Keep-Alive

Gdy serwer internetowy otrzymuje żądanie HTTP z przeglądarki odwiedzającego witrynę, to znaczy, gdy odwiedzający żąda określonego pliku, przeglądarka prosi serwer o zgodę na pobranie pliku. Robi to dla każdego pliku osobno. Zajmuje to dużo pasma i pamięci, nie wspominając o tym, że zużywa więcej mocy obliczeniowej. W końcu powoduje to duże obciążenie serwera i spowalnia witrynę.

HTTP vs HTTPS
Wyświetl HTTP vs HTTPS [Ściągawka]

Możesz przyspieszyć działanie swojej witryny, włączając HTTP Keep-Alive, który utworzy jedno otwarte połączenie dla wielu żądań plików do twojego serwera, co znacznie przyspieszy twoją stronę. Mówiąc najprościej, serwer informuje przeglądarkę, że może pobierać wiele plików jednocześnie, bez nadmiernego obciążenia serwera. Gdy liczba połączeń z serwerem jest ograniczona, zostanie zaoszczędzona duża przepustowość.

Możesz włączyć HTTP Keep-Alive, kopiując i wklejając następujący kod do pliku .htaccess:

<IfModule mod_headers.do>
Zestaw nagłówka Połączenie podtrzymujące połączenie
</ IfModule>

Zminimalizuj pliki JavaScript i CSS

Oto kolejny niesamowity przykład roli, jaką szybkość strony odgrywa w przychodach z witryny. Intuit, firma zajmująca się oprogramowaniem podatkowym, przeprowadziła eksperymenty mające na celu skrócenie czasu ładowania strony:

Intuit zyskiwał za każdą sekundę usuwaną z czasów ładowania
konwersja

czasy ładowania

Jeśli masz mnóstwo plików JavaScript i CSS w swojej witrynie, pojawi się wiele żądań HTTP, gdy odwiedzający witrynę będą chcieli uzyskać dostęp do niektórych plików. Ponieważ ich przeglądarka internetowa traktuje te pliki indywidualnie, te liczne żądania HTTP znacznie spowolnią Twoją witrynę.

Podczas minimalizowania (minimalizowania) żądań HTTP i włączania HTTP, Keep-Alive może znacznie poprawić szybkość Twojej witryny. Powinieneś rozważyć zmniejszenie plików JavaScript i CSS, ponieważ może to również znacznie przyspieszyć twoją stronę. Umieszczając wszystkie pliki JavaScript w jednym pliku JavaScript, a także umieszczając wszystkie pliki CSS w jednym pliku CSS, zmniejszysz ich liczbę. Spowoduje to zmniejszenie liczby żądań HTTP i przyspieszy działanie witryny.

Istnieje wiele narzędzi minimalizujących, które możesz wypróbować, ale możesz zacząć od bezpłatnego i bardzo łatwego w użyciu WillPeavy wtyczka, która może pomóc szybko zminimalizować pliki HTML, CSS i JavaScript. BWP Minify (Better WordPress Minify) to także świetna wtyczka, która może pomóc Ci łączyć i zmniejszać pliki JavaScript i CSS, ale jest to wtyczka tylko dla WordPress.

Zoptymalizuj swoje zdjęcia

Obrazy zajmują dużo pasma. Gdy nie są zoptymalizowane, co oznacza, że ​​są duże, zużywają dużo zasobów serwera i ładują się dłużej. Gdy Twoje zdjęcia nie są zoptymalizowane, Twoja witryna może działać znacznie wolniej.

Dlatego rozważ zmniejszenie rozmiaru swoich zdjęć bez negatywnego wpływu na ich jakość. Możesz to zrobić za pomocą wtyczki, która może kompresować twoje zdjęcia i zapewnić, że nie stracą one jakości.

Jeśli używasz WordPress, spróbuj WP Smush, wtyczka, która automatycznie kompresuje obrazy w momencie przesłania ich do biblioteki multimediów. Z drugiej strony, jeśli używasz Drupala lub Joomli jako CMS, sprawdź Kraken, który jest także doskonałym narzędziem do kompresji obrazów.

Ponadto rozważ użycie duszka CSS, ponieważ mogą one znacznie przyspieszyć twoją stronę. Duszek to jeden plik, który zawiera wszystkie twoje obrazy. Możesz tworzyć duszki za pomocą CSS, który może określać współrzędne i ukrywać wszystko na obrazie z wyjątkiem potrzebnej sekcji. Dlatego wszystkie twoje obrazy zostaną umieszczone w jednym miejscu, a twoje strony internetowe będą ładować się znacznie szybciej, ponieważ jeden duży obraz może być ładowany szybciej niż wiele małych obrazów.

Kiedy ty zoptymalizuj swoje zdjęcia, oprócz ich rozmiaru, musisz skupić się na ich formacie i atrybucie src, który jest adresem URL obrazu. Powinieneś trzymać się formatu JPEG, podczas gdy PNG jest również dobry, ale nie w pełni obsługiwany przez starsze przeglądarki.

użytkownicy mobilni

50% użytkowników mobilnych porzuci stronę, jeśli nie załaduje się w ciągu 10 sekund, a trzy na pięć nie wróci do tej witryny

Jeśli chodzi o atrybut src, musisz upewnić się, że kod jest poprawny. Unikaj pustych kodów src obrazu. Mianowicie, kod obrazu w HTML zawiera następujące elementy:

<img src=””>

Gdy w cudzysłowie nie ma źródła, przeglądarka wysyła zapytanie do katalogu strony lub do samej strony, co może powodować duże obciążenie serwerów, a nawet uszkodzenie danych. Dlatego upewnij się, że zawsze dołączasz „atrybut src” z prawidłowym adresem URL.

Zmień motyw swojej witryny

bogata ciężarówka

Średni czas odpowiedzi dla 14
wiodące w branży mobilne witryny detaliczne
wynosił 4,73 sekundy. Amazon prowadził z
czas reakcji 2,85 sekundy

Temat witryny może również wpływać na szybkość witryny. Bez względu na to, jak dobra jest konfiguracja serwera, jeśli kompozycja witryny ma złożony kod, witryna ładuje się wolno. Nie jest niczym niezwykłym, szczególnie w WordPressie, zmiana niczego poza motywem witryny, tylko po to, aby stwierdzić, że czas ładowania strony znacznie się wydłużył.

Dlatego rozważ zmianę motywu witryny i uczyń wydajność jednym z priorytetów przy wyborze motywu, zamiast patrzeć tylko na estetykę. Możesz sprawdzić szybkość strony pokazu danego motywu za pomocą jednego z narzędzi do testowania prędkości witryny, aby zobaczyć, jak szybko działa motyw.

Użyj CDN

Cierpliwość mobilnych użytkowników internetu

Większość uczestników ankiety czekałaby 6-10 sekund, zanim opuści strony

30%

30%

16-20 sekund

20 $

20%

20 + sekund

16%

16%

1-5 sekund

16%

16%

11-15 sekund

15%

15%

11-15 sekund

3%

3%

ankietowanych powiedziało, że przed opuszczeniem strony zaczekają mniej niż sekundę na załadowanie strony.

CDN (Content Delivery Network) to sieć wielu serwerów zlokalizowanych na całym świecie, które dostarczają treści internetowe użytkownikom końcowym zgodnie z ich lokalizacją geograficzną. CDN może przechowywać pliki statyczne z Twojej witryny, aby dostarczać je bardziej efektywnie i zmniejszać przepustowość i obciążenie serwera.

W przypadku sieci CDN żądana treść internetowa zostanie dostarczona użytkownikom końcowym znacznie szybciej, ponieważ sieć CDN użyje serwera najbliższego użytkownikom do dostarczenia żądanych plików. W rezultacie nie tylko nie będzie żadnych opóźnień, ale Twoja witryna stanie się znacznie szybsza. Wynika to z faktu, że odwiedzający będą uzyskiwać dostęp do pamięci podręcznej zamiast żądać plików bezpośrednio z serwera.

Dlatego korzystając z sieci CDN zaoszczędzisz dużo przepustowości i znacznie skrócisz czas ładowania strony i szybkość witryny. Możesz przechowywać pliki CSS i JavaScript w sieci CDN, a także obrazy, filmy, pliki PDF i inne rodzaje przesyłanych treści.

Korzystanie z sieci CDN może być bardzo kosztowne, ale ma wiele zalet, więc jest warte każdego grosza, zwłaszcza jeśli zdarzy się, że używasz dużej przepustowości. Tak więc, jeśli masz dużą stronę internetową i dużą liczbę odwiedzających, CDN jest Twoją drogą.

Ogranicz skrypty zewnętrzne

Zewnętrzne skrypty, które dodajesz do swojej witryny w postaci kodów JavaScript, wysyłają żądania HTTP za każdym razem, gdy ładujesz strony. Jak już wiesz, spowalnia to działanie Twojej witryny. Te zewnętrzne skrypty mogą być zewnętrznymi systemami komentowania, wyskakującymi okienkami, czcionkami zewnętrznymi, usługami analizy witryn internetowych, polami mediów społecznościowych, takimi jak Facebook „polub moją stronę” i wiele innych.

Chociaż z pewnością nie powinieneś eliminować wszystkich zewnętrznych skryptów, powinieneś je zmniejszyć, ponieważ pomoże to przyspieszyć twoją stronę. Możesz na przykład użyć narzędzia Pingdom, aby sprawdzić, które zewnętrzne skrypty ładują się najdłużej, a jeśli są niepotrzebne, możesz je wyeliminować.

Osadzanie filmów i innych plików multimedialnych ze stron internetowych, które są wolne, może negatywnie wpłynąć na szybkość witryny. Aby skrócić czas ładowania strony, pamiętaj, aby zamawiać pliki zewnętrzne tylko z szybkich i niezawodnych stron internetowych. Możesz także rozważyć ograniczenie liczby zewnętrznych żądań, które Twoja witryna generuje.

Napraw uszkodzone linki

wifi

50% 1-sekundowego budżetu czasu ładowania strony na urządzenia mobilne jest zajęty przez obciążenie sieci.

Uszkodzone linki w treści nie mogą spowalniać witryny, ale mogą znacznie wpłynąć na wygodę użytkownika, dlatego należy zwrócić szczególną uwagę na wszystkie z nich. Jednak niedziałające linki w CSS, JavaScript i obrazach URL mogą negatywnie wpłynąć na szybkość Twojej witryny. Regularnie skanuj swoje linki i napraw je, gdy tylko je zauważysz.

Uszkodzone linki najczęściej występują w plikach źródłowych obrazów, co dzieje się, gdy adres URL jest nieprawidłowy. Łącza te można łatwo przeoczyć, zwłaszcza gdy rozmiar określonego obrazu jest zdefiniowany jako bardzo mały. Gdy na obrazie jest uszkodzony link, to znaczy, gdy pojawia się błąd 404, ten uszkodzony link powoduje zmarnowaną odpowiedź z żądania HTTP, co spowalnia działanie witryny. Przeglądarka próbuje pobrać obraz, który jest niedostępny, więc twoja strona internetowa spędza więcej czasu próbując pobrać obraz, spowalniając witrynę.

telefon

99% problemy z czasem reakcji są nadal spowodowane zbyt wolnym interfejsem użytkownika

Zepsute linki można również znaleźć w znacznikach linków CSS w nagłówku dokumentów HTML. Podobnie jak w przypadku plików graficznych, jeśli twój plik CSS nie znajduje się w miejscu, do którego masz link, żądanie HTTP spowoduje bezużyteczną odpowiedź i zwróci kod 404. Szczególnie ważne jest regularne sprawdzanie, czy nie ma uszkodzonych linków, jeśli używasz wielu zewnętrznych plików CSS, ponieważ można je przenieść i spowodować błąd 404.

Jeśli w źródłowym adresie URL JavaScript jest uszkodzony link, twoja witryna może zostać spowolniona, tak jak w przypadku plików źródłowych obrazów i linków CSS. Ale przeglądarka może również próbować interpretować JavaScript i powodować nie tylko dłuższy czas pobierania, ale także złe interakcje ze skryptem. Gdy przeglądarka próbuje załadować stronę 404 zamiast JavaScript, wszystkie inne pliki do pobrania zatrzymują się do momentu zakończenia ładowania strony 404. Dlatego zawsze powinieneś umieszczać JavaScript na dole dokumentów HTML (tuż przed zamknięciem tag), co jest szczególnie ważne, gdy w grę wchodzą niedziałające linki.

Możesz sprawdzić, czy nie ma uszkodzonych linków WordPress Broken Link Checker za darmo.

prędkościomierz

Wdrożenie zautomatyzowanego rozwiązania optymalizacji front-end wraz z CDN może przyspieszyć strony nawet czterokrotnie

Czasami jednak uszkodzone linki nie są wychwytywane przez kontrolery uszkodzonych linków, więc najlepszym sposobem na ich sprawdzenie jest regularne sprawdzanie dzienników serwera. Istnieje kilka narzędzi, których można użyć do skanowania w poszukiwaniu adresów URL zawierających błędy 404, aby zobaczyć, które strony je powodują, a następnie podjąć działania w celu ich natychmiastowej naprawy.

Wyłącz Hotlinkowanie

Jeśli nie wyłączysz hotlinkowania, zezwalasz innym użytkownikom na korzystanie z treści hostowanych na Twoim serwerze w ich własnych witrynach. Pozwalając im praktycznie korzystać z Twoich serwerów i treści w ich witrynach, będziesz obciążać serwer bez żadnego powodu.

Właśnie dlatego powinieneś wyłączyć hotlinkowanie i zapobiec kradzieży zasobów twojego serwera. Aby to zrobić, musisz jednak dodać niezbędny kod do swojego serwera. Istnieje kilka narzędzi, które mogą pomóc Ci wygenerować odpowiedni kod, ale twój dostawca usług hostingowych może ci w tym pomóc.

planety

79% z najlepszych 400 witryn e-commerce w UE i 75% spośród 2000 najlepszych witryn e-commerce w USA nie korzysta z uznanej sieci CDN

Hotlinkowanie zwykle obejmuje obrazy i inne pliki multimedialne, które zazwyczaj zajmują dużo przepustowości. Dlatego jeśli prowadzisz witrynę z kilkoma obrazami lub bez nich, wyłączenie hotlinkowania nie wpłynie na szybkość Twojej witryny.

Mówiąc o hotlinkowaniu, nie należy go po prostu wyłączać, ale należy go całkowicie unikać. Zamiast umieszczać linki do zdjęć w czyjejś witrynie, załaduj je na własny serwer. Może ci się wydawać, że linki do obrazów zaoszczędzą ci dużo przepustowości, ale mogą spowolnić twoją stronę, jeśli strona z obrazem, do którego się odnosisz, jest powolna i zawodna. Co więcej, mogą wystąpić przestoje lub awarie, dlatego zawsze ładuj każdy obraz na swój serwer przed połączeniem z nim.

Użyj niezawodnego CMS

Komputer

Tylko 10% okres oczekiwania jest określony przez odpowiedź HTML na żądania przeglądarki, a pozostała część 90% opóźnienia spowodowane jest renderowaniem stron, analizowaniem kodu HTML, wykonywaniem skryptów kodu i odzyskiwaniem osadzonych zasobów

CMS (system zarządzania treścią) ma kluczowe znaczenie dla funkcjonalności i wydajności witryny. Najlepszym i najbardziej niezawodnym CMS, którego możesz użyć, jest na pewno WordPress, ale są też inne doskonałe CMS, takie jak Drupal i Joomla. Jeśli użyjesz któregokolwiek z nich jako platformy witryny, zrobisz to dobrze dzięki wydajności witryny.

Jeśli jednak korzystasz z innego mniej popularnego CMS, a nawet z czegoś, co sam stworzyłeś, ryzykujesz, że strona internetowa będzie bardzo powolna. Aby tego uniknąć, należy przeprowadzić dokładne badania i wybrać CMS, który jest niezawodny i najlepiej odpowiada Twoim potrzebom.

Co ważne, jeśli chodzi o system CMS, należy regularnie sprawdzać najnowsze aktualizacje. Upewnij się, że skrypty Twojej witryny są aktualne, ponieważ ciągle pojawiają się nowe wersje w celu ulepszania witryn i przyspieszania ich. Dlatego regularnie aktualizuj skrypty swojej witryny. Ale zawsze upewnij się, że masz najpierw swoje kopie zapasowe.

archiwum

Kompresja obrazu powinna być przemyślanym kompromisem między rozmiarem obrazu a jakością. W przypadku plików JPG kompresja 60–70 procent zapewnia dobrą równowagę. W przypadku ekranów siatkówki należy zwiększyć rozmiar obrazu (JPG) o 150-200 procent, skompresować o 30-40 procent i przeskalować go ponownie zgodnie z wymaganymi wymiarami.

Zoptymalizuj swoją bazę danych

Optymalizacja bazy danych to kolejny bardzo skuteczny sposób na przyspieszenie witryny. Jest to coś, co powinieneś robić regularnie, szczególnie jeśli korzystasz z WordPressa lub innego CMS-a, który w dużej mierze opiera się na wykorzystaniu bazy danych.

Kiedy korzystasz z takiego CMS lub nawet skomplikowanych wtyczek, dane w bazie danych rosną, a twoja strona staje się wolniejsza. Jest to szczególnie prawdziwe w przypadku wtyczek, które zapisują dane użytkownika, statystyki i dzienniki, ponieważ mogą zajmować dużo miejsca na dane. Zanim się zorientujesz, Twoja baza danych zostanie zapełniona trackbackami, pingbackami, zmianami postów, elementami kosza i niezatwierdzonymi komentarzami, co może znacznie spowolnić twoją stronę.

Dlatego regularnie czyść bazę danych, ale zawsze najpierw wykonaj kopię zapasową plików. Nigdy nie rób nic z bazą danych przed jej utworzeniem. Istnieje wiele wtyczek, które mogą pomóc zoptymalizować bazę danych, więc przeszukaj swoje badania i znajdź odpowiednie dla używanego CMS.

Jeśli używasz na przykład WordPress, możesz zautomatyzować czyszczenie bazy danych za pomocą bardzo przydatnej wtyczki, takiej jak Optymalizacja WP.

Wniosek

Posiadanie szybkiej strony internetowej nigdy nie było ważniejsze niż obecnie. Ludzie oczekują, że witryny będą szybkie jak błyskawica, a jeśli nie spełnisz ich oczekiwań, ryzykujesz utratą dużej ilości ruchu w witrynie, a ostatecznie lojalnych obserwujących lub przychodów. Dlatego upewnij się, że zapewniasz odwiedzającym witrynę bezproblemową obsługę, zwiększając szybkość witryny i wyróżniając się z tłumu.

Z pewnością można zwiększyć szybkość witryny, ale wymienione powyżej są najbardziej niezbędne i najbardziej skuteczne. Mogą wydawać się drobnym problemem, gdy są rozpatrywane osobno, ale w połączeniu możesz być pewien, że zrobią ogromną różnicę i znacznie przyspieszą twoją stronę internetową.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map