Link="preload"가 추가되었지만 페이지 속도에서 감지되지 않음
페이지 속도 인사이트는 페이지 로드 속도를 높이기 위해 특정 글꼴 파일을 미리 로드하는 것을 권장합니다.요소 내에 코드를 추가했지만 페이지 속도가 여전히 감지되지 않습니다.다른 답변에 언급된 모든 수정 사항을 시도했습니다.
- cross origin 속성 사용(익명 포함)
- 머리글/발글 삽입 플러그인 사용
- .woff, .eot와 같은 다른 글꼴 유형을 로드하는 중
여기 그 페이지에 대한 링크가 있습니다.이 페이지는 예시일 뿐입니다.페이지 속도가 다음과 같이 언급되는 다른 모든 게시물에도 동일한 문제가 있습니다.
Consider using `<link rel=preload>` to prioritize fetching resources that are currently requested later in page load. Learn more.
URL
Potential Savings
…fonts/johannes-font.ttf(productiveclub.com)
2,670 ms
지금 여러 개의 프리로드는 테스트용입니다.하나의 프리로드 문만 유지해도 동일한 오류가 지속됩니다.
여기 제 코드에 뭐가 문제인지 이해할 수 있는 사람?미리 감사드립니다.
실제로 글꼴을 로드하면 다음과 같은 기능이 있습니다.?
그 끝에
그러면 캐시를 지우고 파일의 새 버전을 로드하여 사용자가 수행한 사전 로드를 취소하거나 다른 파일로 처리합니다.
url(/wp-content/themes/johannes/assets/fonts/johannes-font.ttf?) format('truetype')
최소화된 CSS 파일 중 하나에 위치합니다.
또한 두 번 이상(HTML의 7번 라인과 199번 라인) 사전로딩하기 때문에 콘솔 오류가 발생합니다. 직접적인 관련은 없지만 어느 쪽이든 수정하는 것이 중요합니다.
https://productiveclub.com/wp-content/themes/johannes/assets/fonts/johannes-font.ttf 리소스가 링크 프리로드를 사용하여 사전 로드되었지만 윈도우 로드 이벤트로부터 몇 초 이내에 사용되지 않았습니다.그것에 적절한 것이 있는지 확인해 주세요.
as
value 그리고 그것은 의도적으로 미리 로딩됩니다.
명확성을 위해 - 브라우저에 관한 한fonts/johannes-font.ttf
동일하지 않음fonts/johannes-font.ttf?
브라우저에 관한 한 실제로 파일을 미리 로드하는 것은 아닙니다.제거합니다.?
당신의 URL에서 예상대로 작동할 것입니다.
언급URL : https://stackoverflow.com/questions/65193010/link-preload-added-but-not-detected-by-pagespeed
'programing' 카테고리의 다른 글
두 가지 조건으로 각진 버튼을 비활성화하시겠습니까? (0) | 2023.10.15 |
---|---|
안드로이드 및 dp 단위로 프로그래밍된 폭 및 높이 설정 (0) | 2023.10.15 |
MYSQL 날짜 시간 반올림에서 가장 가까운 시간 (0) | 2023.10.15 |
부트스트랩과 아이오닉의 차이점 (0) | 2023.10.15 |
다음 클라우드가 도커에서 데이터베이스를 찾지 못하는 이유는 무엇입니까? (0) | 2023.10.15 |