[웹 사이트최적화] 내 사이트가 느리다면.. 매출이 감소할수있다고?

이번시간에는 간단한 설명이지만, 신경쓰지 못한다면  곧바로 매출의 감소와도 연관될 수 있는 가장 중요한 요소중 하나인 인터넷 워드 프레스 홈페이지 만들기 사이트 제작 추천 관련 웹사이트 최적화 내용 중 사이트 속도저하 요인 분석 및 요인 제거하는 방법을 한번 알아보겠습니다~!

사이트 속도 저하 요인확인 시작하기 – 인터넷 워드 프레스 홈페이지 만들기 사이트 제작 추천 

사실 되게 간단합니다.???? 먼저 인터넷 프로그램인 크롬을 켜주세요~!

+) 만약 크롬이 없으시다면, 링크(클릭)를 클릭, 다운 받은 후 진행해주시면 되겠습니다 ㅎㅎ

그 다음 본인이 가지고 있는, 자사몰등의 사이트를 들어가주세요. 만약, 자사몰등의 사이트가 없으시다면, 아무 사이트나 켜서 확인해주셔도 됩니다 ㅎㅎ

일단 각자 사이트로 이동해주세요 +) 만약 티몬등의 오픈마켓이 켜져있을경우 지금 제가 하는 방법을 자동 실행정지시키기 때문에, 모든 인터넷창을 끄고 진행해주세요 물론, 절대 불법프로그램 아닙니다 ㅎㅎ;;;

일단, 설명은 제 홈페이지로 실행해보겠습니다. 홈페이지에서 F12를 눌러주세요 F12를 누르게되면, 우측에 저렇게 이상한 창이 뜨는게 보이시나요?

크롬에서 개발자모드 들어가기

크롬에서 F12를 누르게되면, 개발자 옵션이라고해서 여러가지의 기능을 확인하실 수 있습니다

어려운 기능이니 다른것들은 다 패스하고, 개발자옵션의 메뉴중 “NETWORK” 만 보겠습니다

인터넷 워드 프레스 홈페이지 만들기 사이트 제작 추천 관련해 사이트 속도 조절을 도대체 무엇을 봐야될지 도통 모르겠습니다 저 또한 제가아는것 빼고는 하나도 모릅니다ㅎㅎ;;

이제 제대로 시작을 위해서 페이지의 강제 새로고침을 해야되는데 좌측의 새로고침 메뉴에서 우클릭을 해주시면 다음과 같은 메뉴가 짜쟌 하고 나타납니다

여기서, 캐시 비우기 및 강력 새로고침을 누르게되면 기존에 저장된 사이트의 정보가 다 지워지고 새롭게 불러들이면서 어떤어떤 내용이 있는지 다 확인을 하는 절차가 되겠습니다 ㅎㅎ

사이트의 속도저하요인이 있는지 확인하기 위해서는 모든 정보를 다 불러서 확인해야되겠죠?

과감하게 눌러주시게되면, 기존의 우측에 별게 없었었는데 쫘좌좍하고 정보들이 읽혀지기시작합니다

여기서부터 우리가 할것이 생겼습니다. 가운데 메뉴중 “SIZE”라는 메뉴가 보이시죠?

그 사이즈를 눌러서 내림차순으로 정렬하여 어떤 파일이 가장 용량이 큰지 확인해보겠습니다

아… 확인해보니 제 사이트에서 가장 크게 잡혀있는 용량은 제주명조체였네요????

이글을 보시는 분들도, 개발자옵션을 통해 확인해보시면 대부분 폰트가 큰 용량을 차지하는것을 확인하실 수 있을거에요

하지만, 하단의 4.4MB RESOURCES [사이트 내 불러들인 총용량] 이기에 아직 나쁘지 않다는 판단입니다

+) 만약 사이트가 총 10MB RESOURCES 가 넘는다면,  아마 많은 분들께서 뒤로가기 버튼을 누르지않았을까하는 생각이듭니다..

인터넷 워드 프레스 홈페이지 만들기 사이트 제작 추천 관련 사이트 속도는 용량이 클수록 불러들일 시간이 많이 소요되기에 그시간동안 얌전히 기다려줄 고객이 몇명이나 될지.. 생각해보시면 됩니다

간단하게 입장바꿔서 생각해보자면, 내가 한 사이트를 들어갔는데 입장에만 10초가 넘게걸린다면,
여기 사이트문제있다 판단하고 바로 뒤로가기버튼 혹은 종료를 누르지않았나요?

여튼 제 사이트는 페이지속도로는 나쁘지않다는 개인적인 견해가 있습니다

+)물론, 페이지속도는 여러가지변수가 있지만그것까지 파헤치면 한도끝도 없기에 간단하게 최적화하는 방법만 소개해드렸습니다

그래서 자사몰을 열때, 폰트는 1~2개로하고 이미지는 해상도가 떨어지지 않는 선에서 최적화를 하라는 얘기들이 많이 있습니다

저는 개인적으로 이미지의 크기를 300kb 이하로 하는게 좋다고 생각을 하는데요 만약 최적화를 하지않고,

사이트에 적용했을경우에는 마찬가지로 F12 개발자옵션으로 들어가 내림차순을 하게되면, 어떤 이미지를 최적화 안하고 올렸는지 알 수 있습니다

하단의 이미지와 같이 눌렀을 경우 어떤 이미지인지까지 확인이 바로바로 되니 참 좋은 기능입니다 ????????

제가 이미지 최적화 하는 사이트는 optimizilla[바로가기] 라는 사이트인데

20장까지 한번에 올릴수있으며, 사진하나하나 용량에 맞게 최적화 퍼센트를 조정할 수 있어 제가 3년전부터 애용하는 사이트입니다 ㅎㅎ

사용하는 방법도 굉장히 단순합니다 파일업로드 → 파일선택 → 최적화된 파일 다운로드 끝입니다 ㅎㅎ

이렇게 간단하게 웹사이트최적화 요소중 하나인 개발자도구를 통한
페이지 속도 및 요인분석 & 개선방법에 대해
알아봤는데요 솔직히 이정도만 알아도 자사몰 사이트 운영에는
충분하다고 생각합니다????

이것도 모르고하시는분들이 거의 절반은 넘는것같습니다.
사이트 내부의 디자인만 고려하는게 아니고 사실은
접근의 용이성부터 따지는것이 제일 최우선이 아닌가 싶은
생각이 드는 밤입니다 ㅎㅎ

좋은 하루 마무리 하시길바랍니다 ????‍♂️