이 15가지 웹사이트 그레이더 검사를 사용하여 사이트 성능 향상

우리 대부분은 학창시절부터 성적이 전부가 아니라는 것을 알고 있습니다. 그러나 성적표는 당신이 잘하는 것과 향상할 수 있는 부분을 평가 하는 유용한 도구가 될 수 있습니다.

그것은 미적분학 및 역사 수업에서 사실이었고 오늘날에도 사실입니다. 어쨌든 회사의 웹사이트에서는 그렇습니다.

그렇다면 어떤 요소가 웹 사이트의 성능에 기여하고 어떤 측면이 사이트 성능을 방해할 수 있습니까? 여기에서 성능은 웹사이트가 검색 결과와 사용자 경험에 표시되는지 여부와 위치에 영향을 미치는 요소의 조합입니다.

몇 가지 핵심 요소가 회사 웹사이트의 품질에 많은 영향을 미칠 수 있습니다. 이러한 중요한 측면은 무료 웹사이트 그레이더 도구가 확인하는 네 가지 주요 범주로 나눌 수 있습니다.

1. 웹사이트 속도
2. 검색 엔진 최적화(SEO)
3. 모바일 친화성
4. 웹사이트 보안

이 네 가지 기본 영역 각각을 자세히 살펴보고 각 영역에 영향을 미치는 품질 문제를 해결하는 데 도움이 됩니다.

HubSpot의 웹사이트 그레이더 ^Ⓡ 에서 제공하는 무료 도구를 사용하여 웹사이트를 확인할 수 있습니다. 성능 향상을 시작할 때 보고서를 기초로 사용하십시오.

1. 웹사이트의 페이지 속도 성능 확인

몇 가지 주요 요인이 웹사이트의 로드 시간 및 응답 시간 속도에 큰 영향을 미칠 수 있습니다. 사용자가 빠른 로딩과 응답에 익숙해졌기 때문에 속도가 중요합니다. 웹사이트 그레이더는 다음 점검을 수행하고 보고합니다.

• 페이지 크기. 페이지가 작을수록 로딩 속도가 빨라집니다. 각 페이지에 대한 예산을 설정하고 3MB 미만으로 유지하십시오. 페이지 크기에 가장 큰 영향을 미치는 경향이 있으므로 가능한 경우 비디오와 같은 큰 페이로드를 제거하고 이미지를 최적화하십시오.
• 페이지 요청. 페이지가 로드되는 동안 네트워크 요청 수와 전송되는 데이터 양은 이미지, 글꼴 및 데이터 추적 스크립트의 영향을 받습니다. 로딩 속도를 높이기 위해 불필요한 것을 제거하십시오.
• 브라우저 캐싱. 귀하의 사이트는 브라우저 캐싱을 사용합니까? 캐싱은 사용자가 페이지를 방문할 때마다 동일한 파일을 가져갈 필요 없이 재사용된 파일을 사용자의 로컬 메모리에 저장합니다. 사이트에서 사용하지 않는 경우 개발자에게 구현에 대해 이야기하거나 자동으로 캐싱을 활용하는 HubSpot과 같은 호스팅 플랫폼을 사용하십시오.
• 페이지 리디렉션. 리디렉션은 인터넷 생활의 사실입니다. URL은 변경될 수 있으며 웹사이트 사용자가 404 페이지에서 끝나는 것을 원하지 않을 것입니다! 그러나 시간이 지남에 따라 첫 번째 URL이 다른 URL로 연결되는 리디렉션 체인을 구축할 수 있으며 마침내 페이지에 도달하기 전에 또 다른 URL로 연결됩니다. 웹사이트 그레이더는 이러한 리디렉션 더미를 감지하고 보고할 수 있으므로 정리할 수 있습니다.
• JavaScript 및 CSS를 축소합니다. 즉, 불필요한 공백을 제거하고 변수 이름을 단순화합니다. 축소하면 사람들이 파일을 읽기가 더 어려워지지만 컴퓨터는 신경 쓰지 않습니다. 파일을 읽는 것은 사람이 아니라 컴퓨터입니다. CSS 및 JavaScript 파일을 개발한 후 수동으로 축소하거나 웹사이트 호스팅 제공업체에서 자동으로 축소하도록 합니다.

2. 웹사이트의 SEO 확인

귀하는 이미 SEO가 귀하의 비즈니스와 관련된 용어를 검색하는 사람들이 귀하를 쉽게 찾을 수 있도록 하는 핵심이라는 것을 알고 있습니다. 그들이 귀하의 콘텐츠를 찾기 위해 검색 엔진을 사용하고 있기 때문에 귀하의 책임은 귀하의 웹사이트를 해당 검색 엔진이 크롤링하고 색인을 생성할 수 있도록 귀하의 웹사이트를 쉽고 액세스 가능 하게 만드는 것입니다.

