XETOWN

질문/답변

웹에 관련된 질문과 답변을 나눌 수 있습니다.

 라이믹스로 제작한 사이트를


구글에서 제공하는 pagespeed insight 도구로 분석하였을때


항상 


스크롤 없이 볼 수 있는 콘텐츠에서 렌더링 차단 자바스크립트 및 CSS 삭제

페이지에 차단 CSS 리소스가 6개 있습니다. 따라서 페이지 렌더링이 지연됩니다.
위와같은 문제로 인해 점수가 깎이더라구요

렌더링 차단 js는 mod_pagespeed 를 이용해서 제일 나중에 로딩되게 해서 없앴는데, css들은 어떻게 손봐야할까요?

100점을 꼭 받고싶은 이상한? 집착때문에 며칠내내 끙끙 앓고있네요 ㅠㅠ

  • profile
    기진곰 2016.09.25 10:03:56

    CSS/JS 합침 기능을 사용해 보세요. 6개를 1개로 줄일 수 있을 거예요.

     

    만약 1개로 줄였는데도 점수가 깎인다면 그건 채점기준이 이상한 거고요. (구글은 CSS/JS를 외부파일에 넣지 말고 페이지 소스에 죄다 때려박으라는 정신나간 조언을 하기도 합니다. 0.01초를 아끼기 위해서라면 웹표준이고 뭐고 안중에 없는 듯...)

  • profile
    고라자 2016.09.25 10:05:58
    js는 합쳐도 아무문제없는에 css는 합쳐버리면 레이아웃이랑 보드스킨에서 일부 아이콘이 나타나지 않는 등 문제가 있더라구요...

    코어쪽을 수정해서 css를 강제로 제일 마지막에 로딩하는 건 무리일까요? ㅎㅎ
  • profile
    기진곰 2016.09.25 10:10:06
    JS는 head, body의 구분이 있는데 CSS는 그게 없습니다. 게다가 CSS는 로딩 순서에 따라 전혀 다르게 해석되기 때문에, 로딩 시점을 늦추면 호환성이 깨져요. 같은 자리에 놓고 합치기만 해도 문제가 생기는 레이아웃이라면 더더욱...
  • profile
    고라자 2016.09.25 10:19:45
    그렇군요.. 아쉽네요 ㅠㅠ
  • profile
    다이오니 2016.09.25 11:17:53
    구글 페이지스피드는 어느정도 포기를 하셔야 정신건강에 이로울듯 합니다. ㅋㅋ
    현재까지 데스크탑, 모바일 모두 100점 나온것은 google.com 밖에 못 본듯합니다. 네이버나 다음 등 큰 사이트들도 점수가 그닥..
  • ?
    SimpleCode 2016.09.25 19:46:54
    페이지스피드에서 제안하는대로 최적화하면 빨라지기는 합니다만, 일반적인 웹 사이트에서 이걸 전부 맞추기는 힘들어요. 특히나 XE나 워드프레스, 그누보드같은 CMS를 쓰다보면 서드파티 자료가 자신만의 표준을 만들어서 쓰기 때문에 높은 점수를 받기 힘들죠. CSS, JS 파일 크기를 줄이는 것도 모자라서 썸네일 이미지까지 최대한 압축하라고 합니다(...)

    만점 받으려면 사실 상 기반없이 처음부터 직접 만들어야 한다고 보면 됩니다.
  • profile
    고라자 2016.09.25 23:42:19
    그렇군요 ㅎㅎ
  • profile
    팀워크 2016.09.26 03:28:01
    90점 이상만 나와도 이미 충분합니다.
    집착을 계속하다 OTZ 됩니다.

List of Articles
번호 제목 글쓴이 날짜
공지 답변을 확실히 받기위한 질문자 지침서 21 람보 2015.12.31
2892 슈퍼캐시 질문 좀 드려요 ~ 12 나만의너 2016.09.27
2891 mod_pagespeed ( dns 질문 ) 9 가브리엘조 2016.09.27
2890 메일 발송시 받는 사람 이름 표기 부분이 궁금합니다. 2 file 엘비스 2016.09.27
2889 CentOS(리눅스)도... 윈도우즈처럼 시스템 복원 같은 게 있나요? 8 하늘희 2016.09.27
2888 새글 메뉴 모듈 select 형식 메뉴에는 적용이 불가한가요? 1 aromati 2016.09.27
2887 mod_pagespeed 사용시 GIF 파일은 webp로 변환이 안되나요? 16 가브리엘조 2016.09.27
2886 슈퍼캐시 사용하면서 궁금한 점 질문드립니다. 3 file dongdong 2016.09.27
2885 XE템플릿에서 php 문법 사용이 안되는데요. 6 고수군 2016.09.27
2884 core 분석중, 해석이 안되는 정규표현식에 대해 질문드립니다. 2 갸라 2016.09.27
2883 쪽지 보내기 창 레이아웃 문제 3 file 보고하비 2016.09.27
2882 클라우드 플레어 비즈니스플랜으로 변경후 icn 문제 4 이니그마 2016.09.27
2881 모바일 스케치북 게시판에서 댓글 추천 버튼 보이도록.. 1 file I-JEX 2016.09.27
2880 팝업레이어 위치 문제 2 file aromati 2016.09.26
2879 Elkha - Point Ranking 위젯 설치 관련 2 보고하비 2016.09.26
2878 흔히 사용하는 HTML 에디터 동작 원리에 관해.. 2 후하니 2016.09.26
2877 글 등록이 되지 않습니다. 2 비공개 2016.09.25
2876 css와 js 파일에서 사용하지 않는 부분을 자동으로 거를 수 있을까요? 6 윤삼 2016.09.25
2875 네이버 로그인이 안된상태에서 보이는창과 로그인후 보이는창 설정 외도랑 2016.09.25
» 라이믹스의 렌더링 차단 CSS 항목 8 고라자 2016.09.25
2873 이정도 서버는 어떤가요? 6 낙타 2016.09.25
Board Pagination Prev 1 ... 39 40 41 42 43 44 45 46 47 48 ... 188 Next
/ 188
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...