Top 9 사이트 속도 체크 The 205 Correct Answer

You are looking for information, articles, knowledge about the topic nail salons open on sunday near me 사이트 속도 체크 on Google, you do not find the information you need! Here are the best content compiled and compiled by the Toplist.maxfit.vn team, along with other related topics such as: 사이트 속도 체크 인터넷 속도 측정, 사이트 속도 개선, 구글 웹사이트 속도 측정, 모바일 사이트 속도 측정, 웹사이트 속도 측정 크롬, 사이트 최적화 검사, 와이파이 속도 측정, 웹페이지 로딩 속도 측정


인터넷 속도 측정 사이트 벤치비에서 해보세요 5초컷^^
인터넷 속도 측정 사이트 벤치비에서 해보세요 5초컷^^


웹사이트 속도 측정하기: 괜찮은 5가지 사이트 추천

  • Article author: seulcode.tistory.com
  • Reviews from users: 21128 ⭐ Ratings
  • Top rated: 3.5 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 웹사이트 속도 측정하기: 괜찮은 5가지 사이트 추천 1. Pingdom · 2. GTmetrix · 3. 구글 pagespeed insight · 4. WebPageTest · 5. LoadImpact. …
  • Most searched keywords: Whether you are looking for 웹사이트 속도 측정하기: 괜찮은 5가지 사이트 추천 1. Pingdom · 2. GTmetrix · 3. 구글 pagespeed insight · 4. WebPageTest · 5. LoadImpact. 이번 블랙 프라이데이에 udmey 에서 엄청난 세일을 해서 강좌를 거의 100불 넘게 구매해두었다. 처음에는 웹/앱 가리지 않고 스트리밍이 제공되어서 참 좋은 서비스라고 생각했는데 어느 순간부터 사이트 로딩이..
  • Table of Contents:

‘etc’ Related Articles

공지사항

최근 포스트

태그

검색

전체 방문자

웹사이트 속도 측정하기: 괜찮은 5가지 사이트 추천
웹사이트 속도 측정하기: 괜찮은 5가지 사이트 추천

Read More

내 웹사이트의 속도는? – 속도측정을 위한 4개 사이트 소개 | 쇼타임의 Paper Block

  • Article author: paperblock.tistory.com
  • Reviews from users: 31725 ⭐ Ratings
  • Top rated: 4.2 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 내 웹사이트의 속도는? – 속도측정을 위한 4개 사이트 소개 | 쇼타임의 Paper Block PageSpeed Insight · Pingdom · GTMetrix · WebPage Test … …
  • Most searched keywords: Whether you are looking for 내 웹사이트의 속도는? – 속도측정을 위한 4개 사이트 소개 | 쇼타임의 Paper Block PageSpeed Insight · Pingdom · GTMetrix · WebPage Test … 웹사이트를 제작하시거나 워드프레스로 블로그를 하시는 분들께서는 한 번쯤은 PageSpeed Insight에서 속도 측정을 해보셨을 것 같습니다. 저도 예전에 속도 점수 좀 올려보려고 아등바등했었던 기억이 있네요 ^^;..
  • Table of Contents:

네비게이션

1 PageSpeed Insights

2 Pingdom

3 GTmetrix

4 WebPageTest

맺음말

검색

내 웹사이트의 속도는? - 속도측정을 위한 4개 사이트 소개 | 쇼타임의 Paper Block
내 웹사이트의 속도는? – 속도측정을 위한 4개 사이트 소개 | 쇼타임의 Paper Block

Read More

인터넷 속도 테스트 | Fast.com

  • Article author: fast.com
  • Reviews from users: 17881 ⭐ Ratings
  • Top rated: 4.6 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 인터넷 속도 테스트 | Fast.com 회원님의 다운로드 속도는 얼마나 될까요? FAST.com의 간편한 인터넷 속도 테스트로 몇 초 안에 ISP 속도를 알아볼 수 있습니다. …
  • Most searched keywords: Whether you are looking for 인터넷 속도 테스트 | Fast.com 회원님의 다운로드 속도는 얼마나 될까요? FAST.com의 간편한 인터넷 속도 테스트로 몇 초 안에 ISP 속도를 알아볼 수 있습니다. 회원님의 다운로드 속도는 얼마나 될까요? FAST.com의 간편한 인터넷 속도 테스트로 몇 초 안에 ISP 속도를 알아볼 수 있습니다.
  • Table of Contents:
인터넷 속도 테스트 | Fast.com
인터넷 속도 테스트 | Fast.com

Read More

