웹사이트 속도를 높이는 방법? (궁극적인 사이트 속도 가이드 2021)

귀하의 웹사이트가 귀하의 취향에 비해 너무 느립니까? 웹 사이트 사용자가 긴 로딩 시간 없이 더 나은 경험을 하기를 원할 수 있습니다. 따라서 웹 사이트 속도를 높이는 방법이 궁금했을 것입니다.

그리고 짜잔! 운이 좋은 당신은 웹사이트를 최대한 빨리 만들기 위한 가이드를 찾았습니다. 몇 가지 기본적인 인터넷 트릭과 약간의 기술적인 점보를 사용하여 상상했던 것보다 더 빠르게 웹사이트를 구축할 수 있습니다. 아이콘을 버퍼링하고 참을성 없이 기다리던 시대는 지났습니다.

이 가이드는 웹사이트 속도에 대한 자세한 설명을 제공합니다. 더 빠른 웹 사이트가 좋은 여러 가지 이유를 제공하고 무엇보다도 웹 사이트를 더 빠르게 만드는 모든 방법을 알려줍니다.

무엇보다도 이 가이드를 따르기 위해 기술 지식이 필요하지 않습니다. 우리는 당신을 위해 모든 것을 배치했습니다!

자, 무엇을 기다리고 계십니까? 지금보다 훨씬 빠르게 웹 사이트를 만드는 방법을 살펴보고 가르쳐 드리겠습니다.

웹사이트 속도 및 최적화란 무엇입니까? - 정의

먼저 몇가지 정리를 해보겠습니다. 웹사이트 속도란 무엇입니까? 쉬운 질문처럼 보이지만 그렇게 간단하지 않습니다.

기본적으로 웹사이트 속도는 웹사이트의 페이지가 콘텐츠를 로드할 수 있는 속도입니다. 아시다시피 웹사이트는 웹페이지의 모음입니다. 따라서 웹 사이트의 속도는 개별 웹 페이지의 속도와 직접적으로 연결됩니다. 웹 페이지가 콘텐츠를 느리게 로드하면 웹 사이트 전체의 속도가 저하됩니다.

이미지, 텍스트, 비디오, 웹 페이지에서 보는 모든 것이 콘텐츠입니다. 인터넷 연결이 꽤 안정적인데도 일부 웹사이트가 다른 웹사이트보다 빠르게 응답하는 것을 보았습니다. 따라서 해당 콘텐츠가 웹 페이지에 표시되는 속도는 웹 사이트 속도를 나타내는 좋은 지표입니다.

물론 웹 사이트를 로드하는 데 몇 분 또는 몇 시간이 걸릴 것으로 예상하지는 않습니다! 따라서 웹 사이트 속도를 나타내는 데 사용되는 단위는 단순히 초입니다.

웹 사이트의 속도를 측정할 수 있는 두 가지 주요 방법이 있습니다. 첫 번째는 모든 콘텐츠가 웹사이트에 표시되는 데 걸리는 시간을 측정하는 것입니다. 이것을 "페이지 로드 시간"이라고 합니다. 다른 방법은 데이터의 첫 번째 바이트가 웹사이트에 나타날 때까지의 시간을 측정하는 것입니다. 이것을 "첫 번째 바이트까지의 시간"이라고 합니다.

측정 프로세스 전반에 걸쳐 일정하기만 하면 어떤 방법을 사용하든 상관 없습니다. 따라서 이러한 용어에 대해 너무 걱정하지 마십시오!

다양한 기술을 사용하여 웹사이트 속도를 높이는 과정을 웹사이트 속도 최적화라고 합니다. 이 기사의 뒷부분에서 모든 기술을 다룰 것이므로 인내심을 가지십시오! 모든 주요 회사는 최대 사용자 만족도를 위해 가능한 한 빨리 웹 사이트를 작동시키기 위해 이러한 방법에 의존한다는 것을 알아두십시오.

사이트 속도 최적화가 중요한 이유는 무엇입니까? (5가지 이유)

모든 회사와 개인에게 웹 사이트 속도는 분명히 매우 중요합니다. 많은 사람들이 느린 웹사이트를 사용해야 하는 불편함을 알고 있으며 다른 사람이 가능한 한 그런 경험을 하는 것을 원하지 않습니다. 물론 그것이 한 가지 이유이지만 더 빠른 웹사이트를 원하는 다른 모든 이유에 놀랄 것입니다.

웹사이트 속도에 대해 걱정해야 하는 주된 이유는 다음과 같습니다.

1. 사용자 경험

모든 사람의 마음에 가장 먼저 오는 것은 사용자 경험입니다. 웹사이트의 종류에 상관없이 웹사이트가 사용자를 짜증나게 하거나 짜증나게 하는 것을 원하는 사람은 없습니다.

