웹 사이트 로딩 속도를 향상시키는 아이디어?

웹 사이트의 로딩 속도를 향상시킬 수있는 방법이 있습니까?

Google은 실제로 로딩 속도를 높이고 있으며 모바일 웹 사이트의 인기로 인해 사이트를 빠르게로드해야합니다.

1. 페이지 속도 향상을위한 Yahoo의 팁
2. 페이지 속도 개선을위한 Google의 팁
3. PHP를 사용하는 경우 PHP를 더 빠르게 만들기위한 Google 팁

다음은 Google의 Page Speed ​​애드온 ( Yahoo의 YSlow ) 으로 구성된 기본 목록입니다 .

• 브라우저 캐싱 활용
• 이미지 치수 지정
• CSS @import 피하기
• 나쁜 요청을 피하십시오
• 이미지를 CSS 스프라이트로 결합
• 자바 스크립트 파싱 연기
• 연결 유지
• 압축 사용
• 인라인 작은 CSS
• 인라인 작은 JavaScript
• 방문 페이지 리디렉션을 캐시 가능하게 만들기
• CSS 축소
• HTML 축소
• 자바 스크립트 축소
• 리디렉션 최소화
• 요청 크기 최소화
• 이미지 최적화
• 스타일 및 스크립트 순서 최적화
• 비동기 리소스 선호
• 문서 헤드에 CSS를 넣습니다
• 정적 리소스에서 쿼리 문자열 제거
• 일관된 URL에서 리소스 제공
• 스케일 된 이미지 제공
• Vary : Accept-Encoding 헤더를 지정하십시오.
• 캐시 검사기 지정
• 문자 세트를 지정하십시오
• 자바 스크립트 로딩 지연
• 사용하지 않는 CSS 제거
• 효율적인 CSS 선택기 사용

Google 또는 Yahoo의 페이지 속도 애드온을 사용하여 페이지를 테스트하는 것이 좋습니다. 쉽고 빠르며 페이지 속도를 향상시키는 방법에 대한 명확한 지침을 제공합니다.

최신 정보

Nick의 의견에서 권장하는 바와 같이 여기에 더 좋은 자료와 정보가 있습니다.

• Steve Souder 님의 팁 과 책 :
• 그들이 사이트를 처음 최적화했을 때의 Facebook 참조

업데이트 2

페이지 속도가 중요한 이유를 보여주는 좋은 통계가 있습니다 ( source ).

• 아마존 : 100ms 지연으로 인해 매출 이 감소했습니다 .

• Google : 400ms 지연으로 인해 사용자 당 검색 요청 이 0.59 % 감소했습니다 .

• Yahoo !: 400ms 지연으로 인해 트래픽 이 5-9 % 감소했습니다 .

• Bing : 2 초 지연으로 인해 사용자 당 수익 이 4.3 % 감소했습니다 .

• Mozilla는 다운로드 페이지를 2.2 초 더 빠르게 만들었으며 다운로드 수가 15.4 % 증가 했습니다 .

• Google지도는 파일 양을 30 % 줄 였으며지도 요청 이 30 % 증가했습니다 .

• Appdynamics를 사용하여 성능을 모니터링하는 Netflix는 서버에서 gzip을 활성화했습니다. 이 단일 액션 페이지만으로도 13-25 % 빨라졌으며 트래픽 양의 50 %를 절약했습니다 !

• Shopzilla는 로딩 시간을 7 초에서 2 초로 단축하는 데 성공했으며, 전환율이 7-12 % 증가했으며, 페이지 요청이 25 % 증가 하여 서버의 50 % 를 폐기 하여 에너지 비용을 절감했습니다. .

• AOL 은 여러 웹 사이트에서 페이지 조회 수를 관찰했습니다 . 가장 빠른 사용자는 7-8 페이지를 요청했지만 가장 느리게는 3-4 페이지 만 보았습니다.

• Edmunds는 10 초 이상에서 2 미만으로 줄어 17 %의 페이지 조회수를 추가 하고 3 %의 수익을 올렸습니다 .

CloudFlare http://www.cloudflare.com/plans를 사용해보십시오 .

CloudFlare는 웹 사이트 성능 및 속도를 개선하고 보안을 제공하는 것으로 마케팅되는 컨텐츠 전송 네트워크 및 분산 도메인 이름 서버 서비스입니다.