Przyczyny i rozwiązania Semalt spowalniają strony internetowe


Spis treści

1. Wprowadzenie
2. Przyczyny i rozwiązania spowalniających strony internetowe
  • Za dużo żądań HTTP
  • Duże pliki multimedialne
  • Za dużo wtyczek
  • Problemy z JavaScriptem
  • Nie używasz technik buforowania
  • Nie używasz CDN
  • Niezoptymalizowany CSS
  • Zagracona strona główna
  • Nieczyste kodowanie
3. Wniosek

1. Wstęp

Nie możesz odnieść prawdziwego sukcesu jako właściciel witryny, jeśli masz strony, które ładują się wiecznie. Dawno minęły czasy, kiedy użytkownicy musieli znosić frustrujące doświadczenie powolnej witryny internetowej. Ostatnie badania wykazały, że większość użytkowników opuszcza witrynę, jeśli ładowanie trwa dłużej niż trzy sekundy. Znaczenie jest proste; w XXI wieku najważniejsza jest prędkość.

Szybkość strony wpływa na to, jak wyszukiwarki pozycjonują Twoją witrynę. Wpływa również na widoczność i wiarygodność Twojej witryny. Wolna witryna może skutkować spadkiem przychodów, ponieważ 40% użytkowników opuści witrynę, jeśli ładowanie zajmie więcej niż 2-3 sekundy. Zapewnisz również odwiedzającym witrynę negatywne wrażenia, zmniejszając prawdopodobieństwo powrotu do niej.

Za wolne witryny odpowiedzialne jest wiele czynników. Czytaj dalej, aby dowiedzieć się, jakie są te czynniki i jak je naprawić.

2. Przyczyny i rozwiązania powolnych witryn internetowych

  • Za dużo żądań HTTP
Jest to częsta przyczyna powolnych witryn internetowych. Gdy masz tak wiele obrazów JavaScript i CSS, może to spowolnić czas ładowania witryny, ponieważ przeglądarka żąda załadowania każdego z tych plików za każdym razem, gdy ktoś odwiedza Twoją witrynę. 80% czasu ładowania Twojej witryny jest związane z pobieraniem tych elementów.
Aby rozwiązać ten problem, zminimalizuj liczbę żądań HTTP. Jeśli korzystasz z przeglądarki Chrome, użyj ustawień narzędzia programisty, aby dowiedzieć się, ile żądań Twoja witryna obecnie wysyła dla każdego wyszukiwania, a następnie zmniejsz tę liczbę tak bardzo, jak to możliwe.

Możesz też spróbować połączyć niektóre z nich. Możesz zmniejszać i łączyć pliki w kodzie HTML, CSS i JavaScript, ponieważ pliki te zwiększają liczbę żądań wysyłanych przez witrynę podczas każdej wizyty. Możesz także usunąć niepotrzebne przekierowania, ponieważ przyczyniają się one do spowolnienia czasu ładowania lub użytkowania Analizator stron WWW firmy Semalt prowadzenie diagnostyki i proponowanie rozwiązań.

  • Duże pliki multimedialne
To jeden z najczęstszych winowajców powolnej witryny. Zbyt wiele niezoptymalizowanych obrazów lub filmów zmniejsza szybkość ładowania witryny, ponieważ podczas wczytywania obrazy będą zużywać dużo przepustowości. Jeśli często przesyłasz duże pliki przed próbą ich skompresowania, niepotrzebnie zwiększasz rozmiar witryny, co wpłynie na jej szybkość.
Aby rozwiązać ten problem, zoptymalizuj pliki multimedialne, kompresując je przed przesłaniem do witryny internetowej. Twoje obrazy nie powinny być większe niż 100 KB. Istnieje wiele narzędzi online, których możesz użyć do optymalizacji swoich obrazów. Możesz użyć bezpłatnego narzędzia do kompresji obrazu o nazwie TinyJPG, aby zmniejszyć rozmiar obrazu przed ich przesłaniem. Jeśli prowadzisz witrynę WordPress, możesz użyć WP Smush.
Należy również zwrócić uwagę na format obrazu, ponieważ formaty obrazów PNG lub GIF są znacznie większe w porównaniu z formatem JPG, dlatego użycie formatu obrazu JPG może pomóc w szybszym ładowaniu witryny. Możesz użyć graficznych aplikacji do edycji, takich jak Photoshop, aby wybrać żądany format obrazu. W programie Photoshop jest dostępna opcja „Zapisz do użytku w Internecie i na urządzeniach”, która umożliwia obniżenie jakości obrazu przed przesłaniem go do witryny.
  • Za dużo wtyczek
