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

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

3,244  

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

※ 적정 로드 시간 : 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 최초 웹사이트 구경하기 (= 인터넷 1호 홈페이지 주소)
web 코딩 (제작의뢰/수주) 시, 반드시 (APM/빌더)버전 공유하기
web 원숫자 / 원영문 (= 원문자 = 동그마리 안에 숫자 있는 특수문자)
web 도메인 네임서버 확인 방법 (cmd 모드 경우)
web 구글봇 아이피 국적
web MDN (developer.mozilla.org : 모질라) 사이트 디자인 커스텀
web 그누보드 업데이트 시, 기존 깃허브 퍼머링크 유지
web 그누보드/영카트 (파일/폴더) 자료 저장/보관/관리 노하우
web GeoIP (지오아이피) / ip2nation (아이피투네이션) 비교/차이
web 네이버 웹마스터 등록 (= 네이버 검색기 SEO 최적화) + sitemap (사이트맵) 제출 시 주의사항
web 사이트 CMS(Content Management System: 콘텐츠 관리 시스템 = 제작빌더) 확인 방법
web Apache log4j 취약점 대응 가이드
web 노트북에서 깃허브 코드 깔끔하게 보기 (= 깃허브 코드 글자크기/스타일 지정) ※ 화면 확대/축소 단축키
web PHP - Windows용 PHP 버전 (Thread Safe / None Thread Safe) 의미 차이…
web 갤러리 스킨은 가로 개수 3개 이하 권장
web 스크래핑(scraping), 크롤링(crawling), 파싱(parsing) 개념 정의 차이
web 줄바꿈 기호 (CR, LF, CRLF) 의미 (= 개행문자 = 새줄문자)
web 웹페이지 로드 속도 올리기. (= Page Speed 개선 방법)
web CSS 핵심 3대장/삼대장 (찾기 → 수정 → 반영) = 찾아서 수정 후 변경사항 적용하기
4/19
목록
찾아주셔서 감사합니다. Since 2012