XETOWN

질문/답변

웹에 관련된 질문과 답변을 나눌 수 있습니다.
질문/답변
2016.09.25 10:00

라이믹스의 렌더링 차단 CSS 항목

조회 수 90 댓글 8

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


구글에서 제공하는 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
번호 분류 제목 날짜
공지 질문/답변 답변을 확실히 받기위한 질문자 지침서 20 2015.12.31
2879 질문/답변 글 등록이 되지 않습니다. 2 2016.09.25
2878 질문/답변 css와 js 파일에서 사용하지 않는 부분을 자동으로 거를 수 있을까요? 6 2016.09.25
2877 질문/답변 네이버 로그인이 안된상태에서 보이는창과 로그인후 보이는창 설정 2016.09.25
» 질문/답변 라이믹스의 렌더링 차단 CSS 항목 8 2016.09.25
2875 질문/답변 이정도 서버는 어떤가요? 6 2016.09.25
2874 질문/답변 자꾸 클라우드 플레어 오류가 납니다.. 7 file 2016.09.24
2873 질문/답변 서버호스팅 세팅 후 용량 문의 5 2016.09.24
2872 질문/답변 SUPERCACHE 때문에 DB가 놀고 있다? 7 file 2016.09.23
2871 질문/답변 메인 위젯에서 클릭하고 글 접근시와 게시판 목록에서 클릭하고 접근 시 다릅니다. 5 file 2016.09.23
2870 질문/답변 라이믹스 develop 브랜치에 member.model.php 에서 오류가 발생해서 수정했는데... 3 2016.09.23
2869 질문/답변 관리자 페이지에서 캐시 재생성 안되는게 서버 문제일 수 있나요? 10 2016.09.23
2868 질문/답변 통큰아이로 서버 돌리고 싶은데 5 2016.09.23
2867 질문/답변 글 내용중 20글자를 제목으로 가져가게 되어있답니다. 코어에서... 8 2016.09.23
2866 질문/답변 갤러리 화면이 익스플러 8.,9애서 잘보이지 않습니다. 4 file 2016.09.23
2865 질문/답변 클라우드 플레어 여러개 도메인 사용중일경우? 5 2016.09.23
2864 질문/답변 xe로 제작되어진 홈페이지를 사용하고 있습니다.(jquery 관련 문의) 5 file 2016.09.23
2863 질문/답변 mod_php 보다 독립적으로 php-fpm 을 돌리는게 성능이 더 좋아지나요? 3 2016.09.23
2862 질문/답변 xe3 컴포넌트 개발과 관련되어 .. 3 2016.09.22
2861 질문/답변 슈퍼캐시 적용 방법이 뭔지 좀 알고 싶습니다 3 2016.09.22
2860 질문/답변 추천해주실 웹호스팅 있나요? 11 2016.09.22
Board Pagination Prev 1 ... 21 22 23 24 25 26 27 28 29 30 ... 169 Next
/ 169
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...