그리고 사용자들도 짜증을 내는 것을 원하지 않습니다. 연구에 따르면 웹사이트를 로드하는 데 몇 초 이상 걸리는 경우 사용자의 50% 이상이 클릭을 멈춥니다. 그들은 그들의 요구를 충족시키기 위해 다른 웹사이트를 찾을 것입니다.

2. 매출을 줄이기 위해

위의 통계에 계속해서 귀하의 웹사이트 방문자를 잃으면 판매도 잃게 됩니다. 또는 광고 수익. 또는 웹사이트에서 이익을 얻기 위해 사용하는 모든 것. 이것은 누구에게나, 특히 대부분의 작업에 인터넷을 사용하는 회사에 유리한 상황이 아닙니다.

이 중 온라인 상점은 블로그와 함께 느린 웹 사이트 속도의 영향을 가장 많이 받을 것입니다.

3. 검색엔진 최적화

구글은 그들의 알고리즘이 느리거나 평균적인 로딩보다는 정말 빠른 웹사이트를 가장 선호한다고 공개적으로 밝혔습니다.

Google 자체가 회사이고 사용자 만족도를 귀하와 우리만큼 중요하게 생각하기 때문입니다. 구글이 느린 웹사이트를 추천하기 시작했다면 상당한 반발을 샀을 것이다.

그 때문에 관련 웹사이트도 너무 느리다는 이유로 Google의 검색 목록에서 아래로 밀려나게 됩니다. 검색 엔진에서 웹사이트를 더 많이 방문하려면 웹사이트를 매우 빠르게 만들어야 합니다.

4. 신뢰성 저하

의사와 약속을 잡기 위해 전화를 했다고 상상해 보십시오. 병원에서 바로 데리러 찾아와 주시면 행복하고 만족하실 것입니다. 계속 보류하거나 많이 기다려야 하는 경우 이 클리닉이 신뢰할 수 없는 것처럼 느낄 것입니다.

웹사이트도 마찬가지입니다. 물리적 존재가 큰 회사의 경우 큰 문제가 되지 않을 수 있지만 귀하 또는 귀하의 비즈니스가 전적으로 온라인 상태인 경우 큰 영향을 미칩니다. 고객이 클릭하기만 하면 전반적인 온라인 인지도가 감소합니다.

게다가, 당신은 당신이 받아야 할 신용을 얻지 못할 것이고 사람들은 당신의 웹사이트를 더 의심하게 될 것입니다.

5. 나쁜 인상

느린 웹사이트는 누구에게나 나쁜 인상을 줍니다. 일반적으로 웹사이트는 누군가가 귀하, 귀하의 회사 및 귀하가 제공하는 서비스에 대해 알아보기 위해 방문하는 장소입니다. 쉽게 접근할 수 없다면 회사에서 희망을 잃을 것입니다.

설상가상으로, 귀하의 웹사이트에 불만을 품은 사람들이 다른 사람들에게 이에 대해 이야기할 때 부정적인 평판을 얻을 수 있습니다. 소문은 인터넷을 통해 빠르게 퍼집니다.

웹사이트 속도를 테스트하는 방법? – 최고의 속도 테스트 도구 및 기술

당신이 직업을 얻고 돈을 벌기 시작한다고 상상해보십시오. 급여를 받기 전에 은행 계좌를 확인했을 것입니다. 그렇죠? 아마도 수입을 추적하기 위해서일 수도 있고, 아니면 얼마나 가지고 있는지 확인하는 스릴을 위해서일 수도 있습니다.

마찬가지로, 사이트 속도를 개선하기 전에 웹사이트의 실제 속도를 파악하고 싶을 수 있습니다! 그런 다음 이 문서에 제공된 기술을 구현한 후 웹사이트의 속도를 측정할 수 있습니다. 이렇게 하면 웹사이트를 더 빠르게 만들기 위해 구현한 방법이 실제로 효과가 있었는지 알 수 있습니다.

또한 웹사이트를 원하는 만큼 빠르게 만들었는지, 아니면 여전히 취향에 비해 너무 느린지 알 수 있습니다. 몇 밀리초는 많지 않은 것처럼 보일 수 있지만 웹사이트 속도의 세계에서는 성공적인 웹사이트와 실패한 웹사이트의 차이를 의미할 수 있습니다.

웹사이트의 속도를 측정하는 방법에는 여러 가지가 있습니다. 가장 일반적인 방법은 단순히 타사 사이트를 사용하는 것입니다. 그러나 사이트 속도를 확인하기 전에 처리해야 할 몇 가지 사항이 있습니다.

