엔플린트 시절 22초대를 찍기도 했었는데

최근 호스팅 사이트를 옮기고

첫페이지 로딩 속도를 줄이고자 애쓰고 있습니다 

 

위젯 캐시를 사용해서 4초 미만으로 찍기도 하는데

아마 처음 접속하시는 분들은 캐시를 내려받아야 해서 좀 딜레이가 약간 있을 것 같기도 하네요.

두번째부터는 아마 괜찮으시겠지만;

 

위젯이 없는 일반 페이지도 보통 2초대를 찍는 걸 보면

이온디 사이트는 4초 내외가 아마 한계인 것 같습니다. 

 

xe타운의 경우 1초 미만에서 1초 내외를 찍구요. ㅎ

 

첫페이지 로딩을 줄일려면 썸네일 크기도 좀 작은 게 유리할 것 같고

페이스북/트위터, 채팅, 광고 같은 건 안 달아야 하지만..;

그리고 위젯 갯수는 크게(?) 속도를 좌우하는 것 같지는 않았습니다.

이온디

profile
이온디는 라이믹스를 비롯한 다양한 CMS의 시드뱅크를 꿈꿉니다. 여러분들이 사랑하는 웹소스를 언제든지 사용할 수 있게 하기 위해 이온디는 매일 소스코드를 유지보수하고 있으며, 언제든지 다운로드할 수 있는 소스마켓을 운영하고 있습니다.

#XE마켓 - 이온디스토어
https://eond.com/xemarket/

# XE/라이믹스 단톡방을 운영 중입니다. (비번: 2022)
https://open.kakao.com/o/giaKKnl