모바일 사이트 속도 비교

  • Article author: www.thinkwithgoogle.com
  • Reviews from users: 42308 ⭐ Ratings
  • Top rated: 3.6 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 모바일 사이트 속도 비교 내 사이트 테스트는 더 이상 새로운 데이터로 업데이트되지 않으며 앞으로 몇 달 이내에 지원 중단됩니다. 내 사이트 테스트. …
  • Most searched keywords: Whether you are looking for 모바일 사이트 속도 비교 내 사이트 테스트는 더 이상 새로운 데이터로 업데이트되지 않으며 앞으로 몇 달 이내에 지원 중단됩니다. 내 사이트 테스트. 귀하의 모바일 사이트 속도가 다른 유명 브랜드와 비교할 때 어느 정도인지 확인하고, 더욱 빠르고 불편함이 없는 모바일 환경을 제공하는 방법에 대해 알아보세요
  • Table of Contents:
모바일 사이트 속도 비교
모바일 사이트 속도 비교

Read More

웹사이트 속도측정 추천 4선 압축

  • Article author: seoulsalee.tistory.com
  • Reviews from users: 7483 ⭐ Ratings
  • Top rated: 3.8 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 웹사이트 속도측정 추천 4선 압축 그밖의 사이트 측정 툴 · 1. Pingdom tools.pingdom.com/ : 아마도 가장 유명한 웹사이트 속도 측정 사이트가 아닐까 싶습니다. · 2. GTmetrix gtmetrix.com … …
  • Most searched keywords: Whether you are looking for 웹사이트 속도측정 추천 4선 압축 그밖의 사이트 측정 툴 · 1. Pingdom tools.pingdom.com/ : 아마도 가장 유명한 웹사이트 속도 측정 사이트가 아닐까 싶습니다. · 2. GTmetrix gtmetrix.com … 안녕하세요 늘보나무입니다! 오늘은 내가 관리하고 키워가는 웹사이트, 그러니까 저로 치자면 지금 보시는 이 웹사이트의 속도를 테스트하는 방법에 대해서 알려드리려고 합니다. 자신 뿐만 아니라 페이지를 방문..
  • Table of Contents:

고정 헤더 영역

메뉴 레이어

검색 레이어

상세 컨텐츠

태그

추가 정보

페이징

티스토리툴바

웹사이트 속도측정 추천 4선 압축
웹사이트 속도측정 추천 4선 압축

Read More

Google 크롬 브라우저로 트래픽/속도 측정하기

  • Article author: imweb.me
  • Reviews from users: 29810 ⭐ Ratings
  • Top rated: 3.7 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about Google 크롬 브라우저로 트래픽/속도 측정하기 측정방법 · 1단계: 크롬 개발자도구 열기 · 2단계: 개발자도구 내 ‘Network’ 탭에서 기록 시작 · 3단계: ‘캐시 비우기 및 강력 새로고침’으로 사이트 다시 열기 · 4단계: … …
  • Most searched keywords: Whether you are looking for Google 크롬 브라우저로 트래픽/속도 측정하기 측정방법 · 1단계: 크롬 개발자도구 열기 · 2단계: 개발자도구 내 ‘Network’ 탭에서 기록 시작 · 3단계: ‘캐시 비우기 및 강력 새로고침’으로 사이트 다시 열기 · 4단계: … 내 아임웹 사이트의 로딩 속도가 궁금할 때 Google 크롬 브라우저 개발자도구를 사용해 간단하게 트래픽/속도를 측정할 수 있습니다. 아임웹 뿐만 아니라 일반적으로 한 개 페이지가
  • Table of Contents:
Google 크롬 브라우저로 트래픽/속도 측정하기
Google 크롬 브라우저로 트래픽/속도 측정하기

Read More

구글 Page Speed Insights 웹페이지 속도 측정, TechWrite, Translation

  • Article author: netware.tistory.com
  • Reviews from users: 40438 ⭐ Ratings
  • Top rated: 4.6 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 구글 Page Speed Insights 웹페이지 속도 측정, TechWrite, Translation 접속 사이트: https://developers.google.com/speed/pagespeed 서비스 명칭: PageSpeed Insights 서비스 특징: 웹 페이지 로딩 속도 측정을 통한 … …
  • Most searched keywords: Whether you are looking for 구글 Page Speed Insights 웹페이지 속도 측정, TechWrite, Translation 접속 사이트: https://developers.google.com/speed/pagespeed 서비스 명칭: PageSpeed Insights 서비스 특징: 웹 페이지 로딩 속도 측정을 통한 … 접속 사이트: https://developers.google.com/speed/pagespeed 서비스 명칭: PageSpeed Insights 서비스 특징: 웹 페이지 로딩 속도 측정을 통한 사용자 환경 보고서 발행 ​ https://developers.google.com/spee..과학 기술 일반 상식 정보 분석 오류 수정 리뷰 발행
  • Table of Contents:

