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

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

3,279  

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

※ 적정 로드 시간 : 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 쿼리 로직 개선.



분류 제목
talk JavaScript에 PHP의 var_dump() 없으니 불편 ㅡㅡ;
ucc 그렇게 안 봤는데 정말 무서운 사람.
military 한국형 경항모 (=경항공모함)에 일본/중국 대실망.
health 플랭크 올바른 자세
ucc 나이키 운동화 창업 성장 이야기 - 재미 만땅.
talk block (블록/블럭/블락] 올바른 외래어표기법/발음법
life 본인 스마트폰이 eSIM (이심) 가입 지원 휴대폰 단말기인지 확인 방법
web Ruffle (러플) 다운로드 및 그누보드5에 설치법 매뉴얼 - 최신브라우저에서 플래시(flash)/swf …
money (방문자 체류 시간과 이탈률) vs (애드센스 수익) 상관 관계
web 구글 (드라이브 + 문서 + 프리젠테이션)
talk i.e. vs. e.g. 차이
site 네이버 2단계 인증 로그인 설정 중 네이버앱 삭제한 경우 조치
sports 박항서 감독 빠진 베트남 축구 폭망 [해외축구]
health 코로나 바이러스 예방 수칙
ucc 베테랑 개발자 한기용 님이 초보 개발자에게 건네는 조언
girl 갓세희 님 섹시 스파이더걸 복장 아이브 댄스 [누나]
health 전립선비대증 + 전립선암 [건강]
sports 김은선 프로 님이 알려주는 올바른 골프 스윙 자세
web 코드 리뷰 시 점검사항
military 「존 티토」 예언을 실현시키기 위해 출동한 북한의 최강 비밀 특수 요원 「제이슨 박」
92/163
목록
찾아주셔서 감사합니다. Since 2012