어느 것이 더 빠르다고 생각하십니까? 'main.css'스타일 시트와 사이트의 각 섹션에 대한 추가 스타일 시트 또는 'main.css'스타일 시트가있는 다음 나머지 사이트 전체에 대한 하나의 추가 스타일 시트? 추가 스타일 시트는 본문 ID 및 클래스를 통해 요소를 후크하고 더 긴 선택기가 필요합니다. 예 : # body-id .page-wrap.
질문 : 특정 스타일 섹션 (10-20 고유 요소)에 대한 추가 선택기를 추가하면 캐시되지 않은 스타일 시트에 대한 추가 HTTP 요청보다 사이트 속도가 느려 집니까?더 빠른 CSS 최적화
특정 스타일 섹션 (10-20 고유 요소)에 대한 추가 선택기를 추가하면 캐시되지 않은 스타일 시트에 대한 추가 HTTP 요청보다 사이트가 더 느려 집니까?
아니요. 네트워크 대기 시간 때문에 HTTP 요청이 항상 느려집니다. 페이지가로드되고 점진적으로 렌더링되는 것을 보는 이유는 페이지가 인 동안 브라우저가 컴퓨팅 및 렌더링 스타일이 매우 우수하여 이 발생하기 때문입니다.
전적으로 귀하에게 달려 있습니다. 서버 측 성능이 중요한 경우, HTTP 요청을 최소한으로 유지하는 것이 가장 좋지만 유지 보수 가능성은 희생하지 않아야합니다. 선택기 구문 분석 또는 렌더링 성능은 잊어 버리십시오. 일반적으로 브라우저에 따라 걱정할 필요가 있습니다.
"main.css '스타일 시트가 있고 나머지 사이트 전체에 대해 하나의 추가 스타일 시트가있는 옵션 2를 선택해야합니다. 처음으로 CSS를로드 한 다음 브라우저 캐시에서 제공하기 때문에. http 요청은 쿠키의 여분의 바이트 (aprx : 270b), 헤더 정보, 요청/응답 시간 (네트워크 대기 시간) 및 아파치에 대한 추가 요청과 함께 제공되므로 항상 비용이 많이 듭니다.
css/js/images의 브라우저 캐시를 사용하려면 서버에서 캐시 헤더를 사용하도록 설정했는지 확인하십시오.
일반적으로 웹 사이트의 여러 페이지에서 사용되는 스타일을 포함하는 main.css가 있습니다. 그 밖의 모든 것에 대해서는 해당 페이지의 머리 부분에 스타일을 넣었습니다.
'페이지를 다운로드하는 중에 발생합니다.' - 나에게 일어나지 않았던 무엇인가. 고마워! –