구글 Page Speed Insights 웹페이지 속도 측정

관련글

태그

댓글4

최근 댓글

최근글

인기글

• 태그

• 공지사항

티스토리툴바

구글 Page Speed Insights 웹페이지 속도 측정, TechWrite, Translation
구글 Page Speed Insights 웹페이지 속도 측정, TechWrite, Translation

Read More

PageSpeed Insights

  • Article author: pagespeed.web.dev
  • Reviews from users: 8907 ⭐ Ratings
  • Top rated: 4.7 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about PageSpeed Insights 이 사이트는 서비스 제공 및 트래픽 분석을 위해 Google 쿠키를 사용합니다. 자세히 알아보기. 확인. 올바른 URL을 입력하세요. 분석. PageSpeed Insights에서 더보기 … …
  • Most searched keywords: Whether you are looking for PageSpeed Insights 이 사이트는 서비스 제공 및 트래픽 분석을 위해 Google 쿠키를 사용합니다. 자세히 알아보기. 확인. 올바른 URL을 입력하세요. 분석. PageSpeed Insights에서 더보기 …
  • Table of Contents:
PageSpeed Insights
PageSpeed Insights

Read More

벤치비 초고속 인터넷 속도측정 사이트

  • Article author: www.benchbee.co.kr
  • Reviews from users: 36838 ⭐ Ratings
  • Top rated: 3.3 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 벤치비 초고속 인터넷 속도측정 사이트 인터넷 속도 품질측정을 위해 여러가지 측정 서비스를 제공합니다. 제공되는 품질측정 서비스는 인터넷, 무선인터넷속도 측정, 웹접속테스트, 경로추적, 인터넷전화 측정 … …
  • Most searched keywords: Whether you are looking for 벤치비 초고속 인터넷 속도측정 사이트 인터넷 속도 품질측정을 위해 여러가지 측정 서비스를 제공합니다. 제공되는 품질측정 서비스는 인터넷, 무선인터넷속도 측정, 웹접속테스트, 경로추적, 인터넷전화 측정 …
  • Table of Contents:
벤치비 초고속 인터넷 속도측정 사이트
벤치비 초고속 인터넷 속도측정 사이트

Read More

20가지 무료 웹사이트 속도 테스트 도구와 이를 사용해야 하는 이유

  • Article author: www.webhostingsecretrevealed.net
  • Reviews from users: 1904 ⭐ Ratings
  • Top rated: 3.5 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 20가지 무료 웹사이트 속도 테스트 도구와 이를 사용해야 하는 이유 GTmetrix 페이지 로드 속도를 테스트하기 위한 간단하면서도 강력한 서비스입니다. YSlow 및 Google PageSpeed ​​도구를 사용하여 성능을 평가하고 자세한 보고서를 제공 … …
  • Most searched keywords: Whether you are looking for 20가지 무료 웹사이트 속도 테스트 도구와 이를 사용해야 하는 이유 GTmetrix 페이지 로드 속도를 테스트하기 위한 간단하면서도 강력한 서비스입니다. YSlow 및 Google PageSpeed ​​도구를 사용하여 성능을 평가하고 자세한 보고서를 제공 …
  • Table of Contents:

성능 분석을 위한 20가지 무료 웹사이트 속도 테스트 도구

웹사이트 속도가 성능에 어떤 영향을 미칩니까

웹사이트 속도를 제대로 확인하는 것이 왜 중요한가요

마무리

20가지 무료 웹사이트 속도 테스트 도구와 이를 사용해야 하는 이유
20가지 무료 웹사이트 속도 테스트 도구와 이를 사용해야 하는 이유

Read More


See more articles in the same category here: Top 287 tips update new.

웹사이트 속도 측정하기: 괜찮은 5가지 사이트 추천

이번 블랙 프라이데이에 udmey 에서 엄청난 세일을 해서 강좌를 거의 100불 넘게 구매해두었다. 처음에는 웹/앱 가리지 않고 스트리밍이 제공되어서 참 좋은 서비스라고 생각했는데 어느 순간부터 사이트 로딩이 현저하게 느려지고 동영상도 계속 로딩중인 상태로 멈취있는 일이 잦아졌다. 인터넷 속도를 측정해보니 400MB를 넘는 속도를 내고 있기 때문에 인터넷 문제는 아닐 것이라고 생각하여 브라우저 캐시를 지우고 다른 브라우저들을 사용해보아도 문제는 여전했다.