첫 번째는 "캐시"입니다. 이제 다른 사람에게서 또는 장치의 저장 공간을 살펴봄으로써 이전에 그것에 대해 들었을 것입니다. 캐시는 더 빨리 로드하기 위해 일반적으로 일시적으로 사용자의 컴퓨터에 로컬로 저장되는 데이터입니다. 인터넷보다 로컬에서 항목을 로드하는 것이 더 쉽습니다.

사용자도 이 기능을 사용하고 가능한 한 자신의 경험에 가깝게 사용하기를 원하므로 이 기능을 켜야 합니다.

두 번째는 웹사이트 자체입니다. 모든 파일과 모든 이미지, 비디오 및 오디오를 업로드했는지 확인하고 싶을 것입니다. 사용자가 보게 될 모든 파일이 거기에 있어야 합니다.

불완전한 웹사이트를 테스트하는 것은 완성되지 않은 자동차로 경주하는 것과 같습니다! 나중에 추가하는 항목은 결과를 크게 변경합니다.

이제 모든 설정이 완료되었으므로 시작하겠습니다!

우선 모든 종류의 웹사이트 속도 검사기를 온라인으로 열고 싶을 것입니다. 검색 엔진을 사용하여 간단히 검색할 수 있지만 몇 가지 특정 항목을 추천하고 싶습니다.

• https://tools.pingdom.com/: 이 웹사이트 속도 검사기는 모든 웹사이트 작업과 작동 속도에 대한 매우 간단한 보기를 제공합니다. 측정하는 세계의 일부를 변경할 수도 있습니다.

• https://gtmetrix.com/: 이 웹사이트 속도 검사기는 웹사이트에 대한 자세한 분석을 제공합니다. 또한 세계 여러 지역의 웹사이트 속도를 측정할 수 있는 옵션도 있습니다.

• https://developers.google.com/speed/pagespeed/insights/: 이 웹사이트 검사기는 웹사이트의 통계와 웹사이트 속도를 늦추는 모든 것을 상당히 깊이 있게 보여줍니다. 또한 웹 사이트를 더 빠르게 만들기 위해 수행할 수 있는 제안 사항에 대한 간략한 개요를 얻을 수 있습니다.

이것은 단지 개요일지라도 모든 사람에게 정말 도움이 됩니다.

• https://www.webpagetest.org/: 쉽게 표시되는 정보를 제공하는 이 웹사이트 속도 확인 도구는 이 목록에서 가장 깊이 있는 도구입니다. 그것은 당신이 필요로 하는 것보다 더 많은 정보를 제공합니다. 어쨌든 우선 순위를 정할 수 있다면 웹 사이트를 최대한 활용할 수 있습니다.

• https://www.uptrends.com/tools/website-speed-test: Uptrends는 가장 유용한 사이트 속도 확인 도구를 제공합니다. 결과를 얻은 후에는 비디오, 자습서 및 블로그와 같이 웹 사이트를 더 빠르고 반응적으로 만드는 데 사용할 수 있는 모든 리소스 목록이 표시됩니다. 제공된 URL을 클릭하고 지침을 따르기만 하면 됩니다.

• https://www.thinkwithgoogle.com/feature/testmysite/: 이 사이트 검사기는 아마도 가장 단순하고 읽기 쉬울 것입니다. 깨끗하고 평범한 방식으로 데이터를 제공하며 너무 많은 정보로 인해 과부하가 걸리지 않습니다.

이제 웹사이트 속도를 측정할 수 있는 사이트가 있으므로 웹사이트의 URL을 입력하고 시작하기만 하면 됩니다! 측정 사이트는 시간을 줄 것이며 사이트의 속도가 될 것입니다! 축하합니다. 해냈습니다!

하지만 그게 다가 아닙니다! 그 하나의 측정이 우연이었다고 상상해 보십시오. 그리고 뭐? 글쎄, 그것을 피하려면 웹 사이트 속도를 여러 번 측정하고 다양한 설정을 사용하십시오. 그런 다음 수집한 데이터를 가져와 평균값을 찾습니다. 이제, 당신은 당신이 얻은 첫 번째 숫자를 취했을 때보다 훨씬, 훨씬 더 정확한 판독값을 갖게 되었습니다!

개선 사항을 확인하기 위해 해당 숫자를 기록하고 모든 방법을 구현한 후 얻은 숫자와 비교할 수 있습니다. 또한 어떤 방법이 더 효과적인지 확인할 수 있으므로 다른 웹사이트를 만들기로 결정한 경우 무엇을 해야 하는지 정확히 알 수 있습니다. 이것은 많은 수의 웹사이트를 필요로 하는 기업에 특히 해당됩니다.

좋은 웹사이트 속도란 무엇입니까?

그렇다면 좋은 웹사이트 속도는 얼마일까요? 우선 연구에 따르면 사용자의 50%는 웹사이트가 로드될 때까지 3초를 기다리는 것보다 클릭만 하는 것을 선호합니다. 그래서 그것보다 더 좋아야 합니다.

