pl.allworldrating.com
Artykuły

Szybkość ładowania witryny. 4 główne czynniki.

Tagi: SEO

Szybkość ładowania witryny. Jak zwiększyć prędkość pobierania? Główne problemy.

Zalecana prędkość ładowania strony Google - 2 sekundy. (a teraz spójrz na swoją prędkość)

(Jak sprawdzić szybkość ładowania strony?Najprostszym i najszybszym sposobem jest otwarcie narzędzia programistyczne CTRL+SHIFT+INastępnie wybierz kartę „Sieć”, a następnie odśwież stronę, aby zobaczyć prędkość pobierania, której potrzebujesz, aby odświeżyć stronę, Odśwież bez pamięci podręcznej: musisz nacisnąć CTRL + F5 / CTRL + R. A poniżej będzie prędkość pobierania.)

Sprawdź szybkość ładowania strony
korzystając z usługi od Google: PageSpeed ​​Insights

(infografika zaczerpnięta z seoprofy ©2014)

Główne punkty, które mają największy wpływ:

  1. Pamięć podręczna
  2. css (style)
  3. JS (skrypty)
  4. Obrazy (ich waga, rozmiar - tak, dokładnie rozmiar HxW, Metadane - tak, jest coś takiego, to są ich informacje takie jak: Data, tytuł, temat itp.)

Aby nie malować wielu zbędnych informacji o małych momentach, które nie wpływają szczególnie lub mają znikomy efekt, nie będę o nich pisał.

#1 GOTÓWKA

buforowanie (lubPamięć podręczna) to bufor (miejsce), w którym przechowywane są wszelkie dane. W naszym przypadku są to obrazy, kod, style i nie tylko.

Najłatwiejszym to, co możesz zrobić sam, to włączyć buforowanie na hostingu.
(Jeśli masz hosting Ukraine.com.ua, musisz przejść do „ustawienia strony” -> „ustawienia podstawowe” i tam pojawi się pozycja „Caching” i tam wybrać wymagany czas, przez który twoja strona będzie być buforowany. Od siebie polecam ustawienie na 2 tygodnie - przy tym okresie buforowania statystyki szybkości strony google dodają dużo punktów.)

inne metody związane z htaccess, tagami przeglądarki itp. można znaleźć w Internecie w wielu artykułach i nie widzę sensu w przemalowywaniu. O rodzajach buforowania możesz przeczytać w artykule na temat Habré.

#2 CSS (style)

CSS - (Cascading Style Sheets - kaskadowe arkusze stylów).
Co można zrobić ze stylami?
Dobrze Po pierwsze ścisnąć je.
Po drugie zmniejszyć liczbę plików, tj. scalaj jak najwięcej, aby zmniejszyć liczbę połączeń z serwerem.
Po trzecieosadź główne style, które wpływają na wyświetlanie widocznej części pierwszego ekranu bezpośrednio w , a resztę pozostaw w pliku.

Zostawiam też kilka przydatnych linków:

  • usługi kompresji css
  • jak skompresować pliki css

#3 JS (skrypty)

Tutaj mamy również kilka sposobów na optymalizację skryptów.

  1. Odłóż ładowanie skryptu. Nadmuchaj go jak najniżej, odłóż za lub nawet niżej czasami pomaga, czasami nie wchodzi w grę. Ale punkt numer 2 przychodzi na ratunek.
  2. ASYNC – asynchroniczne ładowanie skryptów. Odbywa się to za pomocą parametru „async”