Zbyt wiele wtyczek może być kolejnym powodem powolnego działania witryny. Jeśli masz różne wtyczki kontrolujące różne funkcje witryny, może to obciążać witrynę i powodować jej wolniejsze ładowanie. Dzieje się tak, ponieważ wtyczki zwiększają ilość pracy, jaką Twoja witryna musi wykonać podczas ładowania. Wtyczki mogą również przeszkadzać w przechwytywaniu stron w Twojej witrynie, zmniejszając jej szybkość.
Nie daj się ponieść tysiącom wtyczek, które oferują niesamowite funkcje dla Twojej witryny i przeciążają witrynę zbyt wieloma wtyczkami. Zamiast tego miej wtyczkę typu `` wszystko w jednym '', która może wydajnie wykonywać pracę. Jedną wtyczką, której możesz użyć do tego celu, jest MalCare. Umożliwia zarządzanie witryną WordPress, a także chroni ją przed hakerami i złośliwym oprogramowaniem.
  • Problemy z JavaScriptem
JavaScript to ważne narzędzie, które sprawia, że ​​witryna jest funkcjonalna i bardziej interaktywna dla użytkowników. Ułatwia ładowanie danych dynamicznych przez AJAX, a także dodaje efekty specjalne do strony. Jeśli jednak nie jest dobrze obsługiwany, JavaScript może stanowić problem dla Twojej witryny.

Może uniemożliwić ładowanie stron tak szybko, jak powinno, ponieważ przeglądarka musi w pełni załadować każdy plik JavaScript, zanim będzie mógł wyświetlić stronę internetową. Niezoptymalizowany kod JavaScript może skutkować tak zwanym kodem JavaScript blokującym renderowanie lub JavaScript, który opóźnia strony, gdy użytkownicy próbują je otworzyć w przeglądarkach.
Aby rozwiązać ten problem, powinieneś:
  • Użyj wbudowanego JavaScript zamiast zewnętrznych plików JavaScript.
  • Sprawdź swoje pliki JavaScript, aby sprawdzić, czy jest ktoś, kto nie jest tak ważny, abyś mógł się ich pozbyć.
  • Kompresowanie JavaScript również pomoże, zainstaluj kompresor YUI i użyj go do crunchowania plików.
  • Użyj asynchronicznego ładowania plików JavaScript.
  • Odroczenie ładowania JavaScript; jeśli zablokujesz ładowanie JavaScript do czasu załadowania innych elementów, zwiększysz szybkość swojej strony.

  • Nie używasz technik buforowania
Kiedy włączysz buforowanie przeglądarki, Twoja przeglądarka może przechowywać statyczne kopie plików Twojej witryny na dysku twardym lub w pamięci podręcznej. W ten sposób może wyświetlać dane z pamięci podręcznej zamiast wysyłać kolejne żądanie HTTP do serwera za każdym razem, gdy użytkownik odwiedza Twoją witrynę.

Możesz łatwo włączyć buforowanie za pomocą wtyczek, takich jak W3 Total Cache. To zadziała najlepiej, jeśli korzystasz z witryny WordPress. W3 Total Cache twierdzi, że szybkość stron użytkowników była dziesięciokrotnie lepsza niż przed użyciem wtyczki.
Aby zapisać wersję swojej witryny w pamięci podręcznej w przeglądarce użytkownika i przejść do ustawień ogólnych. Wybierz pamięć podręczną przeglądarki, kliknij pole „Włącz” Zauważ, że możesz określić czas, przez jaki plik ma być przechowywany w pamięci podręcznej gościa. Wszystko, co musisz zrobić, to dodać wiersz informujący przeglądarkę, jak długo plik ma pozostawać w pamięci podręcznej użytkownika.
  • Nie używasz CDN