그래서 과연 나만 그렇게 느린지 해당 사이트의 퍼포먼스(속도)를 측정하기 위해 관련된 사이트들을 찾아보았다.

세계적으로 가장 많이 쓰이는 핑 사이트 중 하나. ui가 깔끔하고 URL만 넣어주면 쉽게 사용 가능하다. (회원가입 불필요)

A부터 E까지 Grade로 직관적으로 결과를 보여주고, Page size, Load time 등도 보여준다.

아쉬운 점은 test 지역이 미국의 뉴욕, 캘리포니아. 스웨덴과 호주 총 4지역밖에 없는 것.

GT메트릭스는 전 세계의 지역 중 랜덤으로 test server region을 골라서 테스트 해준다.

random이라고 하는데 여러번 해도 캐나다 밴쿠버-크롬브라우저로만 매핑이 된다. 설명에는 7개의 다른 지역의 28 서버에서 운영된다고 한다. 아마도 회원가입을 하면 해당 기능을 제공하는듯

A-E까지 등급으로 PageSpeed와 YSlow score를 보여주고, Waterfall도 자세하게 제공해준다. ui가 핑덤만큼 직관적이지는 않지만 깔끔하고 자세한 결과들을 제공한다.

모바일을 스피드를 보고 싶다면 추천하는 스피드 테스트 사이트. 결과가 모바일/데스크탑으로 나오고 점수에 따라 Good – Need work – Poor 3단계로 나오고 가능한 최적화들의 리스트도 보여준다. 사이트를 운영하면서 최적화를 하려면 가장 좋은 도구가 아닐까 싶다.

위에서 소개한 두가지의 툴에 비해서 훨씬 정확하게 측정되는 느낌이다 위에서는 Good이 나온 사이트도 pagespeed에서는 35가 나와서 깜짝 놀랐다. 심지어 google.com 도 모바일 페이지는 Need work 가 나온다 (열일해라 구글…)

만약 특정 브라우저, 지역을 선택적으로 확인해보고 싶으면 이 페이지를 추천한다. 한국, 중국 등을 포함한 백여개의 지역을 선택 가능하고, ios, android등 모바일을 포함한 브라우저도 선택이 가능하다. 심지어 ios10, 11 도 선택이 가능하다. 또한 3번의 테스트를 연속적으로 해서 평균치를 보여준다.

다만 페이지 ui가 직관적이지 않고 결과를 보기가 조금 까다로운 단점이 있다.

로드입팩트는 위 사이트처럼 일회성 테스트가 아닌 리퀘스트를 계속 날려주면서 특정 시간동안 계속 테스트를 진행한다. 결과를 차트로 보여주며 비회원인 경우에는 기능들이 많이 제한된다.

깔끔한 ui와 다양한 지역의 테스트를 한번에 해주기 때문에 편리하게 사용 가능하지만, 제대로 된 기능을 사용하려면 회원가입을 하고 결제를 해야한다. 그렇지 않으면 한달에 5번만 무료로 사용 가능.

내 웹사이트의 속도는? – 속도측정을 위한 4개 사이트 소개

반응형

웹사이트를 제작하시거나 워드프레스로 블로그를 하시는 분들께서는 한 번쯤은 PageSpeed Insight에서 속도 측정을 해보셨을 것 같습니다. 저도 예전에 속도 점수 좀 올려보려고 아등바등했었던 기억이 있네요 ^^;;

이번 글에서는 웹사이트, 워드프레스 블로그, 혹은 티스토리를 포함하여 내 사이트가 구축 이후에 사이트가 얼마나 빨리 로드되는지, 그리고 속도 향상을 위해서 어떤 부분을 변경해야 하는지에 대해서 알려주는 테스트 사이트를 소개하도록 하겠습니다. 구체적으로는 다음의 4개 사이트를 소개하겠습니다.

PageSpeed Insight

Pingdom

GTMetrix

WebPage Test

1. PageSpeed Insights

PageSpeed Insights는 사이트의 속도나 최적화 정도를 측정할 때 대표적으로 언급되는 사이트로 구글에서 제공하고 있습니다. 오늘 소개하는 속도 측정 사이트 중 유일하게 한글이 나와서 많은 사람들이 사용하고 있습니다.

PageSpeed Insights

