웹 사이트 속도를 높이는 8 가지 팁

내가 확신 할 수있는 다른 것이 없더라도 한 가지 확실한 점은, 이전에 인생에서 적어도 하나의 고통스러운 웹 사이트를 경험 한 적이 있다는 것입니다. 친숙하게 들리면 지난 몇 년 동안 웹 사이트 속도를 높이는 데 도움이되는 몇 가지 팁을 알려 드리겠습니다..


웹 사이트 속도가 중요한지 확실하지 않은 경우 사이트가로드 될 때까지 브라우저 창을 닫은 시간을 다시 생각해보십시오. 실제로 53 %의 사람들이로드하는 데 3 초 이상 걸리는 웹 사이트를 포기합니다..

웹 사이트의 성능은 중요하며 검색 엔진 순위에 영향을 미칩니다. 예를 들어 Google은 빠른 웹 사이트를 선호하며 검색 결과에서 높은 순위를 제공합니다..

업종별 평균 웹 페이지로드 시간 (소스).

사이트 속도 테스트

시작하려면 사이트로드 속도를 먼저 테스트하십시오. 몇 가지 권장 도구는 다음과 같습니다.

  • WebPageTest : 공통 운영 체제를 실행하는 실제 브라우저에서 웹 페이지 성능 수집.
  • Pingdom : 웹 사이트 성능에서 병목 현상을 분석하고 찾는 데 도움이됩니다..
  • GTmetrix : 웹 페이지 속도를 최적화하는 가장 좋은 방법에 대한 통찰력을 분석하고 제공합니다.
  • Bitcatcha : 8 개국의 사이트 속도 확인.

사이트 속도 테스터를 사용하면 현재 사이트가 얼마나 최적화되어 있는지 확인할 수 있습니다.

웹 사이트 속도를 높이는 방법은 다음과 같습니다.

1. 훌륭한 웹 호스트를 선택하십시오

내 경험상 웹 호스팅은 아마도 가장 특이한 선택 중 하나 일 것입니다. 웹 호스트가 있고 우수한 웹 호스트가 있습니다. 각 웹 호스트에는 서로 다른 기능이 있으므로 독점 캐싱 기술, 솔리드 스테이트 드라이브 또는 NGINX와 같은 중요한 영역에 대한 제어와 같은 주요 항목을 찾으십시오..

나는 이것을 충분히 강조 할 수 없다. 웹 호스트 선택은 매우 중요합니다. 익숙하지 않은 경우 최고의 웹 호스트에 대한 포괄적 인 검토를 통해 정보에 근거한 결정을 내리는 데 도움이됩니다..

2. 축소 : 작을수록 좋습니다

오늘날 웹 사이트가 자바 스크립트 및 CSS 파일로 넘쳐나는 것이 일반적입니다. 이로 인해 방문하는 동안 수많은 HTTP 요청이 발생하여 사이트 속도가 상당히 느려질 수 있습니다. 여기에 축소가 시작됩니다.

Javascript 및 CSS 파일 축소는 모든 스크립트를 하나의 단일 파일 (각 유형)로 결합하여 수행됩니다. 쉬운 작업은 아니지만 걱정하지 마십시오.이 문제를 처리 할 수있는 WordPress 플러그인이 있습니다..

다음 중 하나를 시도해보십시오 : 자동 최적화, 빠른 속도 축소 또는 병합 + 축소 + 새로 고침

축소하면 코드가 모두 뒤죽박죽처럼 보일 수 있습니다. 놀라지 마십시오! 이것은 정상입니다.

3. 키스 원리를 따르십시오

이것은 대부분의 웹 전문가들이 일반적으로 가르치는 것이 아니지만 여러 방법으로 매우 유용하다는 것을 알았습니다. KISS는“간단하고 멍청하게 유지하십시오”의 약어입니다. 간단한 시스템의 효율성에 중점을 둔 1960 년대 스마트 챕터에 의해 만들어졌습니다..

경험상, 이것은 웹 사이트를 설정하는 것조차 거의 모든 삶에 적용된다는 것을 알았습니다. 지나치게 복잡한 구현 및 디자인을 피함으로써 빠르고 중요하고 관리하기 쉬운 사이트의 이점을 누릴 수 있습니다..

디자인 & 영상

디자인과 비주얼을 단순하게 유지한다는 것은 주로 오버 헤드를 줄이는 형태입니다. 방대한 양의 숨막히는 이미지와 멋진 비디오가 많은 사이트는 나쁜 날에 나무 늘보처럼 빠르게로드 될 수 있습니다. 깔끔하고 깔끔하게 유지하고 비디오와 이미지 로딩을 다양한 페이지로 나눕니다..