Sieć dostarczania treści umożliwia przechowywanie kopii witryny internetowej na różnych serwerach rozmieszczonych w kilku strategicznych lokalizacjach, dzięki czemu strony mogą się szybko wczytywać, gdy użytkownicy z dala od głównego serwera próbują uzyskać dostęp do witryny. Hostowanie witryny tylko na jednym serwerze może spowolnić szybkość strony, ponieważ wszyscy odwiedzający witrynę wysyłają żądania do tego samego serwera, co może spowodować duży ruch w witrynie, wydłużając czas przetwarzania żądań użytkowników i prowadząc do za spowolniony czas ładowania.
Aby rozwiązać ten problem, najlepiej użyć CDN. Dzięki CDN możesz łatwo buforować dane na różnych serwerach i uniknąć zablokowania serwera głównego przez zbyt dużą liczbę żądań. Oznacza to, że gdy użytkownik zażąda pliku z Twojej witryny, jego przeglądarka może pobrać go z serwera znajdującego się najbliżej niego. Cloudflare i MaxCDN to dobre opcje CDN, których możesz użyć.
  • Niezoptymalizowany CSS
Kaskadowy arkusz stylów (CSS) ma wiele wspólnego z wyglądem Twojej witryny. Udostępnia przeglądarce instrukcje dotyczące rozmiaru czcionki, koloru, menu, nagłówka, stopki i innych szczegółów dotyczących wyglądu Twoich stron internetowych. Pliki CSS mogą być bardzo długie i zawierać wiele wierszy kodu. Może to znacznie zmniejszyć szybkość ładowania strony.
Możesz zoptymalizować CSS, łącząc wszystkie swoje obrazy w jeden duży plik za pomocą obrazów Sprite. Kolejną wskazówką jest skompresowanie pliku CSS do nowego ze zredukowanymi białymi spacjami. Możesz to zrobić za pomocą minifier CSS, takich jak CSS Nano. Sprawdź swoje pliki i kody CSS i pozbądź się niepotrzebnych plików lub duplikatów.
  • Zagracona strona główna
Jeśli Twoja witryna ładuje się bardzo wolno, prawdopodobnie oznacza to, że przeoczyłeś ilość bałaganu na stronie głównej i być może na całych stronach witryny.

Wielu programistów internetowych wypełnia swoją stronę główną różnymi oszałamiającymi obrazami, widżetami i zawartością, a wszystko to, aby zrobić imponujące pierwsze wrażenie na odwiedzających ich witrynę. Chociaż dobrze jest mieć atrakcyjną stronę główną, przesadzenie i zaśmiecanie jej różnymi treściami może negatywnie wpłynąć na czas ładowania witryny.
Im więcej elementów masz na swojej stronie głównej, tym więcej czasu zajmie jej załadowanie. Zawsze lepiej jest zachować prostotę. Trzymaj się podstaw i wyeliminuj wszystkie niepotrzebne elementy ze strony głównej, a także zeskanuj wszystkie strony w swojej witrynie i uporządkuj je, aby umożliwić szybsze ładowanie witryny.

  • Nieczyste kodowanie
Jeśli Twoja witryna jest wypełniona nadmiernymi białymi spacjami, stylami wbudowanymi pustymi nowymi wierszami i niepotrzebnymi komentarzami, to tak, doświadczysz powolnej witryny. Każda strona internetowa jest tworzona z dużą ilością kodów. Na przykład Google jest zbudowany na 2 miliardach linii kodów. Niektórzy programiści tworzą strony internetowe, które zawierają nadmierną liczbę linii kodu, które nie wykonują żadnych głównych funkcji. Te gęste, obszerne kody mogą spowolnić szybkość ładowania witryny.

Rozwiązaniem tego problemu jest wyeliminowanie wszystkich niepotrzebnych elementów z kodów, takich jak dodatkowe spacje, puste nowe wiersze i niepotrzebne komentarze. Istnieje wiele narzędzi, których możesz użyć do czyszczenia kodów. Mark-up to niesamowite narzędzie, którego możesz użyć do tego celu. Możesz także współpracować z doświadczonym programistą internetowym, takim jak Semalt by upewnić się, że witryna jest dobrze zakodowana.

3. Wniosek

Każda strona internetowa musi być zoptymalizowana pod kątem jak największej szybkości, ale nie można tego zrobić bez odpowiedniej wiedzy na temat czynników odpowiedzialnych za powolne ładowanie witryny. Jeśli Twoja witryna ładuje się bardzo wolno, nie panikuj. Po prostu użyj wyżej wymienionych czynników jako wskazówek, aby zrozumieć przyczynę opóźnienia i napraw je, korzystając ze wskazówek wymienionych w każdym punkcie.

mass gmail