PageSpeed Insights는 웹페이지의 콘텐츠를 분석하여 페이지의 속도를 개선할 방법을 추천해 줍니다. 웹페이지의 성능을 측정하고 사이트 개선을 신속하게 평가할 수 있도록 100점 만점의 점수를 할당하고 있습니다.

특히, PageSpeed Insight는 사이트의 성능을 데스크톱과 모바일로 나눠 측정해줍니다. 또한 로딩 속도를 향상하기 위해 각각 어떤 조치를 실행해야 하는지 구체적인 방법도 함께 볼 수 있습니다.

예제로 네이버를 측정한 점수는 다음과 같습니다.

데스크톱

모바일

모바일 같은 경우는 점수가 무척이나 낮게 나오네요. 아마 퀄리티를 위해서 png 이미지를 많이 사용해서 그럴 수도 있겠습니다.

네이버 초기화면은 자주 변경되기 때문에 분석 시점에서 다르게 나올 수 있습니다

결과 분석 부분을 보면 추천, 진단 등 수정하면 도움이 될만한 내용이 정리되어 나타나 있습니다.

각각의 항목을 클릭하면 좀 더 자세한 정보를 보여줍니다.

마지막 부분에는 통과된 규칙이 정리되어 나옵니다. 이 부분은 특별히 변경할 필요가 없겠죠?

속도를 절대적으로 보여준다기보다는 개선할 요소가 얼마나 있는지를 보여준다고 생각하면 될 것 같습니다. 그렇지만 왠지 구글에서 제공하는 툴이라서 여기 점수가 높아야 구글 검색에 유리할 것이라는 근거 없는 생각이 드는 것도 사실이네요.

참고로 구글과 같이 심플한 초기화면을 보여주는 경우에는 점수가 높게 나옵니다.

구글의 점수

2. Pingdom

Pingdom Tools는 스웨덴의 인터넷 분석업체인 ‘Pingdom’이 제공하는 성능 측정 서비스입니다. Requests와 Load time, Page size를 기준으로 사이트 성능을 측정하고, 결과를 100점 만점으로 환산해 보여줍니다.

Pingdom 측정하기

성능 측정은 무료이지만 모니터링 서비스 등 일부 기능은 유료입니다. 유료 서비스를 이용할 경우 트래픽 급증 등에 대한 알림을 받거나 일자별 보고서를 볼 수 있다고 합니다. 하지만 전문적으로 다루는 경우가 아니라면 테스트를 위해서 굳이 유료 서비스를 이용하실 분은 없을 것 같긴 하네요 ^^;

여기서는 일단 무료 부분만 살펴보겠습니다. Pingdom의 경우에는 테스트 지역을 선택할 수 있습니다. 도쿄로 선택하고 네이버를 테스트해보겠습니다.

일부 지역 선택이 가능합니다.

무료인 경우에는 데스크톱의 결과만 보여주는 것 같습니다. Pingdom도 마찬가지로 페이지 속도를 올리기 위한 권고 사항을 제공합니다.

각 내용을 클릭하면 무엇에 대한 이야기인지 설명해줍니다. (영어로…)

그 외에도 다양한 내용을 제공하니 직접 입력해서 한번 TEST 해보세요!

마지막으로 부분에는 분석 결과가 막대그래프로 정리되어 있습니다. 사이트 로딩에 가장 영향을 미친 요소를 볼 수 있고 색상으로 보기 쉽게 구분되어 있습니다.

3. GTmetrix

GTmetrix도 자주 사용되는 속도 테스트 도구 중 하나입니다. GTmetrix는 예전에는 PageSpeed 및 YSlow 측정 항목을 이용하였는데 최근에는 Google Lighthouse 기반으로 변경했다고 합니다.

GTmetrix 측정

GTmetrix를 회원가입 없이 무료로 사용하는 경우, 캐나다 밴쿠버에 위치한 서버에서 웹 사이트를 테스트할 수 있습니다. 만약 로그인을 하는 경우에는 7개의 테스트 지역을 선택할 수 있습니다. 유료 플랜을 사용하는 경우에는 15개 테스트 지역이 추가됩니다.

국내는 부산이 나와있는데 유료에서 지원하는 걸로 되어있네요.

특별한 로그인 절차 없이 아래 화면에 주소를 넣어주면 바로 테스트를 실행할 수 있습니다. 단, 무료 사용자의 경우, 모바일 디바이스 테스트는 지원하지 않습니다.

결과 화면은 다음과 같습니다.

