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

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

3,390  

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

※ 적정 로드 시간 : 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 BS - Material Design 반응형 그리드 레이아웃 분기점 (Breakpoint)
web (질문/의뢰)하실 때 「간단」이란 말은 피하는 게... ★
web CSS - 글자흐림(= 글자번짐) 원인
web 그누보드M (짧은주소 URL + 다국어버전) 서비스 시작 - 그누보드 세계화 선언
web PHP - 중괄호로 변수를 감싸서 문자열 중간에 넣지 말기
web JQ - detach() vs. remove() 메서드 차이 예제
web JQ - 아작스 스크립트 외부링크 주소
web JS - 자바스크립트 기반의 프레임워크 종류
web HTML - 폰트오썸4.7 (CDN 외부링크 주소 + 다운링크 주소 + 아이콘 주소)
web 다음(Daum) 약도 지도 홈페이지에 추가
web PHP - 3개 변수가 나란히 등호로 연결된 의미 ★★★★★
web 의뢰자견적과 작업자견적 차이 (= 의뢰인과 제작자의 견적차이 = 개발자임금 = 작업임금 = 의뢰가격 = 의뢰…
web 홈페이지 유지 보수 관리할 능력이 없으면...
web HTML - <marquee> 요소 안의 내용 자동 스크롤 이동 (HTML5에서 폐기)
web G5 - alnum_ 의미
web DB - blob (binary large object) : 데이터베이스에 저장하기 위한 바이트(bytes)…
web PHP - php.ini 파일 지시어(directives) 리스트
web 페이스북, 트위터 가입 및 시작 방법
11/19
목록
찾아주셔서 감사합니다. Since 2012