개발 도구 (Development Tools)/Knowledge

웹 개발자/디자이너가 사용하면 좋은 Google의 Tools

BiCute 2022. 5. 8. 10:00
반응형

 

#1 모바일 친화성 테스트

  모바일 친화적인 사이트를 보유하는 것은 온라인 인지도를 유지하는 데 중요한 역할을 합니다. 여러 국가에서 스마트폰 트래픽이 데스크톱 트래픽을 넘어서고 있습니다.

  아직 사이트를 모바일 친화적으로 만들지 않았다면 모바일 친화적인 사이트를 만들어야 합니다.

  Search Console의 모바일 친화성 테스트 도구를 사용하면 사이트가 모바일 친화적인지 빠르고 간편하게 테스트할 수 있습니다.

  사용 방법은 매우 간단합니다.

  테스트 하려는 웹페이지의 전체 URL만 입력하면 됩니다.

 

모바일 친화성 테스트 페이지로 바로가기 >

 

 

#2 PageSpeed Insights

  웹페이지의 전반적인 속도를 측정하여 사이트 성능을 파악할 수 있습니다.

  사이트를 로드하여 시뮬레이션을 한 후 속도에 관한 다양한 분석과 제안을 안내해 줍니다.

 

  사용 방법 역시 간단합니다.

  테스트 하려는 웹페이지의 전체 URL만 입력하면 됩니다.

  

  PageSpeed Insights 바로가기 >

  

  주로 '모바일에 맞지 않은 거대한(원본)사이즈의 이미지'나 '웹폰트', '사용하지 않는 자바스크립트나 CSS' 등의 항목들을 찾아 수정하라고 제안해줍니다. 

 

  단, 이 사이트는 자신이 개발자라면 최적화를 위한 어드바이스 정도로만 참고하시면 됩니다.

  반드시 다 맞출 필요는 없고, 이것의 조건이 높다고 검색의 상위에 나타나는것은 아닙니다.

  아, 내가 이미지 최적화를 안했었구나, 자바스크립트 사용되지 않는게 설정된게 있나? 등 재확인용으로 좋습니다.

  

  참고로 그렇게 많은 사람이 큰 불편함 없이 사용하고있는 네이버의 경우에도 다음과 같이 나옵니다 (...)

 

 

 

반응형