참고로 웹사이트 평균 속도는 2.9초입니다. 즉, 웹 사이트가 그보다 빠르면 평균 이상입니다. 가장 빠른 웹사이트는 약 0.8초 안에 로드될 수 있습니다. 일반적으로 이러한 웹 사이트는 매우 최소화되고 최적화되어 있습니다.

웹사이트 속도를 높이는 방법? 페이지 속도를 향상시키는 21가지 방법

이제 사이트 속도의 정의와 사이트 속도를 개선하는 이유에 이르기까지 모든 것을 다뤘습니다. 또한 사이트 속도를 직접 측정할 수 있는 팁과 도구를 알려 드렸습니다. 이제 무엇이 더 남아있을 수 있습니까?

좋아요! 웹사이트를 더 빠르게 만드는 방법에 대한 가장 중요한 정보입니다! 따라 해보세요. 너무 기술적으로 들리더라도 걱정하지 마십시오. 진행하면서 모든 것을 설명하겠습니다.

이제 더 이상 고민하지 않고 시작하겠습니다!

1. 최고의 웹 호스팅 사용

더 빠른 웹사이트를 만들기 위한 첫 번째 단계는 단순히 더 나은 호스팅 서비스를 받는 것입니다. 많은 호스팅 회사는 얼마나 많은 대역폭을 가지고 있는지와 같은 것을 기반으로 계획을 제공합니다. 대역폭은 데이터 전송 속도이므로 대역폭이 더 좋을수록 웹 사이트가 더 빨리 로드됩니다. 따라서 더 나은 계획을 세우는 것은 최소한의 작업으로 더 빠른 웹사이트를 얻는 확실한 방법입니다.

물론 비용이 꽤 많이 듭니다. 그렇기 때문에 예산이 부족한 분들에게는 적합하지 않습니다. 웹 호스팅 서비스의 웹 사이트를 확인하고 예산 범위 내에서 더 나은 계획이 있는지 확인하십시오.

좋은 웹 호스트로는 SiteGround와 Bluehost가 있습니다. WordPress를 사용하는 경우 DreamHost도 정말 좋습니다.

2. 캐싱 활용

이전에 언급했듯이 캐시는 더 빨리 로드하기 위해 일반적으로 일시적으로 사용자의 컴퓨터에 로컬로 저장되는 데이터입니다.

기본적으로 클라이언트는 일반적으로 서버에 파일과 데이터를 요청해야 합니다. 그러나 데이터가 이전에 캐시된 경우에는 그렇게 할 필요가 없으며 대신 로컬 저장소에서 로드할 수 있습니다.

이를 활용하기 위해 .htaccess 파일이라는 특수한 유형의 파일을 사용할 수 있습니다. 이것을 HTML 스크립트에 추가하기만 하면 됩니다. WordPress의 경우 WP Super Cache와 같은 다양한 웹사이트 플러그인을 사용할 수 있습니다. 이를 통해 사용자는 더 빠른 웹 사이트 경험을 얻을 수 있고 만족할 수 있습니다.

3. 최적화된 이미지

이미지는 웹사이트 디자인과 전반적인 미학의 큰 부분을 차지합니다. 일반적으로 간단한 단어로는 할 수 없는 참조 및 컨텍스트를 제공하며 웹 사이트를 만들 때 많이 사용됩니다.

따라서 웹 사이트에는 일반적으로 많은 이미지가 있습니다. 이러한 이미지는 제대로 최적화 및 압축되지 않은 경우 로드하는 데 시간이 정말 오래 걸릴 수 있습니다. 그러면 웹사이트가 훨씬 느려집니다.

이를 방지하기 위해 이미지를 최적화할 수 있습니다. 어떻게, 당신은 물을 수 있습니까? 이를 위해 사용할 수 있는 다양한 방법과 도구가 있지만 먼저 최적화의 유형을 이해합시다.

파일의 파일 크기를 줄이는 것을 압축이라고 합니다. 압축에는 손실 압축과 무손실 압축의 두 가지 유형이 있습니다. 처음에는 압축으로 인해 품질이 크게 저하되지만 크기도 많이 줄어듭니다. 두 번째 버전에서는 크기가 약간 줄어들었지만 품질은 그대로 유지됩니다.

일반적으로 압축 도구를 사용하면 방법을 선택할 수 있지만 품질을 어느 정도 타협할 것인지 선택할 수 있으므로 의미를 아는 것이 좋습니다.

TinyPNG 및 Compressor.io와 같이 이러한 목적을 위해 온라인에서 사용할 수 있는 많은 도구 중에서 선택하여 이미지를 업로드하면 짧은 시간에 최적화된 이미지를 얻을 수 있습니다.

