it-gundan.com

디자인과 액세스를 손상시키지 않으면 서 웹 사이트 속도를 향상시키는 방법은 무엇입니까?

디자인과 접근성을 없애지 않고 웹 사이트로드 속도를 어떻게 향상 시키나요? 파일 압축, CDN, Gzip? 그렇게하는 가장 좋은 도구는 무엇입니까?

예를 들어 Google은 디자인을 손상시키지 않으면 서 사이트를 최적화했습니다. 또한 많은 웹 사이트가 압축으로 이미지의 순도를 죽일 수 있습니다.

디자인과 접근성을 손상시키지 않으면 서 속도를 높이는 가장 좋은 방법이 있습니까?

주의 : 너무 애매한 것이 유감이지만이 질문을 어떻게 표현해야할지 모르겠습니다.

3
Kevin

Gzip은 아마도 당신이 할 수있는 가장 과감한 일입니다.
cs 및 js 파일을 모두 최소화하면 도움이됩니다. 필요하지 않은 js 라이브러리 또는 CSS를로드하지 않았는지 확인하십시오. 대부분의 사용자는 첫 페이지 이후에이를 캐시하여 모든 것이 중요하지는 않습니다.

그 외에는 다시 구문 분석 할 필요가없는 모든 요청에 ​​대해 페이지를 구문 분석하지 않는 등 캐싱이 올바르게 작동하는지 확인하십시오. 어쨌든 필요한 경우

7
WalterJ89

어떤 방식 으로든 사이트 디자인을 건드리지 않고도 Yahoo의 Best Practices 를 거의 대부분 구현할 수 있습니다. 모든 CSS를 하나의 파일로, 모든 JS를 하나의 파일로 결합하여 HTTP 요청을 최소화하십시오. Gzip을 사용하십시오. 좋은 Expires 헤더를 설정하십시오.

이러한 규칙은 디자인에 영향을 줄 수 있습니다.

  • DOM 요소 수 줄이기 -살펴볼 가치가 있지만 디자인을 동일하게 유지하면서 HTML 크기를 줄일 수 있어야합니다.
  • iframe 수를 최소화합니다 . 어쨌든 가능한 한 피하는 것이 가장 좋습니다.
  • 이미지 최적화 -가능한 경우 이미지를 최적화해야하지만 디자인 비용을 과도하게 사용하지 마십시오.
7
DisgruntledGoat

CSS/JS를 축소하는 것 외에도 가능한 한 각 형식에 대해 하나의 파일로 결합하십시오. 다운로드 수가 적을수록 좋습니다. 이것이 불가능한 경우, 동일한 서버 또는 CDN에서 호스트되는 다른 도메인 이름으로 이동하십시오.

말했듯이 Gzip은 놀랍도록 강력합니다.

JS를 문서의 맨 아래로 이동하고 모든 CSS가 head에 있는지 확인하십시오. 인라인 JS 및 CSS를 피하십시오.

모든 것을 지옥에서 캐싱하고 Expires 헤더와 ETag를 설정하십시오.

1
Kenneth Love

페이지 속도. FireBug 용 Google 플러그인입니다. 당신이 당신의 위치에 그것을 운영하는 경우에 당신은 어디에서 개선해야하는지 알려줄 것입니다. Yahoo의 Best Practices에서 제공하는 조언을 따르지만 개선해야 할 부분을 알려줍니다.

이미지 크기를 줄이는 에서 가장 빠른 속도 향상을 보았습니다 . 이를 위해 Photoshop에서 "웹 및 장치 용으로 저장"또는 이미지를 줄일 수있는 또 다른 좋은 Mac 프로그램을 사용할 수 있습니다 ImageOptim .

0
Shane Stillwell

Yahoo Best Practices (YBP)의 라인을 따라 YSlow Firefox Add-on 을 살펴볼 수 있습니다. YBP와 관련하여 사이트가 어떻게 수행되고 있는지에 대한 빠른 설명을 제공합니다.

0
Thomas

도움이 될만한 속도 최적화에 대한 자세한 기사를 작성했습니다.

http://www.elevatelocal.co.uk/blog/17-rules-of-speed-optimisation-0501511

0
ysekand

Javascript, css 및 이미지와 같은 정적 파일에는 CDN을 사용하십시오. RackspaceCloud와 Amazon 모두 상당히 저렴합니다.

0
Piers Karsenbarg
  • HTTP 요청 수를 최소로 줄이십시오 (예 : 가능한 한 이미지 스프라이트를 사용하고 있는지 확인하십시오. 모든 페이지에 대해 여러 개의 자바 스크립트 또는 CSS 파일이로드되어 있습니까? 하나로 결합
  • 제거 할 수있는 리디렉션이 있습니까?
  • 문서 상단에 스타일 시트를로드하고 하단에 자바 스크립트를로드하십시오.
  • 사이트가 큰 경우 가장 큰 사용자 기반에 지리적으로 가까운 서버를 제공하십시오.
0
dmsnell

ASP.NET에서 캐싱을 사용하므로 중복 데이터베이스 호출, 함수 호출 및 페이지를 피함으로써 시간을 절약 할 수 있습니다.

0
harriyott