조금 불친절하게 말하자면, HTTP/2를 지원하기 위해 해야 할 모든 일은 h2로 통신하는 웹 서버로 업그레이드하거나 실제 웹사이트를 대신해 h2로 통신할 콘텐츠 전송 네트워크를 사용하는 것이다. 비록 사실일지라도, 이것은 설명하기 어려운 많은 미묘한 부분을 대충 덮어 버리는 것이며, 예상치 못한 큰 대가를 치르거나 성능이 최적 상태에 못 미칠 수 있다. 다음은 웹사이트를 HTTP/2로 전환하기 전에 고려해야 할 몇 가지 항목들이다.브라우저의 h2 지원TLS(HTTPS)로의 전환웹사이트의 h2 최적화(h1용 설정 제거)웹사이트의 서드파티 개체기존 클라이언트를 위한 지원 유지이번 장에서는 이 주제들에 대해 알아야 할 것들을 설명한다. 4.1 브라우저 지원이 책의 집필 시점을 기준으로, 약 80%의 웹 브라..

(비교적) 오래된 프로토콜을 사용해 현대 웹 페이지를 빠르게 전송하는 일은 줄타기 곡예를 하는 것과 비슷하다. 웹 성능 기술자의 전문 역량으로만 이러한 웹 페이지의 성능을 유지해오고 있는 셈이다. 오라일리의 벨로시티 콘퍼런스 시리즈가 생겨난 것도 부분적으로는 이 낡은 프로토콜을 퇴대한 활용하는 다양한 기법과 팁을 공유하려는 사람들 때문이라고 할 수 있다. 우리가 가고 있는 곳(즉, HTTP/2)을 이해하려면, 우리가 현재 있는 곳, 우리가 직면한 문제, 우리가 현재 그 문제를 다루고 있는 방법을 먼저 이해하는 것이 중요하다. 3.1 오늘날의 성능 문제현대의 웹 페이지나 웹 애플리케이션을 전송하는 일은 결코 간단한 문제가 아니다. 페이지 내 수백 개의 개체, 수천 개의 도메인, 변동이 심한 네트워크, 광범..

1.4 서드파티(Third party) 지원부트스트랩은 공식적으로 어떤 플로그인이나 애드온 같은 것을 지원하지 않습니다만, 웹 에서 가장 많이 사용하는 몇가지 사항, 예를 들어 구글맵을 웹사이트에 사용하게 될 경우 문제점이 발생할 우려가 있기 때문에 이런 경우 해결할 방법을 제시합니다. 먼저 구글맵이나 구글 맞ㅁ춤 검색엔진의 경우 *{box-sizing:border-box;}을 사용하게 되면 부트스트랩과 충돌이 일어날 수 있습니다. 이런 경우에는 다음의 몇가지 옵션과 같이 처리하면 문제를 피할 수 있습니다. 위의 코드가 의미하는 것은 .google-map-canvas와 .google-map-cavas의 하위 모든 요소들의 속성을 box-sizing:xontent-box;로 처리하는 것입니다. 이 부분을 ..