또는 WordPress 사이트에 WordPress 플러그인을 사용할 수 있습니다. Smush Pro와 같은 플러그인은 속도와 품질의 균형을 유지하면서 원하는 대로 사진을 자동으로 최적화할 수 있습니다.

4. 차세대 형식의 이미지 제공

소프트웨어 기술은 나날이 발전하고 있으며 이미지 형식이 소프트웨어인 만큼 이미지 형식도 진화했습니다. 웹사이트에 .jpeg 및 .png 이미지를 사용하던 시대는 지났습니다.

요즘에는 .webp 및 jpeg xr과 같은 웹사이트 이미지에 더 새롭고 더 적합한 형식을 찾을 수 있습니다.

이러한 형식은 웹 사이트에서 매우 잘 작동하며 일반 형식을 사용했을 때보다 웹 사이트를 더 빠르게 만들 수 있습니다.

다양한 온라인 이미지 변환기 도구를 사용하여 이미지를 이러한 최신 형식으로 변환할 수 있습니다. 몇 가지 권장 사항은 image.online-convert.com 및 https://webp-converter.com/입니다. WebP Express와 같은 WordPress 플러그인을 사용하거나 Photoshop을 사용하여 이미지를 WebP로 저장할 수도 있습니다.

5. JavaScript 및 CSS 파일 최적화

아시다시피 JavaScript와 CSS(Cascading Style Sheets)는 웹사이트에서 매우 중요한 부분입니다. 일반적으로 웹 사이트를 사용자의 눈에 동적이고 기능적이며 아름답게 만들기 위해 코딩됩니다. 따라서 웹 사이트에서 사용하기로 선택한 경우에도 상당히 무겁습니다.

이는 웹사이트의 속도를 저하시키고 더 느리게 로드할 수 있음을 의미합니다.

글쎄, 당신은 그것을 원하지 않습니다. 그렇기 때문에 이러한 파일을 최적화하여 더 빠르게 작업할 수 있습니다. 이러한 파일을 압축하는 과정을 파일 최소화라고 하며 일반적으로 웹사이트 속도를 크게 향상시킬 수 있습니다.

이 작업을 수행하는 몇 가지 방법이 있지만 가장 간단한 방법을 살펴보겠습니다. 첫 번째는 WordPress 사용자를 위한 것입니다. WordPress 플러그인을 사용하여 JavaScript 및 CSS를 최소화할 수 있습니다. 권장 사항은 Fast Velocity Minify 및 Hummingbird입니다. 일반 사용자의 경우 https://cssminifier.com/과 같은 웹 사이트를 사용하여 스크립트를 쉽게 축소할 수 있습니다.

6. 쓸모없는 플러그인 제거

플러그인은 기본적으로 추가 기능을 제공하는 데 사용되는 추가 소프트웨어입니다. 이러한 기능은 사용자 지정 옵션을 제공하는 것부터 실시간 채팅 옵션을 제공하는 것과 같이 매우 구체적인 것까지 다양합니다. 어느 쪽이든, 그들은 귀하의 웹 사이트에서 공간을 차지합니다. 그리고 공간을 차지하는 모든 것은 웹사이트의 로딩 시간을 증가시킵니다.

따라서 플러그인을 사용할 생각이 없으면 간단히 제거하십시오. 그러나 사용 여부를 결정하는 것은 귀하에게 달려 있습니다. 시간을 내어 웹사이트의 속도와 기능의 균형을 맞추십시오. 그것은 결국 가치가있을 것입니다!

7. 콘텐츠 전송 네트워크(CDN) 구현

CDN(콘텐츠 전송 네트워크)은 웹 호스팅과 유사한 콘텐츠 전송의 한 형태입니다. 웹 호스팅 작업을 수행할 수는 없지만 그럼에도 불구하고 더 빠르고 효율적인 웹 사이트를 만듭니다. 어떻게 물어볼 수 있겠습니까?

다른 제품과 같은 웹사이트를 상상해 보십시오. 또한 제품이 전 세계 여러 창고에 보관되어 있다고 가정해 보겠습니다. 물론 회사에서 가장 가까운 창고에서 제품을 배송하기로 결정하면 더 빨리 받아볼 수 있습니다.

CDN과 비슷합니다. CDN은 주 서버에 연결된 전 세계의 여러 데이터베이스로 구성됩니다. 사용자가 웹 사이트에 액세스하려고 하면 웹 사이트 파일이 가장 가까운 데이터베이스로 전송됩니다. 그러면 쉽고 빠르게 접근할 수 있습니다!

많은 웹 호스팅 공급자가 CDN 서비스도 제공합니다. 웹 사이트를 확인하고 그에 따라 구성해야 합니다. 추가 비용을 청구할 수 있으므로 실제로 필요한지 여부를 신중하게 생각하십시오. CDN을 제공하는 웹 호스트가 없는 경우 다른 회사에서 얻을 수 있습니다. StackPath는 아주 좋은 CDN 회사입니다.

