CDN 호스팅 된 자바 스크립트 라이브러리 대 다운로드 및 축소

Question

주로 여기 몇 가지 정보를 찾고 있습니다.

최근 Grunt 및 LiveReload와 함께 작동하도록 설정이 변경되었습니다. scss 파일에서 작게 압축 된 CSS 파일을 만드는 데 좋습니다.

그러나 JS의 관점에서 가장 좋은 점은 무엇입니까? 현재 jQuery, Isotope, TagIt 등과 같은 대부분의 것들에 CDN을 사용하고 있습니다.

내 사이트에 대한 고유 한 코드가 포함 된 몇 가지 사용자 지정 JS 파일이 있으므로 연결하고 축소하는 것이 좋습니다. 많은 요청을 받으면 성능에 영향을 미치므로 확장 및 연결에 영향을 미친다는 것을 알고 있습니다.

그러나 모든 라이브러리를 다운로드하고 하나의 JS 파일로 컴파일하여 내 사이트에 포함시키는 것이 더 낫습니까? 아니면 CDN에 연결된 외부 파일을 유지 하시겠습니까? 의존하는 반면, 자신이 담당 당신을두고 자바 스크립트를 호스팅, 보안의 측면에서

성능

보안

• 보안 :

Answer 1

정말 여기에 두 가지 고려 사항이있다 외부 도메인의 JavaScript에서 본질적으로 DOM의 보안을 사용하여 해당 도메인을 트러스트합니다. (제 3 자와의 신뢰 수준에 따라 허용 될 수도 있고 허용되지 않을 수도 있음). Content-Security-Policy과 같은 고급 보안 설정을 사용하는 경우 외부 호스팅 스크립트 (예 : script-src의 CDN 도메인을 구체적으로 허용)를 허용하려면 추가 작업을해야 할 수도 있습니다.

성능

성능면에서

하는 CDN 버전 호스팅 사용 -이 인기가 특히 - 더 나은 캐싱을 제공 할 수 있습니다를, 그러나 직접 호스팅하고 다른 스크립트와 결합하면 요청 수가 줄어들 수 있습니다. 어떤면에서 실제로 더 빨라지는지, 당신은 자신의 측정치 중 일부를 할 필요가 있습니다. 실제 사용자 트래픽으로 a/b 테스트를하는 것이 좋습니다. 그러면 실제 사용자가 이미 CDN 호스팅 버전을 가지고 있는지 여부를 알 수 있습니다. 리소스가 캐싱되었는지 여부).