반응형
프로덕션에서 CSS / JavaScript 소스 맵을 사용하면 성능에 영향이 있습니까?
- 프로덕션 환경에서 소스 맵을 사용해야합니까? 디버깅 외에 다른 이점을 제공합니까?
- 추가 서버 왕복으로 인해 앱로드 시간에 영향을 미치나요?
.map앱이로드되고 렌더링 된 후 브라우저가 자산 을로드 할 수있을만큼 똑똑 합니까? - 브라우저가
.map자산 (404오류)을 찾을 수없는 경우 성능에 영향이 있습니까? 고쳐야하나요?
.map복잡한 연결 / 최소화 빌드 단계가있는 경우 마지막 항목을 수정하는 것이 애셋 을 제공하는 것만 큼 쉽지 않을 수 있습니다 .
Charles Web Proxy를 사용한 빠른 테스트 는 개발자 도구가 열려있는 경우 에만 소스 맵이 로드 됨을 보여줍니다 . 개발 도구를 열지 않고 페이지를로드하면 소스 맵에 대한 http 요청이 없습니다.
동작은 Chrome 43과 Firefox 38에서 동일했습니다.
따라서 프로덕션 환경에 영향을 미치지 않는 것으로 보입니다.
HTML5 Rocks에서 :
기본적으로 결합 / 축소 된 파일을 빌드되지 않은 상태로 다시 매핑하는 방법입니다. 프로덕션 용으로 빌드하고 JavaScript 파일을 축소 및 결합하면 원본 파일에 대한 정보를 포함하는 소스 맵이 생성됩니다. 생성 된 JavaScript에서 특정 줄과 열 번호를 쿼리 할 때 원래 위치를 반환하는 소스 맵에서 조회를 수행 할 수 있습니다. 개발자 도구 (현재 WebKit nightly 빌드, Google Chrome 또는 Firefox 23 이상)는 소스 맵을 자동으로 구문 분석하여 축소되지 않고 결합되지 않은 파일을 실행하는 것처럼 보이게 할 수 있습니다.
http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/
반응형
'Nice programing' 카테고리의 다른 글
| 실존 적 유형의 이론적 근거는 무엇입니까? (0) | 2020.11.15 |
|---|---|
| `import module`이`from module import function`보다 더 나은 코딩 스타일입니까? (0) | 2020.11.15 |
| 유성 응용 프로그램을 내 서버에 배포하는 방법은 무엇입니까? (0) | 2020.11.14 |
| Kotlin에서 목록을 복제하거나 복사하는 방법 (0) | 2020.11.14 |
| FtpWebRequest 전에 FTP에 파일이 있는지 확인하는 방법 (0) | 2020.11.14 |