암호 & 플러그인

WordPress는 모듈식이면서도 사용하기 매우 간단하기 때문에 훌륭한 기능입니다. 무엇을 원하든 누군가가 이미 플러그인을 설계했을 가능성이 있습니다.

흥미 진진한 플러그인으로 사이트에 과부하가 걸리지 않도록주의하십시오. 각 플러그인은 다른 사람들 (아마도 다른 회사)에 의해 설계되었습니다. 그들의 목표는 사이트 성능을 간소화하지 않고 특정 목표를 달성하는 것입니다..

가능하다면 스스로 관리 할 수있는 플러그인을 피하십시오. 텍스트에 테이블을 삽입하는 데 도움이되는 플러그인을 예로 들어보십시오. 플러그인을 사용하지 않고 테이블을 그리는 기본 HTML 코드를 쉽게 배울 수 있습니다.?

일부 개별 플러그인은 사이트 속도를 크게 저하시킬 수 있으므로 새 플러그인을 설치할 때마다 속도 테스트를 수행하십시오!

4. 콘텐츠 전송 네트워크 활용

나에게 Content Delivery Networks는 신들의 선물입니다. Cloudflare 및 LimeLight Networks와 같은 회사는 전 세계에있는 서버 네트워크를 통해 다른 사람들이 안정적이고 빠른 컨텐츠 전송을 즐길 수 있도록함으로써 생활을 만듭니다.

CDN을 사용하면 전 세계 어디에서 왔든 상관없이 웹 페이지를 훨씬 빠르게 제공하고 로딩 속도를 향상시킬 수 있습니다..

그 외에도 CDN을 사용하면 DDoS (Distributed Denial of Service)와 같은 악의적 인 공격에 대한 추가 보호 기능도 제공합니다.

소규모 웹 사이트의 소유자 인 경우 Cloudflare에는 무료로 사용할 수있는 무료 옵션이 있습니다. 더 나은 계획을 세우려면 회사와 더 큰 사이트가 비용을 지불해야하지만 CND의 이점을 고려할 때 가격 대비 가치가 있습니다.!

5. 캐싱 활용

캐싱은 소리 그대로입니다. 방문자가 방문 할 때 처리 시간이 단축되도록 이전에 구축 한 페이지에서 사이트를 공유 할 수 있도록 정적 파일을 저장합니다. 대부분의 경우 관심을 가져야 할 것은 서버 측 캐싱입니다..

서버 측 캐싱을 구현하는 가장 효율적인 방법은 Apache 또는 NGINX 서버의 설정을 사용하는 것입니다. 해당 문서를 살펴보고 서버 캐싱을 설정하는 데 도움이되는 올바른 설정을 찾아야합니다..

경험에 따르면 많은 서버 지원 작업 (처리)이 필요한 모든 것이 가능하면 캐시되어야합니다..

너무 이상하게 들리면 플러그인이 또 다른 옵션이지만 다시이 경우에는 권장하지 않습니다..

6. 이미지 돼지 대역폭, 최적화!

이것은 KISS 원칙에 따라 거대한 이미지와 비디오에 대한 나의 이전의 분노에 대한 약간의 확장입니다. 이를 감안할 때 사이트가 예쁘게 보이게하려면 시각적 요소가 중요하다는 것을 이해합니다. 사용을 완전히 피할 수 없으므로 사용하는 이미지가 최대한 간소화되도록하겠습니다.,

웹 컨텐츠는 이미지와 관련하여도 대부분 기본입니다. 내가 죽어가는 돼지와 같은 짐이 실제 목적이 아닌 거대한 이미지로 끌리는 경우가 종종 있습니다..

더 큰 이미지를 가질 수는 없지만 업로드하기 전에 이미지가 올바르게 최적화되어 있는지 확인하는 것은 아닙니다.

이를 수행 할 수있는 두 가지 방법이 있습니다. 다시 한 번, WP Smush와 같은 플러그인을 사용합니다. 대안 또는 WordPress를 사용하지 않는 사람들은 Image Compressor 또는 JPEG Optimizer와 같은 타사 이미지 최적화 도구입니다..

대부분의 이미지 최적화 도구를 사용하면 이미지의 해상도 세부 정보를 미세 조정할 수 있으므로 점차적으로 톤을 낮출 수 있습니다. 그들은 훈련받지 않은 눈과 거의 비슷하게 보이지만 크기는 훨씬 작습니다..

