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

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

3,368  

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

※ 적정 로드 시간 : 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 Failed to load resource: the server responded with a status …
web (세션/쿠키/스토리지/테이블) 방식 장단점
web 펜션 홍보 및 예약 사이트에 필요한 게시판/기능
web CodePen (코드펜) 사이트 인터페이스 커스텀 CSS 코드
web JS (JavaScript: 자바스크립트) 관련 웹기술 종류 및 꼭 배워야 하는 것
web 유튜브 내 (사용자ID / 채널ID) 확인 (= youtube 나의/본인 (사용자아이디 / 채널아이디)) ※…
web 웹페이지 파일명에 youtube 사용 금지 !!
web ChatGPT 이용해 프로그램 제작 방법/절차/노하우
web PHP - 사용자 입력값 보안처리 수단
web ChatGPT 이용해 코딩할 때 주의사항 3가지
web 개발자 커뮤니티 사이트에 필요한 게시판과 추천 테이블ID (= 게시판아이디)
web 썸네일 (Thumbnail) 생성 (이유 / 장단점)
web ChatGPT AI (무료/유료)버전 장단점
web 사이트 커뮤니티 활성화시키는 방법 (chatGPT AI 답변)
web PHP 버전별 주요이슈/새문법 (chatGPT AI 답변)
web 제작의뢰 고객 데이터 관리 방법 (chatGPT AI 답변)
web ChatGPT 사이트 인터페이스 커스텀 CSS 스타일코드
web PHP 정규표현식(=정규식) (chatGPT AI 답변)
web 웹사이트 크롤링 가이드 (Website Crawling Guide) (chatGPT AI 답변)
web 공공API 사용법 가이드 (chatGPT AI 답변)
2/19
목록
찾아주셔서 감사합니다. Since 2012