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
수정 아이콘
글쎄요;;; 저도 그냥 새로운 기능 소개된걸 사용해본거라 잘 모르겠습니다.
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회 추천
78473 [일반] 김정은 "평양 방문하시면 열렬히 환영" 프란치스코 교황 초청 [43] 삭제됨10374 18/10/09 10374 6
78472 [일반] 열심히 한게 독이되는 경험을 처음 맛보았습니다 [43] 헤헤헤헤11972 18/10/09 11972 4
78471 [일반] 지금 내 가방과 주머니에는 [9] 멋진인기5937 18/10/09 5937 8
78470 [일반] 닉네임을 변경하며 [79] 스컬리8002 18/10/09 8002 3
78469 [일반] 선명히 남은 MB의 흔적 [50] 신사중에신사15480 18/10/08 15480 32
78468 [일반] 네번째를 맞는 양승태 주거 압수수색 기각, 그리고 그 웃지못할 사유 [32] 곰주9012 18/10/08 9012 14
78467 [일반] 성범죄로 '벌금 100만원 이상' 공무원 퇴출…공시생도 임용제한 [96] artes12672 18/10/08 12672 3
78466 [일반] 어메이징 멕시코 근황... [39] imemyminmdsad14449 18/10/08 14449 10
78465 [일반] (야당 단신)보수 본질은 높은 도덕성·개혁성"..자유당, 새 좌표·가치 제시 외 [58] kicaesar7476 18/10/08 7476 1
78464 [일반] 황교익은 과연 맞는 말을 할까? 전문가 타이틀에 부끄럽지 않게 [62] 삭제됨11905 18/10/08 11905 26
78462 [일반] 낙찰된 순간 찢어진 그림 [38] 及時雨13041 18/10/08 13041 9
78461 [일반] <서치>, <베놈>, <암수살인>, <안시성>, <명당>, <협상> , <더넌>후기(노스포) [39] 화이트데이9298 18/10/08 9298 9
78460 [일반] 한국의 사법 체계의 진실성이 너무 의심스럽습니다. [55] 차가운밤9864 18/10/08 9864 10
78459 [일반] 돈코츠라멘과 콜드브루와 베놈! -합정에서 [55] 현직백수10319 18/10/08 10319 6
78458 [일반] 기원전에 지구 둘레를 잰 고대 그리스의 천문학자 [24] imemyminmdsad9395 18/10/08 9395 7
78457 [일반] 롯데/기아 준와일드카드전 경우의 수 [34] 러브포보아8555 18/10/08 8555 0
78456 [일반]  [뉴스 모음] No.200. 가짜뉴스에 대한 자유한국당의 우디르급 태세 전환 외 [36] The xian15746 18/10/08 15746 52
78455 [일반] 솔로몬의 선택 [17] 사악군6154 18/10/08 6154 17
78454 [일반] 때와 장소, 상대에 대한 개념이라는게 없는 기자 [25] 홍승식14908 18/10/07 14908 6
78453 [일반] [영화] 매일 죽음과 삶을 넘나드는 남자의 이야기, 프리 솔로(Free Solo) [15] 솔루12459 18/10/07 12459 4
78452 [일반] 이동진은 쇼 호스트인가? [73] 마스터충달21941 18/10/07 21941 53
78450 [일반] 마이크로소프트 윈도우10 레드스톤5 업데이트 일시 중단 [29] Leeka12128 18/10/07 12128 3
78449 [일반] 미친짓 한번 해본다. 공공의 적, 황교익 쉴드. [149] 김파이19643 18/10/06 19643 29
목록 이전 다음
댓글

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