개발자는 웹 사이트를 더 빨리로드 할 수 있습니까?
웹 사이트 속도는 사용자 경험,검색 엔진 최적화 및 전환율에 큰 영향을 미칩니다. 웹사이트 성과를 개량함것은 웹사이트에 소통량을 당기고기 위치 방문자를 접전되어 지키기를 위해 근본적 이다.
웹 사이트 성능 테스트
웹 사이트 속도 테스트는 웹 사이트의 성능을 평가합니다. 웹 사이트를 정기적으로 테스트하면 개발자가 성능 저하 또는 개선 사항을 추적하는 데 도움이 될 수 있습니다. 속도 테스트는 또한 개발자가 웹 사이트 성능을 저하시키는 영역 중 일부 또는 전부를 식별하고 개선 할 영역이 어디에 있는지 식별하는 데 도움이됩니다.
성능 측정을위한 고품질 사이트 속도 테스트가 많이 있으며 그 중 다수는 무료입니다. WebPageTest.org (클라우드 플레어와 어떤 파트너)몇 가지 무료 테스트를 가지고 있으며,얼마나 빨리 페이지로드의 개별 요소에 대한 자세한 분류를 생산하고 있습니다. 웹페이지 테스트.조직은 개발자가 다른 장치 및 네트워크 연결 속도에 대한 웹 사이트를 테스트 할 수 있습니다.
구글은 또한 상세한 성능 테스트를 위한 페이지스피드 인사이트를 제공한다. 구글 크롬 개발자 도구는 또한 개발자들이 사이트의 성능을 평가하는 데 도움이 될 수 있습니다.전 세계 여러 위치에 콘텐츠를 캐싱하여 웹 사이트의 속도를 높입니다. 캐싱 서버는 일반적으로 호스트 또는 원본 서버보다 최종 사용자에게 더 가깝습니다. 콘텐츠에 대한 요청은 호스팅 서버로 가는 대신 캐나다 서버로 이동합니다. 캐나다를 사용 하 여 페이지 로드 시간에 대규모 감소 될 수 있습니다.
이미지 최적화
이미지는 인터넷 트래픽의 큰 비율을 차지하며,이미지 파일은 웹 사이트에서 로드하는 데 가장 오래 걸리는 경우가 많습니다. 다행히 이미지 최적화를 통해 이미지로드 시간을 줄일 수 있습니다. 이미지 최적화는 일반적으로 해상도를 줄이고,파일을 압축하고,크기를 줄이는 것을 포함하며,많은 이미지 최적화 도구 및 이미지 압축기는 온라인에서 무료로 사용할 수 있습니다.코드 축소는 코드 주석,공백 및 불필요한 세미콜론을 포함하여 코드를 이해하고 수행하기 위해 컴퓨터가 필요로하지 않는 것을 제거하는 것을 의미합니다. 이렇게 하면 브라우저에서 더 빨리 로드되고 대역폭이 줄어듭니다. 저절로,축소는 단지 최소 속도 개선 귀착될 것입니다. 그러나,이러한 다른 팁과 함께 구현,그것은 더 나은 웹 사이트 성능이 발생합니다.
가능한 경우 요청 수를 줄입니다.
실제로 많은 웹 페이지에는 수십 개의 이러한 요청이 필요합니다. 각 요청은 리소스를 호스팅하는 서버를 왕복하여 웹 페이지의 전체 로드 시간을 추가할 수 있습니다. 또한 여러 다른 공급자에서 리소스가 로드되면 호스트 중 하나의 문제가 웹 페이지의 로드 능력에 영향을 줄 수 있습니다.
이러한 잠재적 인 문제로 인해 각 페이지가로드해야하는 총 자산 수를 최소한으로 유지해야합니다. 또한 속도 테스트는 가장 많은 시간이 걸리는 웹 요청을 식별하는 데 도움이 됩니다. 예를 들어 이미지가 페이지를 느리게 로드하는 경우 개발자는 더 빠른 이미지 호스팅 솔루션(예:캐나다)을 찾을 수 있습니다.
브라우저 캐싱 사용
브라우저 캐시는 브라우저가 정적 파일의 복사본을 저장하여 동일한 콘텐츠를 반복해서 요청하지 않고 최근에 방문한 웹 페이지를 훨씬 더 빠르게 로드할 수 있는 임시 저장소 위치입니다. 개발자는 자주 변경되지 않는 웹 페이지의 요소를 캐시하도록 브라우저에 지시 할 수 있습니다. 브라우저 캐싱에 대한 지침은 호스팅 서버의
외부 스크립트 포함 최소화
외부 주석 처리 시스템,단추 또는 리드 생성 팝업과 같이 다른 곳에서 로드되는 스크립팅된 웹 페이지 요소는 페이지를 로드할 때마다 로드해야 합니다. 스크립트의 크기에 따라 웹 페이지가 느려지거나 웹 페이지가 한 번에 모두로드되지 않을 수 있습니다(이를’콘텐츠 점프’또는’레이아웃 이동’이라고하며 모바일 사용자에게 특히 실망 스러울 수 있음).
리디렉션을 사용하지 마십시오.가능한 경우
리디렉션은 한 웹 페이지의 방문자가 대신 다른 페이지로 전달되는 경우입니다. 리디렉션은 페이지로드 시간에 몇 초 또는 때로는 전체 초를 추가합니다. 성능 최적화 된 웹 사이트를 구축 할 때 매 초마다 중요합니다. 리디렉션은 때때로 피할 수 있지만 필요하지 않은 경우 사용해서는 안됩니다.