가장 큰 화면 요소를 더 빨리 불러오기

페이지에서 가장 큰 화면 요소를 더 빨리 불러오는 것을 도와주세요.
페이지: [페이지]
요소: [요소]
구성: [구성]
순서: 1. 측정 보고서와 페이지 HTML 앞부분을 읽고 모바일과 데스크톱 첫 화면의 가장 큰 요소를 알려 주세요. 2. 그 요소의 로딩 시간을 서버 응답, 로딩 시작까지의 대기, 로딩 시간, 표시까지의 시간으로 나눠 주세요. 3. 흔한 원인을 확인해 주세요. 이미지 지연 로딩, 스크립트로만 삽입되는 이미지, 너무 큰 파일, 렌더링을 막는 스타일시트나 글꼴, 리디렉션입니다. 4. 이미지를 미리 알리기, 이 이미지의 지연 로딩 끄기, 알맞은 크기와 형식 제공하기, 중요한 스타일을 직접 넣기 같은 변경을 제안해 주세요. 5. 변경을 예상 효과와 수고 순으로 정렬해 주세요. 6. 변경 후 실험실 데이터와 실제 사용자 데이터로 결과를 확인하는 방법을 설명해 주세요.
결과: 기기별 요소, 시간 분해, 효과 순 변경 목록, 확인 계획.

특히 체감 속도를 결정하는 하나의 요소에 집중하세요에 신경 써 주세요.

답하기 전에 확인하세요: 지시를 모두 지켰나요? 중요한 정보가 없거나 대괄호로 된 입력란이 남아 있으면 추측하지 말고 질문하세요. 가정한 내용은 가정이라고 표시하세요.​