[Refactor] LightHouse 성능 개선 #175
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
빌드를 성공했습니다! 🎉 |
sooyeoniya
approved these changes
Aug 20, 2024
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
🖥️ Preview
close #174
✏️ 한 일
우선 빠르게 수정할 수 있는 부분들을 개선해봤습니다.
LCP
초기 헤드라인 이미지를 로드하기까지 시간이 오래 걸리는 문제가 있었습니다. 따라서 이미지를 preload해서 로드 시간을 줄여줬습니다.
(렌더링 지연 시간은 디졸브 애니메이션으로 인한 지연 시간)
글꼴 표시
폰트가 설정되기 전에 텍스트 표시 방식은 font-display라는 css 속성에 의해 정의됩니다. 디폴트 값은 auto로 보통 폰트가 로드되기 전까지 텍스트를 렌더링하지 않습니다.
font-display: swap으로 설정해서 폰트가 설정되기 전까지는 기본 폰트를 보여주는 방식으로 바꿀 수 있습니다.검색 엔진 최적화
meta 태그는 웹페이지를 요약하는 태그로, 페이지에 대한 설명을 description으로 정의해줘야합니다.
robots.txt는 검색 로봇이 웹사이트 정보를 수집할 수 있도록 허용/제한하는 파일입니다.
❗️ 발생한 이슈 (해결 방안)
❓ 논의가 필요한 사항