라이믹스로 제작한 사이트를
구글에서 제공하는 pagespeed insight 도구로 분석하였을때
항상
스크롤 없이 볼 수 있는 콘텐츠에서 렌더링 차단 자바스크립트 및 CSS 삭제
페이지에 차단 CSS 리소스가 6개 있습니다. 따라서 페이지 렌더링이 지연됩니다.
위와같은 문제로 인해 점수가 깎이더라구요
렌더링 차단 js는 mod_pagespeed 를 이용해서 제일 나중에 로딩되게 해서 없앴는데, css들은 어떻게 손봐야할까요?
100점을 꼭 받고싶은 이상한? 집착때문에 며칠내내 끙끙 앓고있네요 ㅠㅠ
댓글 8
CSS/JS 합침 기능을 사용해 보세요. 6개를 1개로 줄일 수 있을 거예요.
만약 1개로 줄였는데도 점수가 깎인다면 그건 채점기준이 이상한 거고요. (구글은 CSS/JS를 외부파일에 넣지 말고 페이지 소스에 죄다 때려박으라는 정신나간 조언을 하기도 합니다. 0.01초를 아끼기 위해서라면 웹표준이고 뭐고 안중에 없는 듯...)
코어쪽을 수정해서 css를 강제로 제일 마지막에 로딩하는 건 무리일까요? ㅎㅎ
현재까지 데스크탑, 모바일 모두 100점 나온것은 google.com 밖에 못 본듯합니다. 네이버나 다음 등 큰 사이트들도 점수가 그닥..
만점 받으려면 사실 상 기반없이 처음부터 직접 만들어야 한다고 보면 됩니다.
집착을 계속하다 OTZ 됩니다.