• 색인을 생성할 수 있는 권한입니다. 웹사이트나 페이지를 개발하는 동안 개발자가 "NoIndex" 태그를 삽입하는 것이 일반적입니다. 이 태그는 검색 엔진에 콘텐츠를 인덱싱하지 않도록 지시합니다. 해당 태그를 제거해야 합니다. 그렇지 않으면 Google에서 콘텐츠를 무시하고 관련 검색에 표시되지 않습니다.
• 메타 설명. 모든 페이지에는 메타 설명이 필요합니다. 웹사이트 확인 결과 빈 메타 설명이 표시되면 해당 메타 설명을 다시 방문하여 관련성 있고 키워드 친화적인 정보로 채워야 합니다.
• 콘텐츠 플러그인. 일부 플러그인은 콘텐츠를 인덱싱하는 것을 불가능하게 만들 수 있습니다. 콘텐츠 인덱싱 가능성에 영향을 미치는 플러그인이 있는지 웹사이트 그레이더가 알려줍니다. 예를 들어, 2020년부터 지원되지 않았기 때문에 웹사이트에서 Flash를 실행해서는 안 됩니다.
• 설명 링크 텍스트입니다. "여기를 클릭하십시오" 또는 "더 읽어보기"와 같은 링크와 버튼을 제거하십시오. 일반적으로 사용자 경험에 최적이 아니며 SEO에도 도움이 되지 않습니다. 최상의 성능을 위해 웹 사이트 링크는 사용자 를 이끄는 위치를 설명 해야 합니다.

3. 웹사이트의 모바일 친화성 확인

우리는 대부분의 웹 트래픽이 모바일 사용자로부터 오는 시점을 훨씬 넘어섰으므로 웹사이트에서 모바일 우선 접근 방식을 취하는 것이 합리적입니다. 많은 사용자가 데스크톱을 사용하더라도 모바일 우선 디자인은 일반적으로 더 나은 성능 을 발휘합니다. 게다가 Google은 2021년에 Core Web Vitals를 검색 알고리즘에 통합하면서 모든 웹사이트의 모바일 우선 인덱싱으로 전환했습니다. 웹사이트 채점자가 확인하는 사항은 다음과 같습니다.

• 글꼴 크기. 가장 작은 글꼴은 12픽셀보다 작아서는 안 됩니다. 그렇지 않으면 텍스트를 읽기 어려울 수 있습니다. 사실, 작은 쪽에서 16px를 목표로 하는 것이 더 나을 것입니다.

반대로, 제목이 모바일 장치에 너무 크지 않은지 확인하십시오. 헤드라인이 깨지면(긴 단어가 두 번째 줄로 줄바꿈되어야 하는 경우) 개발자가 모바일 너비에서 글꼴 크기를 조정하여 문제를 해결하도록 합니다.

• 타겟을 탭합니다. 마우스로 액세스할 수 있도록 설계된 링크에서 휴대전화를 마지막으로 클릭했을 때를 생각해 보십시오. 짜증나죠?

손가락이 마우스 커서보다 크다는 사실을 고려하십시오. 탭 대상 확인은 링크와 버튼이 손가락으로 쉽게 클릭할 수 있을 만큼 충분히 큰지 알려줍니다. 그렇지 않은 경우 최소 크기인 48x48px로 늘리고 그 사이에 충분한 공간을 두십시오.

• 민감도. 지금까지 거의 모든 웹 사이트는 반응형으로 설계되었습니다. 즉, 레이아웃이 액세스하는 데 사용되는 장치에 맞게 자동으로 최적화됩니다. 그러나 테이블과 같은 특정 요소는 응답성에 영향을 줄 수 있습니다. 웹 사이트 그레이더가 문제를 감지하면 디자이너 또는 개발자와 협력하여 응답하지 않는 요소를 변환하여 모바일 장치에서 작동하도록 합니다.

4. 웹사이트 보안 확인

보안 웹사이트는 사용자 데이터를 보호하고 맬웨어나 기타 공격으로 인해 사이트가 다운되거나 속도가 느려지는 것을 방지합니다. 웹사이트 그레이더는 안전한 웹사이트를 보장하기 위해 몇 가지 기본 사항을 검토합니다.

• HTTPS(하이퍼텍스트 전송 프로토콜 보안). 이것은 사이트와 사용자 간의 데이터 전송을 암호화하여 기밀로 유지하는 통신 프로토콜입니다. 안전한 온라인 경험에 대한 기본 사용자 기대치입니다. 웹사이트가 HTTPS가 아닌 경우 개발자와 협력하여 문제를 해결하거나 HTTPS를 자동으로 사용하는 웹사이트 호스팅 제공업체로 전환하세요.
• 보안 JavaScript 라이브러리 . 거의 모든 웹 사이트는 jQuery와 같은 JavaScript 라이브러리를 사용합니다. 많은 사이트에서 둘 이상을 사용합니다. 사이트에서 실행 중인 라이브러리가 최신 상태이고 알려진 취약점이 없는지 확인합니다.

채점 도구가 문제를 감지하면 개발자와 협력하여 라이브러리를 업데이트하거나 라이브러리가 필요하지 않도록 사이트 요소를 다시 빌드하십시오.

등급을 받고 개선을 시작하십시오

웹사이트 등급 및 보고서를 받으면 사이트 성능에 즉각적인 영향을 미칠 수 있는 개선 작업을 어디서부터 시작해야 하는지 알게 됩니다. 일부 개선 사항은 기본적인 것이지만 다른 개선 사항에는 전문가의 도움이 필요할 수 있습니다. 그러나 첫 번째 단계는 점검을 실행하는 것입니다. 시작하려면 빠르고 쉬운 무료 웹사이트 그레이더로 이동하십시오. 아래 링크를 클릭하시면 됩니다.