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

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

3,354  

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

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



분류 제목
sports 엔제볼 (앤제볼: AngeBall) 의미/뜻/정의 - 토트넘 공격 축구 스타일
talk 의사들에게 상납금 바치는 약사들.
pc 윈도우10 - "이 앱은 열 수 없습니다 이 앱의 평가판 기간이 만료되었습니다. ~" 에러 해결
web 이클립스 (글꼴 / 글자 크기 = 폰트 사이즈) 조정. (Eclipse Font Size Control)
health 인체 장기 「간」구조・기능 [건강]
talk 코딩 고수가 돈 못 버는 이유
talk 서버 업그레이드 정말 겁나는 일이에요. 1
ucc 복학생언니 - 일진 싸대기 참교육 하는 이희루 님 [웹드라마]
talk 구글 크롬과 유튜브는 다른 회사?
dance [MMD] Conqueror [Prinz Eugen] = 정복자 [프린츠 오이겐] 댄스 COVER
ucc 바위 들고 무호흡 수중 잠수 달리기
girl 여자배구 선수 강소휘 님 경기 전 몸풀기 스트레칭
ucc 검은 고양이 키우시는 분들 필독 !! 1
dance 찐며든사랑 님 (OK X 파송송 X 제로투) 댄스 + 자기소개
site 다크모드 브라우저 확장프로그램 (크롬/파이어폭스/사파리/엣지 지원)
sports 손흥민, 독일 분데스리가 1호골 폼 기억해야...[해외축구]
web 네이티브 앱 (Native App) / 웹 앱 (Web App) / 하이브리드 앱 (Hybrid App)
site 전국 코로나 현황지도 (= 코로나맵) 사이트 주소
dance 옜다~ 니들이 원하던 영상 (스타후르츠 퀸다미 님 길거리 댄스 버스킹)
web 스크래핑(scraping), 크롤링(crawling), 파싱(parsing) 개념 정의 차이
62/163
목록
찾아주셔서 감사합니다. Since 2012