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

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

2021-03-03 (수) 17:59 3년전 2,126  

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

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



분류 제목 날짜
dance 비비지 은하 매니악 댄스 새글
19시간전
19시간전
ucc 인형 사려고 동생 팔아버리려는 누나 [유머] 새글
20시간전
20시간전
ucc 이송경이 만든 김밥이 특히 맛있는 이유 [유머]
3일전
3일전
dance 뮤직 댄스녀 두진위 새로운 댄스
3일전
3일전
ucc 회원 님, 당구장 알바 해보셨어요? [유머]
6일전
6일전
talk 신세경 매력이 없나요? ㅡㅡ;;
8일전
8일전
talk 내 PC에 PC버전 카카오톡 프로그램 설치해 보세요.
8일전
8일전
talk 토렌트로 되도록이면 영화나 MP3 다운받지 마세요.
8일전
8일전
life 사용 중인 휴대폰 기기로 우체국 알뜰폰 신청 시 주의사항
8일전
8일전
sports 차기 한국 축구 국가대표팀 감독은 누가 돼야 하나? 끝장 투표 설문 중
10일전
10일전
talk 손흥민의 이강인에 대한 용서 화해 인스타그램 사진 탓인지....
10일전
10일전
1/147
목록
찾아주셔서 감사합니다. Since 2012