GTmetrix Grade는 페이지가 얼마나 빨리 수행되는지(로딩, 상호작용성 및 시각적 안정성 측면)와 최적의 성능을 위해 얼마나 잘 구축되었는지에 대해 보여줍니다. 이 등급은 사용자가 경험한 실제 성능뿐만 아니라 프런트 엔드 구조를 모두 고려하여 전체 웹 페이지 경험을 더 잘 반영한다고 합니다.

GTmetrix Grade는 두 가지 점수의 가중 평균입니다.

성능 점수(70%)

구조 점수(30%)

점수 아래에는 여러 가지 탭이 있습니다. 제일 처음으로는 Summary 탭이 나오는데요, 이슈가 되는 내용 등의 정보를 보여줍니다.

각각의 탭 별로 다양한 정보를 볼 수 있습니다.

waterfall 탭

GTmetrix의 경우, 결과에 대한 문서화가 잘 되어있는 것 같습니다.

GTmetrix 보고서 설명 링크

4. WebPageTest

앞에서 언급한 사이트들에 비해서 약간은 올드(?)해 보이는 디자인입니다. 다만 오픈소스 프로젝트이고, 보기와는 다르게 다양한 기능을 지원하고 있습니다.

https://www.webpagetest.org/

WEBPAGETEST는 세계 각국의 파트너로부터 지원받고 있습니다. 네이버도 포함되어 있네요!

파트너스

아래는 초기화면입니다.

비용 없이 다양한 지역(서울도 지원합니다!)과 브라우저의 종류 등을 선택해 사이트의 성능을 측정할 수 있습니다. 또한 Advanced Settings에서 상세한 설정이 가능합니다. 대표적으로는 접속 속도, 테스트 회수, 반복 여부 등이 있습니다. Auth 기능도 있습니다! (사용하지는 않겠지만…)

Advanced Settings

네이버에 대한 결과 화면은 다음과 같습니다.

역시 이미지 점수가 좋지 않네요. WebPageTest에서는 Security Score, First Byte Time, Keep-alive Enabled, Compress Transfer, Compress Images, Cache static content, Effective use of CDN 등 총 일곱 개 항목을 기준으로 사이트 성능을 측정합니다. 각 항목 별로 A부터 F까지 등급을 평가하며, 해당 항목을 선택하면 보다 자세한 정보가 나옵니다. 혹은 디테일 탭을 클릭하면 내용을 볼 수 있습니다.

세부 설명

디테일 부분에는 각 점수에 대한 설명이 나오는데요, 각 항목에 대한 내용도 해당 Detail 페이지 아래 정리되어 있으니 참고하시면 됩니다. 그 외에도 다양한 탭이 있으니 참고하세요!

다양한 항목

WebPageTest 관련 문서는 아래 링크에서 확인할 수 있습니다.

https://github.com/WPO-Foundation/webpagetest-docs

WebPageTest는 겉보기와는 다르게 상당히 많은 데이터를 제공하는 것 같습니다.

맺음말

이번 글에서는 사이트의 속도를 측정하고 개선하는데 도움이 되는 사이트에 대해서 살펴보았습니다. 점수를 명료하게 보여주기는 하지만, 사실 결과나 세부 옵션에 대해서는 상당히 기술적인 내용들이 많기 때문에, 정확한 분석을 위해서는 다소 학습을 필요로 하는 부분이 있습니다.

하지만, 내 사이트의 속도 점수를 확인하고, 무언가 변경을 했을 때 성능이 개선이 되는지 하나씩 확인해 나가면 될 것 같습니다. 특히, 워드프레스 블로그를 구축하고 있다면, 캐시나 각종 최적화 플러그인의 사용 전, 후의 성능 비교가 가능하겠죠?

반응형

구글 Page Speed Insights 웹페이지 속도 측정

구글 페이지스피드 캡처

접속 사이트: https://developers.google.com/speed/pagespeed

서비스 명칭: PageSpeed Insights

서비스 특징: 웹 페이지 로딩 속도 측정을 통한 사용자 환경 보고서 발행

https://developers.google.com/speed

접속하면 “Make the Web Faster” 페이지를 만나게 됩니다. 한마디로 웹 접속 환경을 더 빠르게 개선하자는 목적으로 관련 도구를 제공하는 것입니다.

” Analyze and optimize your website with PageSpeed tools ”

“PageSpeed tools” 도구 중 하나가 “PageSpeed Insights”입니다.

그 외에 다음과 같은 서비스도 제공합니다. 당연한 것이지만 유료 서비스도 있습니다. 처음에 접속한 PageSpeed Insights에서 제공하는 무료 사용자 환경 보고서의 분석과 이것을 바탕으로 페이지 개선에 적용시키는 도구와 방법들을 소개합니다. 자세한 정보는 해당 페이지에 접속하여 검토해 보세요.