# XE/라이믹스 생활코딩 모듈 강좌입니다.
https://opentutorials.org/module/3774
  • profile
    쿼리갯수,
    CDN여부, (갯수여부)
    등등 다양하게 보셔야..;ㅁ;
  • profile profile
    그런건 어떻게 볼수있나요?;;
  • profile
    그냥 자기 홈페이지에서, 쿼리가 되겠다하는 부분..이나 페이지 검사해서 css, 이미지, 등등이 cdn서버를 사용하지 않는지 직접 보는거죠.. ;ㅁ;
  • profile profile
    cdn 플레어 그런걸 한번 알아봐야겠군요
    쿼리는 어떻게 알 수 있는거죠?
  • profile profile
    그냥 위젯 갯수, DB가 어디서 읽어오겟다 이런거로 유추하는 수밖에 없어요. 실제로 코드를 만지지 않는이상은요.
  • ?
    전에 위젯으로 목록을 100개 이상씩 불러오는 사이트를 봤습니다.

    열리는데 엄청 오래거리더군요. ^^&

    그리 사용하면 안된다고 말 드려도 막무가네...
  • ? profile
    위젯으로 목록을 불러오는게 어떤 식인가요?;;
  • profile ?
    아작스가 대중화되기 전인데
    그냥 한 게시판당 목록을 100여개 불러와서 하단에 네비만들어서 10개씩 노출시기키더군요.
  • ? profile
    아하 ㅋㅋ
    목록을 보통 5~10개 되는걸 100개씩 불러온다는 말이군요 ㅋㅋ;
    저는 위젯 갯수가 -_-; 대신 많다는; ㅠㅠ
  • profile profile
    운영하시는 홈페이지가 위에 말씀하신 사례와 비슷해 보이네요. 탭으로 여러개를 만들어 놓으시긴 했어도 사실 그거 다 한번에 불러와야 하니까.. 사실 지금 위젯으로 불러오는 갯수는 작은양은 아닌듯 합니다.
  • profile
    자바스크립트가 DOM 상단에서 너무 많이 로드되지 않나요~?

    자바스크립트가 처리되는 동안은 페이지 표현이 진행되지 않아서..

    body 끝줄로 옮기시면 시각적으로라도 더 빨라지지 않을까 싶기도!
  • profile profile
    어? 다 하단으로 내렸는데 상단에서 로딩되는게 있나요?ㅜ 어떻게ㅜ처리하면 되죠
  • profile profile

    위젯에서 불러오는거 몇개랑 xe common 파일들이네요.. 잘못본듯 ㅠ 그런데 개별 스크립트가 너무 많으면 http 요청 횟수가 늘어나서 또 느리다는 애기도 어디서 봤고.. 몇몇개는 합쳐서 압축해버리세요 ㅎㅎ

  • profile profile
    다 위젯 및 애드온, 모듈에서 각각 불러오는 것인데 이런 것들도 다 합칠 수 있는 방법이 있나요?;;
  • profile profile
    개별적으로 배포하시거나 판매하실게 아니라면 일체화 시켜도 상관은 없겠죠.. 근데 빨라지는 속도에 비해 피로감이 더 크겠네요.. 대형커뮤니티나 그런게 아니라면야
  • profile profile
    아 직접 제가 다 일일이 수작업해야되는 건가 보군요;;
    자동으로 다 합해줄 수 있는 방법이 있는지 알았네요 ^^;
  • profile profile
    Zipper 애드온 있습니다.
  • profile
    잘못 아시는게 몇개 있으시네요.
    1.위젯캐시의역할
    - 첫방문이후 두번째방문시 빨라지는건 위젯캐시와 관련없습니다. 방문자의 브라우저캐시 때문입니다.

    위젯캐시를 설정해 놓으면 해당시간 동안은 db쿼리를 하지 않고 이미 쿼리해온 db내역을 보여줍니다. 서버캐시입니다.

    메인의 위젯의 캐시를 5분으로 설정해 놓았다 가정하고 모든 위젯의 쿼리타임이 1초라할때 5분동안 방문자에게는 1초라는 시간 생략하고 직접 이미 가지고있는 내용을 직접뿌려줍니다.

    따라서 위젯을 설정해 놓으셨다면 반복해서 테스트해보시면 응답속도를 보실수있습니다.

    2. Dom load 타임만 보셔야 합니다. 여기 xe타운에도 동일하게 광고와 채팅등 여러가지를 부착하면 똑같은 시간이 나옵니다.

    컨텐츠를 표시하기위해 쿼리타임과 출력시간을 측정하는 시간이 dom load 타임입니다.

    나머지 부가적인 것을 불러오는 시간은 사이트에 필요에 따라 부척한것이 다르기에 부착한것 때문에 느리다 이걸 해결하고싶다. 라고 하는 것은 부착한것을 제거해야 하는것입니다.
  • profile profile
    감사합니다. ㅎ
    DOMContentLoaded 와 Load가 있는데, 저는 Load를 말했는데,
    웹지기님 말씀하시는 건 DOMContentLoaded를 말씀하시는 건가요??
  • profile profile
    네. Load에서 Dom load 타임을 뺀시간 즉 광고 채팅등을 불러오는 시간은 제어할수 없습니다. 
    (채팅은 dom load 속할수도 있겠습니다. 위젯 같아서여...)

    컨텐츠불러오는 dom load에 가장영향을 주는건 위젯사용량입니다. 이것은 위젯캐시로 해결이 기능합니다.

    지금 오해하시는게 전체 load타임을 부가적인게 전혀없는 사이트와 비교하시면 곤란합니다.

    아마 운영하시는 사이트에서도 광고와 여러가지 요소를 제거하시면 빨라지겠죠. 근데 필요한것들 이시니 비교를 안하시는게...
  • profile profile
    알려주셔서 감사합니다.
    비교해보니, 보통 XE타운에서는 돔로드타임이 메인에서는 1초 미만으로 나오고, 게시물 글보기 부분에서는 1초 중반대로 나오네요 ㅎ
    제 사이트도 메인 외에 일반 게시물 글 보기에서는 그 정도로 나오는데..
    다만 메인에서 위젯 로드되는게 많아서 ㅠ_ㅠ;
    위젯 캐시를 다 적용한다고 했는데도 쿼리에서 가져오는 것들이 따로 몇몇개 있어서
    이 부분을 위젯으로 만들어서 캐시설정해서 사용하면 조금은 더 빨라질 수 있겠군요 ㅎ;
  • profile profile
    일단 눈에 띄는것 중 채팅을 제거해 보시면 어떨지 생각합니다. 사이트에서 중요도가 얼마나 차지할지 고민해 보시고 한번 제거후 메인페이지 속도를 비교해 보세요. 그리고 많이 차이가 있다면 불필요한 것 들을 좀더 줄여가는 것이 좋을 것 같습니다. 저희도 사이트유지를 위한 광고는 어쩔수 없이 함께 가야 하지만 나머지는 컨텐츠를 보여주는 것에 집중하고 있습니다. 뭐 저희도 어느정도 느린것은 어쩔수 없는 한계로 인식하지만 메인에 컨텐츠와 밀접하지 않은 것은 최대한 배제하려고 노력중입니다.
  • profile profile

    네 사실 채팅이랑 구글 광고가 1초 정도 잡아먹습니다 ㅎㅎㅎ;
    채팅 소스가 좀 느려서 빠르게 할 방법을 찾고 있어요 ㅠㅠㅠ;

    그러고보니 포메러브가 어느 순간 채팅창이 사라졌더군요 ㅎ

  • profile profile
    네. 광고는 어쩔수 없습니다. 그리고 광고는 dom load 이후에 불러오는 요소라 중요하지 않지요.
    채팅은 사이트에 역할이 마이너스 혹은 불필요한 케이스가 많아서 저희는 https 를 사용하면서 제거 했습니다.

    또 제가 한가지 보이는건 맨 아래 배너슬라이드도 무거워 보입니다. 그게 필요할지요.. 필요하시다면 정말 보여주고 싶은 배너만 고정으로 그냥 이미지배너로 출력하는게 좋을 것 같습니다.
  • profile

    ttf.jpg

     

    자 보시면 심각성이 그대로 나옵니다. ttfb 타임을 잘 봐주세요.

     

    무려 1.61초 응답시간 자체가 2.02초가 걸립니다.

     

    초기 응답시간을 측정하는데 필요한 요소는 메인페이지에서 요청한 db쿼리에 대한 응답그리고 html요소 출력되기 시작하은 응답시간을 측정하는 것 입니다.

     

    위젯들이 영향을 미치는 것이 바로 이 ttfb 타임입니다.

     

    기존에 엔플린트를 사용하셨을때는 이 ttfb타임이 더 안나왔을겁니다. 저희도 엔플린트를 사용해서 이 ttfb타임이 다른 호스팅보다 200~300ms 정도 손해를 보고 있습니다.

     

    그런데 지금 그것이 문제가 아니가 무려 2초 가까이는 응답을 기다리는 상황이 큰 문제입니다. 메인페이지에서 db에 요청하는 쿼리를 많이 줄이셔서 보통 정상적인 사이트에서 측정되는 수백ms 대로 만드셔야 합니다.

     

    이것은 사이트 메인 자체를 너무 무겁게 만들어 놓으신 결과 입니다.

     

  • profile profile
    스샷 그건 어떻게 확인해볼 수 있나요?
    한번 테스트해보겠습니다. ㅠㅠ
  • profile profile
    network 에서 나오는 타임라인중 맨 첫줄이 해당페이지의 응답시간입니다. 맨오른쪽 녹색바에 마우스를 오버해보세요.
  • profile profile

    K-058.png

     

    자랑은 아니고, 제 사이트는 이렇게 나오네요~ ㅎㅎㅎ 

     

    이정도면 꽤 빠른거죠 ? 저번 서버세팅이후로 진짜 빨라진듯 

  • profile profile

    네. 이정도가 정상? 혹은 약간 빠른 정도에요. 사용하시는 서버상태에 따라 200-300ms 는 차이가 날수 있는데요. 저희서버가 그래요. IO쪽이 저희는 좋지 않는듯 합니다.

    Full SSD사용하는 보통의 호스팅이나 서버의 경우 메인페이지 너무 복잡하게 구성하지 않으면 이정도 나와야하구요.(저희는 안나와요 ㅋ)
    구글페이지스프드에서 테스트시 300ms 이상 나오면 경고가 떠요. 좀 줄이라구요.... 아주 좋네요!

  • profile profile
    네 저희 메인도 그냥 위젯 한개로 때우고 있어서,

    그나저나 이글에서 많은 걸 배웁니다. 그동안 헷갈렸던걸 많이 알았어요 감사해요~
  • profile
    전 3.6초인데 대단하네요 ㅎㅎ 지금 다시 만들어볼까 생각중입니다 ㅎㅎ;;
  • profile profile
    너무 느려서 대단한 건가요? ㅠ;
  • profile profile
    타운 1초요 ㅎㅎㅎ 제껀 별게 없는데도 3.6이거든여 ;;
  • profile profile
    제 사이트는 ㅠ_ㅠ 눈물만;;
  • profile profile
    전 그냥 동창회비에서 나오는걸로 좋은 서버 사서 그런가봐요 ㅎㅎ;; 처음에 8초 떠서 그냥 좋은거 사라길래 좋은거 샀거든여 ㅎㅎ
    이온디님 실력이면 얼마든지 좋은 사이트 만드실것 같은데요 ㅎㅎㅎ 부럽습니다 ^^
  • profile profile
    저는 웹폰트2개, 아이콘폰트2개, 각종 위젯 등이 너무 많아서 ;ㅁ;
  • profile profile
    전 폰트 때문에 엄청 느리길래 그냥 레이아웃 산곳에 문의해서 변경했는데.. ㅎㅎ;; 그러니깐 한 2초 빨라지는것 같았어요 ㅎㅎ;
  • ?
    저희 사이트는 웹폰트가 가장 크게 지장을 주네요.
    그렇지만 미관을 포기할 수 없으니 하하.. ㅜㅜ
  • profile
    이온디님께서 사용하시는 웹폰트가 혹시 어썸 폰트나 xe폰트면 그냥 이미지로 저장하셔서 base64로 만드신다음 빨리 불러오게 만드시면 좋을거 같아요 ㅎ

    저도 어썸이랑 xe폰트를 불러오기를 첨에 했는데 너무 느려서 쓰는것만 png 파일로 변경했더니 빨라 지더라구요 ㅎ
  • profile profile
    네 이참에 따로 아이콘 이미지 만들려는데 다른 것부터 -_-;;
  • profile profile
    ㅎㅎ 이온디님은 능력자 이시니 홈피속도쯤이야 ㅎ