원고 정보

조합 사이트를 제작하고 공개한 후, 페이지를 읽는 데 시간이 걸렸다
줄곧 이유를 모르고 고민하고 있다.
이유를 알면 노력할 수 있지만 이유를 몰라요.
그 원인을 조사하기 위해 효과적인 도구의 견해를 미리 남기고 원인을 찾아내는 방법.
(2020년 10월 24일 기준)
원인을 찾아내서 시도&틀리자

PageSpeed Insight는

모바일 단말기와 개인용 컴퓨터 페이지의 실제 성능에 대한 보고와 개선 방법을 확인할 수 있다.
PageSpeed Insights: https://developers.google.com/speed/docs/insights/about?hl=ja

말은 이렇게 하지만 하나도 모르겠어요...

사용법

측량하다

먼저 위의 검색 표시줄에 측정하려는 페이지의 URL을 입력한 다음 분석하십시오.
성공하면 이런 그림이 될 거야.스코어가 자주 변동하다.
낮지만 낙담할 필요도 없다.

일단 실패하다

이런 화면이 나와요.당분간 자신의 브라우저에서 사이트를 방문할 수 있다면 측정할 수 있을 것이다.
나의 사이트는 매우 무거워서 자주 오류가 나타난다

독법

실험실 데이터

자세한 내용은 오른쪽 탭을 클릭하시면 설명이 나옵니다.
측정할 때마다 점수가 바뀝니다.또 항목도 늘어날 테니 자세한 내용을 확인해 주세요.

개선 가능한 항목

여기가 제일 중요해.처리에 시간이 필요한 요소를 표시합니다.
사이트에 따라 문제점도 다르고 방법도 다르다
나의 PF 사이트는 이미지의 용량이 매우 무거워서 느려졌다.
(당시 스쿨버스를 얻지 못했으니 사랑을 끊는 것을 허락해 주세요.)
가능하면 jpeg 형식으로 저장하고 100kb 이하로 제어하는 것이 좋습니다.

진단하다

나는 처음에는 개선할 수 있는 항목만 보았지만, 나의 PF 사이트에서는 진단이 상당히 중요하다.

이번 결과를 보면 CSS 파일을 읽는 데 9.9초가 걸렸고 CSS의 일부 처리가 시간을 사용했음을 알 수 있다.
그리고 여기도 달라요. 여러 번 측정한 후에 빈번하게 나오는 항목에서 원인을 찾아내는 게 좋을 것 같아요.

그게 다야.감사합니다.