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
수정 아이콘
글쎄요;;; 저도 그냥 새로운 기능 소개된걸 사용해본거라 잘 모르겠습니다.
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회 추천
78321 [일반] 한국 언론관련 판결 사상 최고 손해배상액 사건 [32] 내일은해가뜬다10739 18/09/22 10739 18
78320 [일반] [뉴스 모음] No.195. 일부 언론의 백두산 기획방문설 외 [21] The xian8374 18/09/22 8374 33
78319 [일반] 남북정상회담때 사과요구가 없었다는게 불만이신분들에게 [54] 오리와닭9810 18/09/22 9810 40
78318 [일반] 여러분이 보았던 시골의 탈법(?)적인 상황이 뭐가 있나요? [10] 능숙한문제해결사6377 18/09/22 6377 0
78317 [일반] 남북정상회담에서 다루지 않아 아쉬웠던 사안+미화에 관한 잡담 [381] 미어캣16360 18/09/21 16360 13
78316 [일반] 나는 바보다... [11] Hospita4618 18/09/21 4618 0
78315 [일반] [스포] 스케일만 있는 쓰레기 영화 <안시성> [33] wlsak7445 18/09/21 7445 6
78313 [일반] 엄청난 짓을 하고 있는 천사의 섬 근황.jpg [69] 차오루15495 18/09/21 15495 7
78312 [일반] 정신나간 시의원의 정신나간 요구사항 [96] 류지나15984 18/09/21 15984 7
78311 [일반] (삼국지) 형주 공방전 (2) [82] 글곰17222 18/09/21 17222 78
78309 [일반] 택지지구 공개미션 성공한 더민주 신창현 의원 [31] 홍승식11044 18/09/21 11044 4
78308 [일반] 귀여운 단편 애니 하나 보고 가세요 3: One Small Step [3] 인간흑인대머리남캐5521 18/09/21 5521 2
78307 [일반] 영어가 생각보다 예의가 있는 언어는 아닐까? [52] 윤광12047 18/09/21 12047 2
78306 [일반] 통영에서 학생이 여교사의 치마 속을 촬영 유포한 일이 있었습니다. [120] 난감해18027 18/09/20 18027 6
78304 [일반] NBA판타지 리그 모집합니다(선정완료) [15] 능숙한문제해결사5801 18/09/20 5801 0
78303 [일반] (삼국지) 형주 공방전 (1) [91] 글곰20106 18/09/20 20106 85
78302 [일반] 덕질과 돈 쓰는 건 언제 해도 즐거워 (2) [13] RookieKid6574 18/09/20 6574 4
78301 [일반] 7가지 사소한 너무 대답하기 어려운 문제들 [35] 나는모른다13147 18/09/20 13147 2
78300 [일반] [스포] <명당> 고급재료로 만든 잡탕찌개 [39] 사악군10299 18/09/20 10299 5
78299 [일반] [잡지식]유럽국가들의 대중음악은 전부 영국과 미국의 음악에 종속되어있다? [20] 무플방지협회7244 18/09/20 7244 1
78297 [일반] 웹개발에 도움이 되는 도구를 소개합니다. [7] 시드마이어7124 18/09/20 7124 3
78296 [일반] 조선일보의 박근혜 감성팔이가 반박당했습니다. [55] 덴드로븀15494 18/09/20 15494 19
78295 [일반] 오늘 국회에서 있던 일.jpg [78] kicaesar12896 18/09/20 12896 8
목록 이전 다음
댓글

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