8. 외부 스크립트 축소

JavaScript는 일반적으로 웹사이트에 몇 가지 추가 기능을 가져오는 데 사용됩니다. 그리고 이러한 기능은 종종 웹 사이트 자체 외부에 존재합니다. 이와 같은 스크립트를 외부에 저장하면 여러 웹사이트에서 동일한 스크립트를 사용할 수 있다는 이점이 있습니다.

그러나 웹 사이트는 사용할 때마다 HTTP(HyperText Transfer Protocol)를 사용하여 요청하기 위해 파일에 액세스해야 합니다. 이와 같은 기능을 너무 자주 사용하면 웹사이트 속도가 심각하게 느려질 수 있습니다.

이를 최소화하려면 이러한 기능을 가능한 한 많이 사용하지 마십시오. 대화 상자, 동적 슬라이드쇼, Facebook과 유사한 버튼 등은 일반적으로 모두 외부에 저장됩니다.

우리는 이러한 모든 기능을 제거하라는 것이 아닙니다. 외부 스크립트는 많은 다른 웹사이트에 동일한 기능을 추가할 수 있으므로 매우 유용합니다. 따라서 유지할 기능을 결정하는 것은 사용자의 몫입니다.

9. 사용하지 않는 파일을 제거하여 서버 공간 정리

웹사이트를 시작할 때마다 특정 파일을 서버 컴퓨터에 업로드해야 합니다. 때로는 쓸모없는 파일을 너무 많이 업로드하는 실수를 저지를 수 있습니다. 이 파일은 공간을 차지하고 웹 사이트를 전반적으로 느리게 만드는 것을 제외하고 웹 사이트에서 아무 것도 변경하지 않습니다.

서버를 열고 이러한 파일이 있는지 확인해야 합니다. 그래도 조심해! 실수로 중요한 파일을 삭제하고 싶지 않습니다!

로컬이든 웹 호스팅 공급자의 서버이든 웹사이트를 먼저 백업하는 것이 좋습니다. 이렇게 하면 실수로 중요한 파일을 삭제하더라도 나중에 복구할 수 있습니다.

10. HTTP 요청 최소화

HTTP(HyperText Transfer Protocol)는 서버에서 클라이언트로 또는 그 반대로 데이터를 전송하기 위해 정해진 규칙 집합입니다. 기본적으로 클라이언트와 서버가 상호 작용하는 방식에 대한 프레임워크입니다.

그리고 이것은 사용자가 웹사이트를 로드할 때 기본적으로 웹 서버에서 요청하기 때문에 웹 페이지를 만드는 동안 중요합니다. 이와 같은 작업은 수행하는 데 시간이 걸립니다. 그리고 서버에 대한 HTTP 요청이 많을수록 웹 사이트를 로드하는 데 걸리는 시간이 훨씬 더 늘어납니다.

HTTP 요청은 웹사이트에 있을 수 있는 다양한 파일의 수만큼 증가합니다. 예를 들어, 이미지를 로드하려면 클라이언트가 서버에 추가 요청을 해야 합니다.

따라서 HTTP 요청을 줄이려면 일반적으로 웹사이트를 최소화해야 합니다. 먼저 https://www.pingdom.com/을 사용하여 웹사이트의 요청 수를 측정할 수 있습니다. 그런 다음 WordPress를 사용하는 경우 Hummingbird 플러그인을 사용하여 웹사이트를 최적화할 수 있습니다.

11. 이미지의 지연 로딩

과제를 받자마자 끝내려고 노력한 적이 있습니까? 해보면 꽤 어렵다는 것을 알 수 있습니다. 대신 시간을 들여 시간이 필요할 때 작업을 수행하는 것이 훨씬 쉽게 들립니다.

마찬가지로 지연 로딩은 사용자가 웹사이트를 탐색하는 동안 웹사이트를 로드할 수 있는 방법입니다. 웹 사이트를 탐색하는 동안 전에 이것을 본 적이 있을 것입니다. 텍스트가 로드되었지만 이미지가 로드되지 않은 경우입니다. 이 경우 가장 중요한 부분(텍스트)이 우선되며 이미지는 아래로 스크롤해야 표시됩니다.

다양한 방법으로 지연 로드를 사용할 수 있습니다. WordPress를 사용하는 경우 여러 플러그인 중 하나를 다운로드하기만 하면 됩니다. 그 중 WP Rocket의 Lazy Load가 가장 유명합니다.

12. 자바스크립트 로딩 연기

논의한 바와 같이 JavaScript 파일은 일반적으로 웹 사이트에서 매우 무거우며 너무 많이 사용하면 웹 사이트 속도가 느려질 수 있습니다. 그렇기 때문에 미룰 수 있습니다. 자바스크립트를 쉽게.

