오랜만의 건의
2025-10-31 15:01
1
0
지금 보면..
서버에서 가져오는 데이터가 불러와지는 데에 시간이 생각보다 많이 소요되고 있습니다.
왜 그런가 하고 봤더니
빌런의 페이지를 끌어오는 소스코드를 살펴보면 됩니다.
보시면 3129줄의 데이터를 가져왔다는 것으로 표기됩니다.
근데 여기서 네이버를 한번 보겠습니다.
30.4kb 91ms
‘그럼 코드가 적은거 아니야?’
아뇨. 네이버는 7704줄을 사용합니다.
근데 왜 빌런의 페이지와 네이버의 페이지는 용량의 차이가 발생할까?
답은 ‘ ’와 ‘ ’ 입니다.
→ 줄바꿈
→ 탭여백
코드를 보면 빌런은 3129줄이라는 내역이 표기되지만.
네이버는 - 으로 표기됩니다.
왜 그러는 것이냐.
바로. 컴퓨터는 우리가 보는 가시성 코드가 필요 없기 때문이죠.
즉. 컴퓨터가 읽을 필요가 없는 여백, 탭, 줄바꿈은 쓸때없는 자원의 낭비가 된다. 라고 보시면 됩니다.
어차피 알아서 잘 읽으니까요
반환될때
HTML은
html-minifierCSS는
cssnanoJS는
uglify-js
요런걸 이용해서 압축을 시켜서 전송하도록 설정하는 것이 좋습니다.
좀 더 빠른 화면 로딩과 데이터 비용 절감을 위해 적어봤습니다.
는.. 보니까 메인페이지만 문제가 발생되는 것으로 보아
메인페이지의 리소스를 불러오는 것 중 하나가 지연을 발생시키는 것으로 보입니다.
메인페이지 Largest Contentful paint 2.54초
이벤트 페이지 Largest Contenntful paint 0.40초.
1
0
By 콘텐츠 제보 및 정정요청 = master@villain.city
저작권자ⓒ 커뮤니티 빌런 18+ ( Villain ), 무단전재 및 재배포 Ai 학습 포함 금지
관련 게시글
관련 게시글이 없습니다.
Comment
정렬
브랜드로그
0 / 0
0 / 0
HYTE Y50 RGB 피치 블랙 [써보니] 진화한 어항케이스!
서린씨앤아이
@seorincni
1일전
서린씨앤아이
@seorincni
1일전
- 이벤트 l
- 체험단 모집 l
- 특가 이벤트 l
- 당첨/발표
- [체험단 모집] 맥스엘리트 850W 파워 체험단 모집
-
2026.01.21
6
4
- [특가 이벤트] 잘만, HPS800W 무선 헤드셋 및 HPS610 헤드셋 특가 및 포토리뷰 이벤트
-
2026.05.26
0
0
- [특가 이벤트] 크록스 스프링 페스타 3월 18일, 최대 6만원 추가 할인
-
2026.03.16
1
1
- [특가 이벤트] 3/3(화) 오후 8시, UP TO 50% + 라이브 단독 1만원 추가 할인
-
2026.03.02
0
0
- [특가 이벤트] 크록스 코리아 남성 BEST 클로그 5% 쿠폰 혜택
-
2026.02.26
0
1
- [당첨/발표] [발표] 댓글학원 우등생 TOP 5 발표
-
2026.09.29
15
13
- [당첨/발표] [발표] 댓글학원 우등생 TOP 5 발표
-
2026.07.22
10
6
- [당첨/발표] [발표] AI에이전트 미니PC지원 댓글이벤트 당첨자 발표
-
2026.04.06
6
3
- [당첨/발표] 맥스엘리트 850W 체험단 당첨자 발표
-
2026.02.02
3
2
- [당첨/발표] 1월 베스트 빌런 댓글러 이벤트 당첨자 발표
-
2026.02.02
5
3
- 종합
- 뉴스/정보
- 커뮤니티
- 질문/토론