Speed up with the PageSpeed Modules

Leverage Google’s infrastructure

Speed up your browsing with Google Public DNS

Offload popular open-source libraries

Learn about Google’s contributions to latest performance standards & protocols

Insights 페이지에 접속하면 간단하게 측정을 원하는 인터넷 도메인이나 주소를 입력하고 실행시키면 됩니다. 모바일과 데스크톱 2가지로 분류하여 분석 정보를 제공합니다. 아주 간단한 측정 방법입니다.

대형 검색 포탈인 구글, 네이버, 다음 초기 접속 화면의 로딩 속도를 측정했습니다.

구글 데스크톱 100, 구글 모바일 74

네이버 데스크톱 69, 네이버 모바일 15

다음 데스크톱 92, 다음 모바일 26

숫자가 높을수록 로딩 속도가 빠른 것을 의미합니다.

비교 대상의 수치가 지나치게 차이가 나는 것은 여러 가지 변수가 관여했기 때문일 것입니다.

Insights 서비스의 측정 방법

측정 서버의 위치

측정 대상과 측정 서버의 네트워크 환경

측정 대상이 되는 구글, 네이버, 다음의 사용자 선호 환경

측정 페이지에서 불러오는 타 사이트의 리소스와 측정 서버의 네트워크 환경

기타 여러 가지 있는 데, 전문가가 아닌 일반인 관점에서 이 정도 매개 변수가 생각납니다.

참고 사항으로 측정하면 됩니다. 서비스가 발행한 사용자 환경 보고서를 참고하여 하나씩 주변 환경에 맞게 개선하면 좋은 결과가 있을 것입니다.

2021.04.18 다시 측정 (PC / 모바일)

티스토리 블로그에서 사용 가능한 스킨 몇 개를 대상으로 로딩 속도를 측정하였습니다. 각 스킨의 “적용 예시 보기”를 눌러 들어가면 데모 페이지가 뜹니다. 사용자가 스킨을 사용해 보고 자신의 블로그에 적용할 수 있도록 조성해 놓은 임시 블로그입니다.

https://skin-demo-xxxx.tistory.com

Odyssey, Poster, Whatever, Book Club 4가지 스킨의 로딩 속도입니다.

Odyssey 데스크톱 34, Odyssey 모바일 18

Poster 데스크톱 76, Poster 모바일 38

Whatever 데스크톱 68, Whatever 모바일 35

Book Club 데스크톱 48, Book Club 모바일 13

Odyssey가 최근(2020년) 발표한 스킨인데 수치가 낮게 나왔습니다. 한 번 측정한 것이니까 객관성이 많이 떨어지겠지만 티스토리 블로그를 측정해 보면 등록된 광고, 폰트와 스크립트 모듈을 불러오는 코드와 사용한 스크립트가 문제의 원인일 경우가 많습니다.

스킨 Odyssey 데스크톱과 모바일 측정 보고서

문화재청 (tistory.com)

스킨 Poster 데스크톱과 모바일 측정 보고서

Vehicles (tistory.com)

스킨 Whatever의 데스크톱과 모바일 측정 보고서

Beverages (tistory.com)

스킨 Book Club의 데스크톱과 모바일 측정 보고서

Book Club (tistory.com)

제 티스토리 블로그를 샘플로 하여 기본, 폰트 불러오기 제외, 폰트와 자바스크립트 모듈 불러오기 제외 3가지 유형으로 측정하였습니다. 이 블로그는 Book Club 스킨을 개인이 수정하여 사용하고 있습니다.

기본 데스크톱 53, 모바일 9

폰트 불러오기 제외 데스크톱 86, 모바일 32

폰트, 자바스크립트 불러오기 제외 데스크톱 86, 모바일 36

사용한 Book Club 스킨이 데스크톱 48, 모바일 13이니까 폰트와 자바스크립트 모듈의 제외가 많은 로딩 속도 차이를 발생시키고 있음을 알 수 있습니다.

그리고 현재 페이지 본문 상하단, 사이드바의 상하단 모두 합쳐 4개의 광고가 링크되어 있습니다. 이 광고로 인한 느린 로딩 속도를 평소에도 체감하고 있기 때문에 빠른 블로그가 반드시 필요하면 광고는 무조건 제외하여야 합니다.

개인 블로그 기본(Book Club)

다음 이미지는 페이지 로딩 속도를 측정한 보고서입니다.

구글 웹페이지였던 것 같은 데 생각이 안 나네요 ㅠ..ㅠ

