• 회원가입
  • 로그인
  • 구글아이디로 로그인

[web] 웹페이지 로드 속도 올리기. (= Page Speed 개선 방법)

3,281  

※ 웹페이지 로드 속도 올리면 검색 순위가 올라가 수익 개선 가능.

※ 적정 로드 시간 : 2초 이내.

 

※ 4가지 체크 사항.

1. 페이지 스피드 인사이트.

2. 스피드 인덱스.

3. 시각적으로 완료.

4. 완전히 로드.

 

※ 내 웹페이지 속도 측정. (※ 구글 검색창에 「페이지 속도」검색)

https://developers.google.com/speed/pagespeed/insights/?hl=ko

 

※ 퍼스트뷰 로드 속도 개선 방법. (1초 이내 권장)

1. 레이지로드 (Lazyload) 활용.

2. 페이지 상단은 inline CSS 활용.

3. 위젯은 본 콘텐츠 하단에 배치.

 

※ 그외 개선 사항.

1. http 요청 개수를 40 이하로 줄이기.

2. 스프라이트 이미지 (sprite image) 사용해 이미지 요청 개수 줄이기.

3. 렌더링 방해하는 JS 및 CSS 삭제.

4. HTML CSS JS를 압축.

5. GZIP 활성화해 파일 크기 줄이기.

6. 브라우저 캐싱 적절히 활용.

7. SQL 쿼리 로직 개선.



분류 제목
web 웹 미래 - (앱 만들 필요 없어짐 / 비밀번호 없어짐)
web AJAX 읽는 법
web ChatGPT 이용해 프로그램 제작 방법/절차/노하우
web PHP 버전별 주요이슈/새문법 (chatGPT AI 답변)
web HTML CSS JavaScript jQuery PHP SQL BootStrap 코딩언어 역할 쉬운 설명
web 사이트 커뮤니티 활성화시키는 방법 (chatGPT AI 답변)
web (다음/카카오) 외부 스크립트 사용 홈페이지 로딩 지연 에러 해결
web ASGI 서버 개념
web 공공API 사용법 가이드 (chatGPT AI 답변)
web 코딩 (제작의뢰/수주) 시, 반드시 (APM/빌더)버전 공유하기
web 체에디터 (cheditor) gif 움짤 이미지 에러 해결책 (= animated gif image erro…
web 무료호스팅 사이트 모음
web 사용자 입력값 받아 표시하기 시스템 이해하기
web 파이썬(Python) 모드나 키보드인터럽트(KeyboardInterrupt) 모드에서 빠져나오기
web Dart (다트) 앱 코딩언어 소개 / Flutter (플러터) / Adroid Studio (안드로이드 스…
web Apache log4j 취약점 대응 가이드
web 리눅스 보안 업그레이드만 진행하기
web (utf-8 / euc-kr) 차이점 - 문자셋 인코딩 방식 종류
web CSS 핵심 3대장/삼대장 (찾기 → 수정 → 반영) = 찾아서 수정 후 변경사항 적용하기
web (웹호스팅/가상호스팅) 이용 중 속도 느릴 때 체크할 사항
2/19
목록
찾아주셔서 감사합니다. Since 2012