wskazówki, jak poprawić szybkość witryny / jak przyspieszyć witryny

jak programiści mogą szybciej ładować swoje witryny?

Szybkość witryny ma ogromny wpływ na doświadczenie użytkownika, SEO i współczynniki konwersji. Poprawa wydajności witryny jest niezbędna do przyciągnięcia ruchu do witryny i utrzymania zaangażowania odwiedzających witrynę. Poniżej przedstawiamy kroki, które programiści mogą podjąć, aby przyspieszyć witrynę:

Test wydajności witryny

testy szybkości witryny oceniają wydajność witryny. Regularne testowanie witryny może pomóc programistom śledzić obniżki lub ulepszenia wydajności. Test prędkości powinien również pomóc programistom zidentyfikować niektóre lub wszystkie obszary spowalniające wydajność witryny i obszary wymagające poprawy.

istnieje wiele wysokiej jakości testów prędkości witryny do pomiaru wydajności, wiele z nich jest bezpłatnych. WebPageTest.org (który współpracuje z Cloudflare) ma kilka bezpłatnych testów i produkuje szczegółowe podziały, jak szybko poszczególne elementy ładowania strony. WebPageTest.org umożliwia również programistom testowanie stron internetowych pod kątem różnych urządzeń i prędkości połączenia sieciowego.

Google oferuje również PageSpeed Insights do szczegółowego testowania wydajności. Google Chrome DevTools może również pomóc programistom w ocenie wydajności ich witryny; Karta sieć pokazuje wszystkie żądania HTTP, jak duże są żądane zasoby i jak długo trwają żądania, zanim zostaną spełnione.

Użyj sieci CDN (content delivery network)

sieci CDN zwiększają szybkość witryn internetowych, buforując zawartość w wielu lokalizacjach na całym świecie. Serwery buforowania CDN zazwyczaj znajdują się bliżej użytkowników końcowych niż host lub serwer origin. Wnioski o treści trafiają do serwera CDN zamiast do serwera hostingowego, który może być oddalony od użytkownika o tysiące kilometrów i w wielu autonomicznych sieciach. Korzystanie z CDN może spowodować znaczne skrócenie czasu ładowania strony.

Optymalizuj obrazy

obrazy zawierają duży procent ruchu internetowego i często trwają najdłużej, aby załadować je na stronę internetową, Ponieważ pliki obrazów są zwykle większe niż pliki HTML i CSS. Na szczęście czas ładowania obrazu można skrócić poprzez optymalizację obrazu. Optymalizacja obrazów zazwyczaj polega na zmniejszeniu rozdzielczości, kompresji plików i zmniejszeniu ich wymiarów, a wiele optymalizatorów obrazu i kompresorów obrazu jest dostępnych za darmo online.

Minifikacja plików CSS i JavaScript

Minifikacja kodu oznacza usunięcie wszystkiego, czego komputer nie potrzebuje, aby zrozumieć i wykonać kod, w tym komentarzy do kodu, spacji i niepotrzebnych średników. To sprawia, że pliki CSS i JavaScript są nieco mniejsze, dzięki czemu ładują się szybciej w przeglądarce i zajmują mniej przepustowości. Samo minifikacja spowoduje jedynie minimalne ulepszenia prędkości. Jednak zaimplementowane wraz z tymi innymi wskazówkami, spowoduje to lepszą wydajność witryny.

jeśli to możliwe zmniejsz liczbę żądań HTTP

większość stron internetowych wymaga od przeglądarek wykonywania wielu żądań HTTP dla różnych zasobów na stronie, w tym obrazów, skryptów i plików CSS. W rzeczywistości wiele stron internetowych będzie wymagało dziesiątek tych żądań. Każde żądanie powoduje podróż w obie strony do i z serwera hostującego zasób, co może zwiększyć ogólny czas ładowania strony internetowej. Dodatkowo, przy zasobach ładowanych od kilku różnych dostawców, problem z jednym z hostów może wpłynąć na zdolność strony do szybkiego ładowania lub w ogóle.

z powodu tych potencjalnych problemów całkowita liczba zasobów, które każda strona musi załadować, powinna być ograniczona do minimum. Test prędkości powinien również pomóc określić, które żądania HTTP zajmują najwięcej czasu. Na przykład, jeśli obrazy powodują powolne ładowanie strony, programiści mogą szukać szybszego rozwiązania hostingu obrazów (takiego jak CDN).

użyj buforowania HTTP przeglądarki

pamięć podręczna przeglądarki jest tymczasowym miejscem przechowywania, w którym przeglądarki zapisują kopie plików statycznych, dzięki czemu mogą znacznie szybciej ładować ostatnio odwiedzane strony internetowe, zamiast ciągle żądać tej samej zawartości. Programiści mogą poinstruować przeglądarki, aby buforowały elementy strony internetowej, które nie będą się często zmieniać. Instrukcje buforowania przeglądarki znajdują się w nagłówkach odpowiedzi HTTP z serwera hostingowego. To znacznie zmniejsza ilość danych, które serwer musi przesłać do przeglądarki, skracając czas ładowania dla użytkowników, którzy często odwiedzają niektóre strony.

Minimalizuj włączenie zewnętrznych skryptów

wszelkie Skryptowe elementy strony internetowej, które są ładowane z innego miejsca, takie jak zewnętrzne systemy komentowania, przyciski CTA lub wyskakujące okienka generowania leadów, muszą być ładowane za każdym razem, gdy Strona się ładuje. W zależności od rozmiaru skryptu mogą one spowolnić stronę internetową lub spowodować, że strona nie załaduje się na raz (nazywa się to „skokiem treści” lub „zmianą układu” i może być szczególnie frustrujące dla użytkowników mobilnych).

nie używaj przekierowań, jeśli to możliwe

przekierowanie jest wtedy, gdy odwiedzający jedną stronę internetową otrzymują przekierowanie na inną stronę. Przekierowania dodają kilka ułamków sekundy, a czasem nawet całe sekundy, do czasu ładowania strony. Podczas tworzenia strony internetowej zoptymalizowanej pod kątem wydajności liczy się każda sekunda. Przekierowania są czasami nieuniknione, ale nie powinny być używane, jeśli nie jest to konieczne.