HD 이미지 영역에서 확대됩니다 (왼쪽). 원본은 2.3MB 였고 최적화 후 331kb로 줄었습니다.!

7. gzip 압축 사용

이미지 압축 또는 보관 (ZIP 또는 RAR)에 대해 들어 본 적이 있다면 gzip 압축의 이론에 익숙 할 것입니다. 이렇게하면 웹 사이트 코드가 압축되어 최대 300 %의 속도가 향상됩니다 (결과는 다름).

이와 같은 기술적 인 경우에도 PageSpeed ​​Ninja와 같은 플러그인을 사용할 수 있습니다. 그러나 .htaccess 파일을 한 번만 편집하는 훨씬 효율적인 방법이 있습니다.

아래 코드를 .htaccess 파일에 추가하면 다음과 같이 설정됩니다.

# HTML, CSS, JavaScript, 텍스트, XML 및 글꼴 압축

AddOutputFilterByType DEFLATE 애플리케이션 / 자바 스크립트

AddOutputFilterByType DEFLATE 응용 프로그램 / rss + xml

AddOutputFilterByType DEFLATE 응용 프로그램 /vnd.ms-fontobject

AddOutputFilterByType DEFLATE 응용 프로그램 / x-font

AddOutputFilterByType DEFLATE 응용 프로그램 / x-font-opentype

AddOutputFilterByType DEFLATE 응용 프로그램 / x-font-otf

AddOutputFilterByType DEFLATE 응용 프로그램 / x-font-truetype

AddOutputFilterByType DEFLATE 응용 프로그램 / x-font-ttf

AddOutputFilterByType DEFLATE application / x-javascript

AddOutputFilterByType DEFLATE application / xhtml + xml

AddOutputFilterByType DEFLATE 응용 프로그램 / xml

AddOutputFilterByType DEFLATE 폰트 / 오픈 타입

AddOutputFilterByType DEFLATE 글꼴 / OTF

AddOutputFilterByType DEFLATE 글꼴 / ttf

AddOutputFilterByType DEFLATE 이미지 / svg + xml

AddOutputFilterByType DEFLATE 이미지 / x 아이콘

AddOutputFilterByType DEFLATE text / css

AddOutputFilterByType DEFLATE 텍스트 / html

AddOutputFilterByType DEFLATE 텍스트 / 자바 스크립트

AddOutputFilterByType DEFLATE 텍스트 / 일반

AddOutputFilterByType DEFLATE text / xml

* 참고 : 현재 .htaccess 파일에있는 항목 아래에이 코드를 추가하십시오.

8. 리디렉션 감소

일반적으로 브라우저는 다양한 형식의 주소를 허용하며,이 주소는 서버에서 공식적으로 인식되는 주소로 변환됩니다. www.example.com 및 example.com을 예로 들어 보겠습니다. 둘 다 같은 사이트로 이동할 수 있지만, 공식적으로 인식 된 주소로 서버를 리디렉션해야합니다..

이 리디렉션에는 시간과 리소스가 필요하므로 하나의 리디렉션을 통해 사이트에 도달 할 수 있도록하는 것이 목표입니다. 이 리디렉션 매퍼를 사용하여 올바르게 수행하고 있는지 확인하십시오..

이 작업을 복잡하게 진행하고 지속적으로 관련되는 시간을 감안할 때, 리디렉션과 같은 플러그인을 사용하는 것이 좋습니다..

빠른 웹 사이트 방문자 및 Google을 행복하게 유지

오늘날의 광대역 속도는 심지어 모바일에서도 훨씬 더 많이 증가했으며 앞으로 더 많이 증가 할 것입니다. 즉, 웹 사이트 소유자가 느리게 로딩되는 사이트를 방문하도록하는 데 대한 변명의 여지가 거의 없습니다..

저를 믿으시면 방문자를 계속 잃게되며 어느 시점에서“오, 그 웹 사이트”라는 평판이 나빠질 것입니다. 온라인 비즈니스를하는 경우 자신의 황금 거위를 죽이기 때문에 더 악화됩니다..

내가 제공 한 위의 8 가지 팁이 전부는 아니고 모든 것을 끝내는 것은 아니지만, 사물을 조금 더 잘 관리하는 방법에 대한 시작과 아이디어를 제공해야합니다. 오늘 웹 사이트 속도를 높이고 고객 또는 방문자를 유지하십시오.

그 웹 사이트로 끝나지 마십시오.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map