페이지 리소스 요청한 것을 크기 순으로 살펴보면 스크립트, 문서(페이지), 이미지 순서로 진행됩니다.

이미지는 압축률이 낮은 PNG, JPEG 사용을 자제하고 압축률이 높아서 파일 크기가 작은 JPEG 2000, JPEG XR, WebP 사용하는 것이 다운로드 속도가 빠르고 데이터 소비량도 줄일 수 있다고 추천하고 있습니다.

WebP 이미지 포맷으로 변환할 수 있는 유틸리티 다운로드 페이지입니다.

Downloading and Installing WebP | Google Developers

명령어를 입력하여 컴파일한 실행 파일을 로딩하여 기존 이미지 파일을 변환하는 방식입니다.

페이지 왼쪽에 보면 포토샵용 플러그인 다운로드 링크 있습니다.

제 블로그는 통과한 검사가 데스크톱과 모바일이 각각 15, 18입니다. 좋지 않은 블로그의 본보기인 것 같습니다. 인터넷 사용자가 몰리는 오후 늦은 시간대에 속도를 재면 더 처참한 결과가 나옵니다.

필드 데이터 Chrome 사용자 환경 보고서에 이 페이지의 실제 속도 데이터가 충분하지 않습니다.

Origin Summary 지난 28일의 수집 기간 동안 이 출처에서 게재된 모든 페이지의 누적 경험은 핵심 성능 보고서 평가를 통과하지 못합니다. 각 페이지에 맞춤 설정된 제안을 보려면 개별 페이지 URL을 분석하세요.

측정 결과를 수치로도 확인이 가능하지만 색으로도 분류해 놓았습니다.

아래 통과한 감사(29) 페이지의 초록색 포인트는 90~100의 점수를 의미합니다. 각 항목의 오른쪽 화살표를 누르면 보다 자세한 보고서 내용을 볼 수 있습니다. 아~주 자세합니다. 연구가 필요한 내용입니다.

블로그에 등록하는 구글의 광고 중에 자동 광고가 있습니다. 광고 형식에 인 페이지 광고, 앵커 광고, 모바일 전면 광고 등 여러 가지 새로운 기법이 도입되고 있습니다.

기존 사용자 지정 광고인 디스플레이 광고, 인피드 광고, 콘텐츠 내 자동 삽입 광고, 일치하는 콘텐츠, 검색 엔진 등에 자동 광고가 추가된 것입니다.

처음 1 페이지 1개의 광고로 시작하여 오른쪽, 왼쪽, 위, 아래, 스크린형, 전체화면형, 계속해서 종류뿐만 아니라 숫자도 늘어납니다.

사용 기기의 성능을 포함하는 리소스뿐만 아니라 네트워크 대역을 더 늘려야 광고 수익도 같이 상승합니다. 구글이 자체적으로 광고의 수량을 통제할 것이라고 생각하지는 않습니다. 자신들이 필요로 하는 네트워크 대역을 다른 곳에서 끌어와야 합니다. 사용 이미지, 동영상, 폰트 모듈, 스크립트, CSS, HTML 코드의 용량을 줄이고, 캐시 시스템으로 이를 보완할 수 있을 것입니다. 단기적으로. 네트워크 대역에 여유가 생기면 또 광고의 양과 용량을 늘립니다.

내장 운영체제 관리가 가능한 모바일 기기의 내장 메모리 용량이 처음 8기가 정도에서 시작하였습니다. 16, 32, 64, 128, 256, 512 계속해서 늘다가 1 테라바이트를 넘어설 것입니다. 용량이 이 정도로 늘어나면 장기간 여유가 있어야 하는 데, 성급한 판단입니다.

앱의 용량 자체가 증가하고, 앱이 사용하는 이미지와 동영상의 용량 증가에 선명도 상승까지 더하여 기기 내장 용량 증가율을 넘어서고 있습니다. OS, CPU, GPU, 배터리 등 기술의 발전이 안겨 줄 것 같은 여유로움은 한 여름밤의 꿈이 됩니다. 일시적으로 늘어난 여유로움은 먼저 치고 들어와서 차지하는 것이 승자입니다.

반응형

So you have finished reading the 사이트 속도 체크 topic article, if you find this article useful, please share it. Thank you very much. See more: 인터넷 속도 측정, 사이트 속도 개선, 구글 웹사이트 속도 측정, 모바일 사이트 속도 측정, 웹사이트 속도 측정 크롬, 사이트 최적화 검사, 와이파이 속도 측정, 웹페이지 로딩 속도 측정

Leave a Comment