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

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

3,368  

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

※ 적정 로드 시간 : 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 순정(그누보드5・영카트5) vs (아미나 vs 나리야) 비교・차이점・선택 결정
web 글・이미지에 링크 걸기
web 핑 테스트로 도메인 서버 아이피 알아내기 (= 핑테스트 Ping, Domain, IP 확인)
web 네아로 (= 네이버 소셜로그인) 완전히 연결 해제 (= 접속 끊기)
web 익스플로러 https 접속 에러 이슈
web 코딩 프로그램 기본 원리 + 좋은 프로그램 조건
web 리눅스 보안 업그레이드만 진행하기
web 깃허브 (github) 사용법 - 소스버전관리
web 무료 홈페이지 제작툴 39개 소개 - By 노마드 코더 Nomad Coders 1
web Tab(탭) vs Whitespace(공백) 차이점(장단점)
web 파일질라 특정확장자파일만 다운로드 (= 문서파일만 다운 = 용량 큰 첨부파일 제외 다운로드 = 특정파일 필터…
web 파일질라 (시스템파일・숨김파일・ 특정확장자파일・특정파일명파일・파일파일명포함파일) 숨김처리 (= NTUSER파…
web 파일질라 숨김파일 강제표시. (= 숨긴파일 보이기 = 안보이는파일 보이게)
web https (SSL 보안인증서) 적용 고려사항 + (Letsencrypt + StarSSL + cloudfl… 2
web 기독교 천주교 성경API
web 요소짤림, 내용짤림 원인별 해결사항 (= 짤림방지 = 짤림해결, 짤림증상해결)
web 질문 유형별 의뢰수준 판단 ★
web 코드 찾는 방법 3가지
web 동영상 (녹화 + 편집) 프로그램 추천 + 유튜브 업로드가능 (파일확장자 + 파일사이즈) 지원내역
6/19
목록
찾아주셔서 감사합니다. Since 2012