첫 화면 내용 크기 줄이기

当PageSpeed Insights检测到系统需要进行更多次的网络往返来呈现网页的首屏内容时，就会触发此规则。

概览

필요한 데이터 양이 초기 정체 창 제한을 초과하면 서버와 사용자 브라우저 사이를 더 많이 왕복해야 합니다. 사용자가 지연 시간이 긴 네트워크(예: 모바일 네트워크)를 사용하는 경우 웹 페이지 로딩이 크게 지연될 수 있습니다.

제안

웹 페이지 로드 속도를 높이려면 웹 페이지의 첫 화면 내용을 렌더링하는 데 필요한 데이터(HTML 마크업, 그림, CSS 및 JavaScript) 크기를 제한하십시오. 이를 위해 다음과 같은 여러 가지 방법을 시도해 볼 수 있습니다.

• 结构化HTML，以便首先加载关键的首屏内容
• 자원에 사용되는 데이터의 양 감소

结构化HTML，以便首先加载关键的首屏内容

请首先加载网页的主要内容。结构化网页，以便服务器发出的初始响应能发送必要数据，从而迅速呈现网页的关键部分并暂缓呈现其余部分。这可能意味着，您必须将CSS拆分为两个部分：负责调整内容ATF部分的格式的内嵌部分，以及可暂缓呈现的部分。

로드 속도를 높이기 위해 웹 사이트를 구조화하는 방법은 다음 예를 참조하십시오.

• 如果您的HTML先加载第三方小部件，再加载主要内容，请将该加载顺序更改为先加载主要内容。
• 웹 사이트가 2열 레이아웃(즉, 내비게이션 사이드바에 포스트를 추가함)이고 HTML이 사이드바를 먼저 로드한 후 포스트를 로드하는 경우 포스트를 먼저 로드하는 것을 고려해 보십시오.

减少资源所用的数据量

如果经过重新设计的网站可以在多个设备上正常运行，并能首先加载关键内容，请使用以下技术来减少呈现网页所需的数据量：

• 리소스 크기 감소: 불필요한 공백과 설명을 제거하여 HTML, CSS, JavaScript의 크기를 줄입니다. 자산에서 변형 이름의 이름을 바꿀 수 있는 도구를 사용하여 최적화를 추가로 수행합니다.
• 尽可能考虑使用CSS，而非图片.
• 압축 기능 사용

Except as otherwise noted, the content of this page is licensed under theCreative Commons Attribution 3.0 License, and code samples are licensed under the Apache 2.0 License. For details, see ourSite Policies.