지연은 JavaScript를 로드하기 전에 기본 웹 사이트가 아직 로드되었는지 확인하는 것을 말합니다. 기본적으로 JavaScript는 마지막에 로드됩니다. 이렇게 하면 사용자가 JavaScript가 로드될 때까지 기다릴 필요 없이 필요한 모든 기능이 제공됩니다.

사용자가 웹 사이트의 전체 기능을 즉시 사용하지 못할 수도 있지만 JavaScript가 로드될 때까지는 여전히 웹 사이트와 상호 작용할 수 있습니다.

13. 리디렉션 줄이기

페이지 리디렉션을 본 적이 있을 것입니다. 웹 페이지에서 다른 웹 페이지로 이동할 때 발생합니다. 일반적으로 최대 5초가 소요될 수 있으며 이는 웹사이트 속도 측면에서 상당히 긴 시간입니다.

왜 누군가가 이것을 선택하겠습니까? 글쎄, 다른 사람이 자신의 웹사이트에 귀하의 웹사이트에 대한 링크를 넣었다고 상상해 보십시오. 나중에 다른 웹사이트로 전환할 수도 있습니다. 편의를 위해 기존 웹사이트에서 새 웹사이트로 사람들을 리디렉션할 수 있습니다.

물론 이것은 웹사이트 속도의 경우에는 정말 바람직하지 않습니다. 이를 제거하려면 리디렉션된 다른 웹사이트에 귀하의 웹사이트를 연결하지 마십시오. 때로는 웹사이트에 추가하는 플러그인에도 리디렉션이 있을 수 있습니다. 그것들을 확인해보세요. WordPress를 사용하는 경우 리디렉션 플러그인을 사용하여 리디렉션을 확인하고 제거할 수 있습니다.

14. 모바일용으로 사이트 최적화

오늘날 글로벌 스마트폰 시장은 그 어느 때보다 커졌습니다. 웹사이트로 유입되는 많은 트래픽도 모바일에서 발생합니다.

이처럼 모바일 사용자가 컴퓨터만을 염두에 두고 만든 웹사이트에 접속하려고 하면 많은 문제에 부딪히게 된다. 그들은 나쁜 디스플레이, 죽은 링크 및 전반적으로 열악한 웹 사이트를 경험할 수 있습니다. 그들은 단순히 텍스트를 읽는 데 어려움을 겪을 수도 있습니다. 물론 웹 사이트가 느리게 로드되거나 전혀 로드되지 않을 수 있습니다.

그래서 모바일 최적화가 중요합니다. 포괄성을 제공할 뿐만 아니라 컴퓨터에서도 웹사이트 디자인을 전반적으로 더 좋게 만듭니다.

AMP(Accelerated Mobile Pages.)를 사용할 수 있습니다. 이것은 특히 모바일에서 잘 작동하는 웹 페이지를 만들 수 있게 해주는 HTML 프레임워크입니다. 오픈 소스이므로 원하는 대로 변경할 수 있습니다. WordPress를 사용하면 이 작업에 플러그인을 얼마든지 사용할 수 있습니다.

15. 웹사이트 속도를 높이는 플러그인 사용해보기

플러그인에 대한 경험이 있다면 모든 이유로 플러그인이 있다는 것을 알 것입니다. 쉬운 SSL에서 구매 권장 사항에 이르기까지 모든 것이 있습니다.

마찬가지로 웹 사이트 속도를 높이기 위해 다양한 방법을 사용하는 플러그인이 많이 있습니다. 이러한 방법에는 캐싱 및 전체 웹사이트 최적화가 포함될 수 있습니다. 그리고 대부분의 경우 이 플러그인도 완전 무료입니다!

Jetpack 및 WP Rocket과 같은 플러그인은 WordPress 플랫폼에 적합한 선택입니다.

16. gzip 압축 활성화

우리는 이미 파일 압축과 최적화에 대해 많이 이야기했습니다. 웹 사이트를 더 빠르게 만드는 것과 관련하여 상당히 유용한 것입니다.

이것이 바로 우리가 이제 gzip 압축을 제시하는 이유입니다. 이 기능을 사용하면 네트워크 전송을 위해 특별히 파일을 압축할 수 있습니다. 파일은 서버 측에서 압축되어 네트워크를 통해 전송되고 클라이언트 측에서 추출됩니다. 이것은 더 빠른 네트워크 전송과 더 빠른 웹사이트를 전반적으로 만듭니다.

WordPress 웹사이트의 경우 파일을 압축하는 데 도움이 되는 플러그인을 설치할 수 있습니다. WP Rocket은 이 작업에 대해 우리가 가장 좋아하는 플러그인 중 하나입니다.

