최적의 페이지 렌더링을 위해 JavaScript가 CSS보다 선행해야 합니까?

CSS는 항상 JavaScript보다 우선해야 합니까?

질문:
온라인 권장 사항에서는 CSS를 JavaScript보다 먼저 배치하도록 권장하는 경우가 많습니다. 페이지를 표시하기 전에 필요한 모든 스타일 정보를 확인하세요. 이 권장 사항은 여전히 ​​유효합니까?

답변:

이 주장을 조사하기 위해 JavaScript 및 CSS 검색에서 임의의 지연을 허용하는 Ruby 스크립트를 사용하여 다양한 테스트를 수행했습니다. 결과에 따르면 JavaScript 포함이 먼저 배치될 때 최신 데스크톱 브라우저의 성능이 실제로 향상되는 것으로 나타났습니다.

• CSS 우선: 페이지 렌더링에 1.5초가 소요됩니다.
• JavaScript 우선: 페이지 렌더링에 1.4 소요

Chrome, Firefox, Internet Explorer에서도 비슷한 결과가 나타났습니다. 그러나 Opera에서는 렌더링 시간에 차이가 없었습니다.

설명:
최신 브라우저는 추측적 구문 분석을 구현합니다. 여기서 꼬리표. 이로 인해 브라우저는 CSS를 다운로드하기 전에 JavaScript가 로드되고 실행될 때까지 기다리므로 CSS를 먼저 포함하는 이점이 무효화됩니다.

결론:
테스트 결과에 따르면 의 외부 스크립트 다음 외부 스타일 시트를 포함하는 것이 가장 좋습니다. 태그는 특히 시장 점유율이 85% 이상인 데스크톱 브라우저의 경우 더욱 그렇습니다. 이 순서는 병렬 다운로드를 보장하고 대다수 사용자의 성능을 향상시킵니다.

예외:
위의 결론은 데스크톱 브라우저에 적용되며 모바일 브라우저에는 적용되지 않을 수 있습니다. 현재 추측성 구문 분석을 지원하지 않습니다. 따라서 특정 대상에 대한 성능 영향을 테스트하고 고려하는 것이 좋습니다.

위 내용은 최적의 페이지 렌더링을 위해 JavaScript가 CSS보다 선행해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!