PGR21.com
- 자유 주제로 사용할 수 있는 게시판입니다.
- 토론 게시판의 용도를 겸합니다.
Date 2018/09/20 12:03:49
Name 시드마이어
Subject 웹개발에 도움이 되는 도구를 소개합니다.
이미 많은 분들이 알고 계실지 모르지만 비교적 최근에 개발된 도구가 있어서 소개해드리고자 합니다.

바로 크롬 68버전에서 추가된 [Audits]라는 기능입니다.



웹 사이트의 전반적인 성능 검사를 시도해볼 수 있고, 점수와 개선사항을 표현해주니 매우 효과적입니다.

사용법은 간단합니다. 사용하시는 크롬이 68버전 이상인지 확인해주시고, 개발자도구(F12)에 있는 Audits항목을 눌러주세요. 그리고 검사하고자 하는 항목을 선택해서 검사를 진행하시면 됩니다.

다양한 기능이 제공되지만 가장 중요한 로딩 시간을 밀리세컨드 단위로 측정해줄 뿐 아니라 성능, 오프라인 상태일 때의 처리, 프로그래시브 앱으로 호환성 등을 종합적으로 보실 수 있습니다.

예시 1.
6REksXK.jpg

예시 2.
6b5XAWV.jpg

예시 3.
zBOaeRW.jpg

p.s 구글 크롬 개발자 유튜브에서 웹개발에 도움이 되는 소스를 다양하게 발견하실 수 있습니다. 웹 개발자분이시라면 재밌어할만한 많은 팁들이 곳곳에 숨어있으니 참고해보셔도 좋을 것 같습니다. :)

통합규정 1.3 이용안내 인용

"Pgr은 '명문화된 삭제규정'이 반드시 필요하지 않은 분을 환영합니다.
법 없이도 사는 사람, 남에게 상처를 주지 않으면서 같이 이야기 나눌 수 있는 분이면 좋겠습니다."
빛날배
18/09/20 12:13
수정 아이콘
예시3 왼쪽에 있는 사진은 시드님 개발장비인가요? 깐지 나네요
시드마이어
18/09/20 21:37
수정 아이콘
저도 그랬으면 좋겠지만, 인터넷에 있는 사진입니다. :)
레드후드
18/09/20 12:14
수정 아이콘
확장프로그램도 그렇고 이런 기능도 그렇고 웹 브라우저는 크롬 미만잡이네요.
아침밥스팸
18/09/20 13:04
수정 아이콘
크로미움 차냥해!
크로미움이면 다 지원하는것 같네요
김성수
18/09/20 12:33
수정 아이콘
저는 tree style tab 이거 하나 때문에 파이어폭스 주력을 못 벋어나네요..; Audits 패널은 원래 있었는데 Lighthouse 3.0로 가면서 몇 가지 개선된 것 같더라고요. 유용한 소개 글 감사드립니다. ^^;
잿빛토끼
18/09/20 19:14
수정 아이콘
라이트하우스랑은 어떤 관계인가요?
시드마이어
18/09/20 21:36
수정 아이콘
글쎄요;;; 저도 그냥 새로운 기능 소개된걸 사용해본거라 잘 모르겠습니다.
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회 추천
공지 [공지]2024년 4월 총선을 앞두고 선거게시판을 오픈합니다 → 오픈완료 [53] jjohny=쿠마 24/03/09 14959 6
공지 [공지] 정치카테고리 운영 규칙을 변경합니다. [허들 적용 완료] [126] 오호 20/12/30 247813 0
공지 자유게시판 글 작성시의 표현 사용에 대해 다시 공지드립니다. [16] empty 19/02/25 324344 8
공지 [필독] 성인 정보를 포함하는 글에 대한 공지입니다 [51] OrBef 16/05/03 447416 28
공지 통합 규정(2019.11.8. 개정) [2] jjohny=쿠마 19/11/08 317078 3
101198 전세계 주식시장 고점신호가 이제 뜬거같습니다(feat.매그니피션트7) [49] 보리야밥먹자7591 24/03/29 7591 0
101197 8만전자 복귀 [39] Croove4501 24/03/29 4501 0
101196 웹소설 추천 : 천재흑마법사 (완결. 오늘!) [34] 맛있는사이다3055 24/03/28 3055 0
101195 도둑질한 아이 사진 게시한 무인점포 점주 벌금형 [95] VictoryFood6511 24/03/28 6511 9
101194 시리즈 웹툰 "겜바바" 소개 [46] 겨울삼각형4896 24/03/28 4896 2
101193 <악은 존재하지 않는다> - 마침표와 물음표 사이.(노스포) [4] aDayInTheLife3525 24/03/28 3525 3
101192 고질라 x 콩 후기(노스포) [21] OcularImplants4842 24/03/28 4842 2
101191 미디어물의 PC주의에 대해 어떻게 생각하세요? [80] 프뤼륑뤼륑7813 24/03/27 7813 3
101190 버스 매니아도 고개를 저을 대륙횡단 버스노선 [59] Dresden10727 24/03/27 10727 3
101188 미국 볼티모어 다리 붕괴 [17] Leeka10323 24/03/26 10323 0
101187 Farewell Queen of the Sky! 아시아나항공 보잉 747-400(HL7428) OZ712 탑승 썰 [4] 쓸때없이힘만듬3732 24/03/26 3732 5
101186 [스포없음] 넷플릭스 신작 삼체(Three Body Problem)를 보았습니다. [48] 록타이트8281 24/03/26 8281 10
101185 시흥의 열두 딸들 - 아낌없이 주는 시흥의 역사 (5) [3] 계층방정3189 24/03/26 3189 8
101184 [웹소설] '탐관오리가 상태창을 숨김' 추천 [56] 사람되고싶다6844 24/03/26 6844 20
101183 진짜 역대급으로 박 터지는 다음 분기(4월~) 애니들 [58] 대장햄토리6410 24/03/25 6410 2
101182 '브로콜리 너마저'와 기억의 미화. [9] aDayInTheLife4017 24/03/25 4017 5
101181 탕수육 부먹파, 찍먹파의 성격을 통계 분석해 보았습니다. [51] 인생을살아주세요5021 24/03/25 5021 70
101179 한국,중국 마트 물가 비교 [49] 불쌍한오빠6589 24/03/25 6589 7
목록 이전 다음
댓글

+ : 최근 1시간내에 달린 댓글
+ : 최근 2시간내에 달린 댓글
맨 위로