17. 오디오/비디오 파일을 웹사이트에 직접 업로드하지 마십시오

오디오 및 비디오 파일을 로드하는 데 많은 시간이 걸립니다. 그리고 웹 사이트를 더 빠르게 만들고 싶다면 피하고 싶은 것입니다.

그러나 오디오 및 비디오 파일을 모두 제거할 필요는 없습니다. 웹사이트의 나머지 부분과 함께 로드하는 대신 www.youtube.com과 같은 온라인 비디오 공유 플랫폼에 업로드할 수 있습니다. 그런 다음 코드를 사용하여 파일을 웹사이트에 간단히 연결할 수 있습니다.

18. HTTP 연결 유지 활성화

HTTP 연결 유지는 클라이언트가 서버에 여러 요청을 할 수 있도록 하는 명령입니다.

이렇게 상상해보세요. 클라이언트가 파일을 요청할 때마다 서버에 대한 새로운 연결을 생성해야 합니다. 이 작업이 완료된 후에만 클라이언트가 파일을 받을 수 있습니다. HTTP 연결 유지가 활성화되면 이전 연결이 계속 실행되기 때문에 많은 새 연결이 필요하지 않으므로 시간과 대역폭이 절약됩니다.

19. 이미지 핫링크 비활성화

누군가가 웹사이트의 미디어(오디오, 이미지 및 비디오)를 사용할 때마다 지속적으로 웹사이트를 귀하의 웹사이트에 연결합니다. 그리고 그들의 웹사이트에 많은 트래픽이 발생하면 웹사이트 속도도 심각하게 느려질 수 있습니다. 이것은 다른 웹사이트가 귀하의 것보다 훨씬 더 많은 대역폭을 가지고 있는 경우 특히 심각합니다.

핫링크는 심각한 문제이며 저작권이 있는 자료를 사용하는 경우 불법일 수도 있습니다.

어떻게 해결합니까? 간단합니다. 핫링크를 비활성화하면 됩니다! WordPress를 사용하는 경우 All In One WP Security & Firewall과 같은 플러그인을 다운로드하기만 하면 됩니다. 그렇지 않으면 CDN 공급자 또는 웹 호스트에 체크인할 수 있습니다. 많은 CDN 제공업체에는 이를 방지하기 위한 보안 기능이 있습니다.

20. 가능하면 PHP를 정적 HTML로 대체

PHP는 정말 유용한 프로그래밍 언어일 수 있습니다. 그러나 특히 클라이언트의 인터넷 연결이 좋지 않은 경우 실행 속도가 정말 느립니다.

PHP는 서버 측 언어이기 때문입니다. 클라이언트 컴퓨터의 처리 능력을 사용하지 않고 서버에서 먼저 실행된다는 의미입니다. 이는 클라이언트 컴퓨터의 처리 능력을 사용하여 실행하는 HTML과 반대입니다.

이것이 어디로 가고 있는지 이미 볼 수 있습니다. PHP는 물론 HTML보다 로드하는 데 시간이 더 오래 걸립니다. 따라서 가능하면 HTML로 바꾸십시오. 물론 동적 기능을 만들려면 PHP가 필수이지만 가능한 한 이를 대체하려고 합니다.

21. WordPress에서 핑백 및 트랙백 끄기

WordPress를 사용하는 경우 핑백 및 트랙백에 대해 들어본 적이 있을 것입니다. 다른 사람의 기사를 자신의 기사에 링크하면 핑백이라는 알림을 받게 됩니다. 트랙백은 알림일 뿐이고 핑백은 댓글일 수 있다는 점에서 다릅니다.

두 경우 모두, 특히 많은 사람들이 귀하의 웹사이트에 연결하는 경우 웹사이트 속도를 방해합니다. 이 경우 설정에서 간단히 끌 수 있습니다!.

결론

자, 여기까지 튜토리얼이 끝났습니다. 이 기사가 웹사이트 속도, 속도를 확인하는 방법, 왜 중요한지, 그리고 가장 중요하게는 속도를 개선하기 위해 무엇을 해야 하는지에 대한 모든 것을 배우는 데 도움이 되었기를 바랍니다.

확인할 수 있는 몇 가지 리소스도 제공했습니다!. 이 기사를 읽고 즐거운 시간이 되셨기를 바랍니다. 이제 웹사이트가 그 어느 때보다 빨라졌습니다!

웹사이트 속도 향상에 대해 더 궁금한 점이 있으면 아래에 댓글을 남겨주세요. 최대한 빨리 연락 드리겠습니다.

또한 웹사이트 SEO에 대한 최종 가이드를 확인하여 검색 엔진의 무료 유기적 트래픽을 위해 웹사이트를 최적화하는 방법을 알아보세요.

더 유용한 기사를 보려면 블로그를 확인하십시오!