방법의 크기를 결정하는 웹 페이지
이야기에 대해 많은 웹 페이지 크기가 있습니다. 그러나 그것은 무엇을 의미합니까? 설명하고 직접 확인할 수있는 방법을 보여 드리겠습니다.웹 페이지의 크기는 페이지를 표시하기 위해로드되는 파일의 크기입니다. 될 수 있습 차이는 크기를 전송과 실제적인 파일 크기(압축,말),하지만 당신은 대한 자세한 내용을 찾을 수 있습에서 이것을”의”게시물입니다.,
2 가지 방법이 있습니다 무엇인지 확인하려면 크기의 웹 페이지:
- 온라인 도구를 사용하여
- 사용자의 브라우저의 콘솔
살펴보자 모두에 몇 가지 세부 사항입니다.
온라인으로 확인
온라인 도구를 확인하는 웹 페이지의 크기입니다. 예를 들어https://tools.pingdom.com를 사용하여 수행 할 수 있습니다. 확인하려는 페이지의 URL 을 입력하거나 붙여 넣기하면 거기에 있습니다. 당신은 많은 데이터를 얻을 것이다,그 중 페이지의 크기.
이 페이지를 위해이 작업을 수행했으며 23kb 를주었습니다., 정확한 값은 도구와 아래의 두 번째 방법간에 다를 수 있습니다. 그러나 차이점은 특히 큰 페이지의 경우 상대적으로 작을 것입니다. 당신은 그것이 작거나 큰 페이지인지 좋은 생각을해야합니다.
확인하는 귀하의 브라우저에
이것은 하나가 더 복잡할 수 있습에 따라 다르게 귀하의 브라우저입니다. 그래도 과정을 안내합니다.
- 먼저 시크릿으로 가자. 당신은 또한 물건을로드 브라우저에 몇 가지 확장 또는 추가 기능이있을 수 있습니다., 그들은 일반적으로 시크릿 모드에서 꺼져 있습니다.
- 마우스로 마우스 오른쪽 버튼을 클릭하고 요소 검사 또는 이와 유사한 옵션을 선택하십시오. 이렇게하면 웹 페이지의 HTML 구조에 대한 정보가있는 추가 창이나 사이드 바가 열립니다.
- 추가 창에 여러 개의 탭이 있습니다. 당신은 네트워크라는 하나가 필요합니다. 브라우저의 캐시를 비활성화해야합니다-일반적으로,그 기본값입니다-그래서 브라우저가 깨끗하게로드됩니다.
- 페이지를 새로 고칩니다.리><리>창 하단에 당신은 당신이 찾고 있던 결과를 찾을 수 있습니다., 거기에 아마 2 값이 될 수 있는지 여부에 따라 동일 전송에서 일어난 특별한 압축 형식 또는지:
- 전송 size:이 파일의 크기는 실제로 전송됩니다. 이것은 당신이 알고 싶어하기 때문에,이것은 가장 큰 영향을 미치기 때문이 금액에서 전송되는 서버입니다.
- 자원의 크기:이것은 페이지를 빌드하는 데 사용되는 파일의 실제 크기입니다.,
이 페이지의 크기
Ok,이것은 종류의 개시,그러나 확인했는데 전송 파일의 크기 위해 이 페이지에 구글 크롬 및 그것은 나에게 16kb 입니다. Firefox 에서는 23kb,Edge 에서는 13kb 였습니다. 특히 작은 페이지 크기에서 상당한 차이가있을 수 있습니다. 일부 브라우저는 다른 브라우저가하지 않는 일부 자산을로드합니다. Firefox 는 예를 들어 방문한 사이트의 홈 화면에서 사용할 2 개의 추가 이미지를로드합니다., 그럼에도 불구하고 2000kb 이상의 중앙값을 기준으로 페이지 크기에 대한 아이디어를 얻습니다.
실제 예제
이제 실제 예제. 5 개의 인기있는 웹 사이트(및 그린피스)의 홈페이지에 대한 전송 크기를 확인했습니다. 스크롤하지 않고 데스크톱 컴퓨터에서 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., 즉,방문 할 때마다 google.com,0.21g 의 CO2e 가 대기 중으로 방출된다. 여기에서 웹 페이지의 탄소 배출에 대해 자세히 알아보십시오.
나는 당신이 다른,더 큰 페이지에 대한 수학을 할 수 있습니다. 이것이 페이지 크기가 중요하다고 생각하는 이유입니다.
이 페이지는 약 18kb 로로드됩니다.나는 이것이 내가하고있는 일이 아니라고 생각한다.