Articles

Jak określić rozmiar strony internetowej

by admin

dużo mówię o rozmiarze strony internetowej. Ale co to znaczy? Pozwól, że ci wyjaśnię i pokażę, jak możesz to sprawdzić.

rozmiar strony internetowej to rozmiar plików załadowanych do wyświetlenia strony. Może istnieć różnica między przesłanym rozmiarem a rzeczywistym rozmiarem plików (powiedzmy rozpakowanych), ale więcej na ten temat znajdziesz w poście „making of”.,

istnieją 2 sposoby, aby sprawdzić, jaki jest rozmiar strony internetowej:

  1. za pomocą narzędzia online
  2. za pomocą konsoli przeglądarki

spójrzmy na oba szczegóły.

Sprawdź online

dostępne są narzędzia online do sprawdzania rozmiaru strony internetowej. Na przykład, można to zrobić za pomocą https://tools.pingdom.com. Wpisz lub wklej adres URL strony, którą chcesz sprawdzić i gotowe. Otrzymasz wiele danych, wśród których rozmiar strony.

zrobiłem to dla tej strony i dało mi 23 kb., Dokładne wartości mogą się różnić między narzędziami i drugą metodą poniżej. Różnice będą jednak stosunkowo niewielkie, szczególnie w przypadku dużych stron. Będziesz miał dobry pomysł, czy jest to mała czy duża strona.

sprawdź to w swojej przeglądarce

ta jest bardziej złożona i może działać inaczej w zależności od przeglądarki. Poprowadzę Cię przez ten proces.

  1. najpierw chodźmy incognito. Możesz mieć pewne rozszerzenia lub dodatki w przeglądarce, które również ładują rzeczy., Zwykle są wyłączone w trybie incognito.
  2. kliknij prawym przyciskiem myszy i wybierz opcję Inspect element lub coś podobnego. Spowoduje to otwarcie dodatkowego okna lub paska bocznego z informacjami o strukturze HTML strony internetowej.
  3. w dodatkowym oknie znajduje się kilka zakładek. Potrzebujesz tego o nazwie Network. Pamiętaj, aby wyłączyć pamięć podręczną przeglądarki-zwykle jest to domyślne-aby twoja przeglądarka ładowała wszystko czysto.
  4. odśwież stronę.
  5. na dole okna znajdziesz wynik, którego szukałeś., Istnieją prawdopodobnie 2 wartości, które mogą być takie same w zależności od tego, czy transfer odbywa się w specjalnym formacie spakowanym, czy nie:
    • Rozmiar transferu: jest to ilość plików, które są faktycznie przesyłane. To właśnie chciałeś wiedzieć, ponieważ ma to największy wpływ, ponieważ ta kwota jest przenoszona z serwera.
    • Rozmiar zasobów: jest to rzeczywisty rozmiar plików używanych do budowy strony.,

rozmiar tej strony

Ok, jest to rodzaj początku, ale sprawdziłem rozmiar transferu plików dla tej strony w Google Chrome i dał mi 16 kb. W Firefoksie było to 23 kb, a w Edge 13 kb. Mogą występować znaczne różnice, zwłaszcza przy małych rozmiarach stron. Niektóre przeglądarki ładują niektóre zasoby, których inne nie. Firefox ładuje na przykład 2 dodatkowe obrazy, aby używać ich na ekranie głównym dla odwiedzanych witryn., Niemniej jednak, masz pojęcie o rozmiarze strony, w stosunku do mediany ponad 2000 kb.

kilka rzeczywistych przykładów

teraz kilka rzeczywistych przykładów. Sprawdziłem rozmiar transferu dla strony głównej 5 popularnych stron internetowych (i Greenpeace). Użyłem drugiej metody, używając Google Chrome na komputerze stacjonarnym bez przewijania.,

Google 380 kb
Youtube 2400 kb
Amazon 3600 kb
New York Times 5800 kb
Time Magazine 4100 kb
Greenpeace 3200 kb

Most pages are quite large.

Of course, they contain a lot of images and scripts, but even Google’s search page is 380 kb., Oznacza to, że za każdym razem, gdy odwiedzasz google.com, 0,21 g CO2e jest uwalniane do atmosfery. Dowiedz się więcej o emisji dwutlenku węgla na stronach internetowych tutaj.

pozwalam ci zrobić matematykę dla innych, większych stron. Dlatego uważam, że rozmiar strony ma znaczenie.

ta strona jest załadowana w około 18 kb.