List

외부 스크립트가 속도를 잡아먹는 방식

#웹가이드

Web Guide외부 스크립트광고속도 저하
외부 스크립트가 속도를 잡아먹는 방식
우리 사이트는 가벼운데 외부 코드가 무겁습니다.
붙여넣은 추적 코드들이 쌓이면 손을 쓸 수 없게 됩니다.
외부 스크립트가 속도를 잡아먹는 방식 관련 사진
01어떤 것들이 붙어 있나
시간이 지날수록 늘어납니다.
01
분석 도구
방문자 통계를 수집합니다.
02
광고 추적
매체별 성과 측정.
03
채팅 상담
우측 하단 상담 버튼.
04
지도, 영상
외부 서비스 삽입.
05
소셜 버튼
공유, 좋아요 기능.
06
폰트, 아이콘
외부에서 불러오는 자원.
02왜 느려지나
우리가 통제할 수 없는 영역입니다.
외부 서버 의존
그쪽이 느리면 우리도 느립니다.
렌더링 차단
다 받을 때까지 화면이 안 뜹니다.
연쇄 호출
하나가 또 다른 것을 부릅니다.
연결 지연
새 도메인마다 접속 시간.
실행 부담
저사양 기기에서 버벅입니다.
장애 전파
외부 장애가 우리 화면을 멈춥니다.
03정리 방법
없애거나 늦추거나 바꿉니다.
목록 만들기
붙어 있는 것을 전부 조사.
필요성 검토
안 쓰는 것은 제거.
중복 제거
같은 역할이 여러 개.
비동기 처리
화면 표시를 막지 않게.
나중에 실행
필요한 시점에 불러옵니다.
자체 호스팅
가능한 것은 우리 서버로.
04관리 체계
다시 쌓이지 않게 규칙이 필요합니다.
없을 때
담당자마다 코드 추가 · 누가 넣었는지 모름 · 뺄 수 없음 · 계속 누적
있을 때
추가 시 승인 절차 · 목록 관리 · 정기 점검으로 정리 · 성능 영향 확인
CHECK POINT
□  붙어 있는 외부 스크립트 목록이 있는가
□  안 쓰는 것을 제거했는가
□  같은 역할의 중복이 없는가
□  화면 표시를 막지 않게 처리했는가
□  채팅이나 위젯을 나중에 불러오는가
□  외부 장애 시 화면이 멈추지 않는가
□  추가할 때 승인 절차가 있는가
□  정기적으로 점검하는가
외부 스크립트는 우리가 통제할 수 없는 속도 변수입니다.
목록을 만들고 추가 절차를 정해두지 않으면 계속 쌓입니다.
#외부 스크립트#광고#속도 저하#추적 코드#비동기#관리 체계#성능#반응형#웹비스타#홈페이지 제작
목록보기