XETOWN

호수 공원

XE 사용에 대한 여러가지 정보들을 공유할 수 있습니다.
조회 수 277 추천 수 3 댓글 6
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

우선 저희 사이트는 커뮤니티이다 보니 메인페이지에서 절대적으로 새로 올라온 컨텐츠들을 소개하는 구성이 필요합니다. 그래서 굉장히 많은 위젯으로 다양한 정보를 조회해서 뿌려줘야 하는 사이트 입니다. 운영자는 회원에게 제공해야하는 정보의 양과 이용하는 쾌적한 속도간의 균형을 위해 굉장한 노력을 많이 해 왔고 결론적으로 지금의 구성으로 운영합니다.

 

 

1.캐시는 절대적으로 이용해라.

위젯을 이용할 것이면 캐시를 꼭 적용해서 모든 방문자로 하여금 쿼리를 발생하지 않도록 해야 보다 많은 이용자들이 좀더 빠른 이용이 가능합니다.

캐시를 적용한 것과 안한 것의 차이

 - 캐시 1분 적용 : 캐시만료되기 전까지 페이지를 방문하는 방문자들에게는 db를 직접 조회하는 과정 없이 캐시된 정보를 바로출력해줘서 빠른 응답을 보여줌

 - 캐시 미적용 : 방문자 모두에게 db에서 직접 조회해서 출력해줘서 응답시간이 추가됩니다.

 

캐시의 만료시간이 조금씩 다르게 설정해라.

캐시만료가 모두 같은 시간에 몰리지 않도록 시간을 살짝 살짝 다르게 해 주면 더 효과가 좋습니다. (이후 설명 할 슈퍼캐시의 경우는 이러한 것을 직접 세팅하지 않아도 모듈에서 알아서 이러한 것을 방지해 줍니다.)

 

 

2.메인페이지와 서브페이지 구성을 다르게 해라.

메인페이지에 있는 정보들을 굳이 서브에서까지 또 보여주려고 노력할 필요가 없습니다. 단순 1회 서브페이지로 직접 방문한 대상자에게 까지 정보를 꼭 보여줘야 하겠다는 의지가 결연하지 않다면 메인에서만 충분한 정보를 제공하고 게시글을 열람하고 하는 실제적인 회원들이 이용하는 페이지는 최대한 가볍게 구성을 해 주는 것이 좋습니다.

 

메인페이지가 다소 무겁더라도 서브페이지(게시판들이 있는 페이지들..)가 가볍다면 주로 이용하는 시간 동안 내내 가볍게 이용이 가능합니다.

 

 

 

3.서브페이지 게시판 구성에서도 위젯이나 게시판 안내등은 목록에서만 출력하고 본문 글 읽는 곳에서는 굳이 출력하지 않도록 한다.

 

위에 메인페이지에서 제공했던 정보를 굳이 서브페이지에서 또 제공하는 것과 같은 맥락으로 글 읽는 페이지에서 게시판의 안내나 위젯을 또 제공할 필요는 없습니다. 글 읽는곳 페이지 속도가 더 빨라지겠죠.

 

예를 들면 각 게시판의 인기글을 위젯으로 출력을 해 주고 싶다면 저는 목록에서만 출력하길 권해드립니다.

 

 

4.슈퍼캐시 모듈을 사용한다. 

 비회원에게는 획기적인 속도를 제공해 줄 수 있습니다. 위젯을 캐시하는 것이아닌 페이지 전체를 캐시했다가 비회원 방문자에게 출력해 주기 때문에 30ms 50ms 의 응답속도를 보여줄 수 있습니다. 

 

슈퍼캐시모듈의 위젯캐시기능을 사용하면 회원에게도 굉장히 빠른 속도를 보여줄 수 있습니다. 제가 사용해 본결과 XE의 자체 위젯캐시보다 빠르고 효율적입니다.

 

 

 

5.https를 사용하고 h2 가 사용되도록 한다.

http를 속도를 위해 사용한다는 말은 이제 옛말입니다. https가 이제 기술의 발전으로 더 빠른 시대가 왔습니다. 

 

또 이렇게 full-ssl을 사용하고 빠른 상태로 만들어 놓았다면 CSS를 합치는 별도의 자료를 사용하지 않습니다. 이제는 많은 숫자의 CSS파일을 로드하더라도 속도가 느려지거나 하지 않고 오히려 여러개의 CSS를 하나로 합치는 추가작업시간이 응답으 더 느리게 합니다. (XE의 CSS 합쳐주는 애드온이 나온 이유는 사실 속도문제가 아니라 구형 브라우저에서 로드되는 파일수 제한 때문이었습니다.)

 

 

이정도만 잘 세팅해줘도 메인페이지에 아무리 많은 위젯으로 구성해 놓았다해도(물론 위젯 자체가 너무 무거우면 곤란하죠.. 기본적인 컨텐츠위젯 정도) 응답 속도가 굉장히 느리거나 하지 않습니다.

 

 

 

6.구글애드센스를 넣었다면 비동기식 동작 코드인지 확인해보세요.

광고가 출력될때 오래된 방식인 동기식으로 동작하게 해 놓았다면 광고가 로딩이 끝난 후 광고가 출력되는 시점에 컨텐츠가 함께 출력되면서 실제 유저가 기다리고 있는 컨텐츠가 보여지는 시간이 느려지는 상황이 되어버립니다.

 

동기식의 경우 화면에 보여지는 모든 것이 일치감 있게 출력되는 효과는 있지만 정보의 주체인 컨텐츠의 출력 속도가 광고 로딩속도와 맞춰진다는 점에서 컨텐츠속도를 중요시 한다면 좋지 않습니다.

 

광고를 구석이나 하단에 넣어놔서 조금 늦게 광고가 노출되더라도 표시도 나지 않는 상황에 동기식으로 운영한다면 괜한 로딩시간만 더 추가되게 됩니다.

 

 - 요즘 애드센서 코드를 만들때 기본으로 옵션이 비동기식으로 설정되어 있을 겁니다.

 

 

 

이렇게 하여 저희 사이트는 슈퍼캐시까지 적용하여 메인페이지의 경우

비회원 응답시간 : 60~70 ms

회원 응답시간  : 300ms ~ 500ms

 

비회원,회원 공통적으로 메인페이지 컨텐츠로드 시간 : 1초 이내 

 

이정도로 운영되고 있습니다.

 

spped1.jpg

글쓴이 웹지기

profile

Atachment
첨부 1
  • ?
    칼럼 2017.02.04 18:32:24
    좋은 글 감사합니다!!
  • profile
    기진곰 2017.02.04 18:50:32
    http와 https+h2의 속도 차이를 극명하게 보여 주는 사이트 하나 소개합니다.
    https://www.httpvshttps.com/

    360개의 이미지를 http로 로딩할 때와 https+h2로 로딩하는 시간을 측정하는데,
    속도 차이가 최소 10배에서 최대 100배까지 납니다 ㄷㄷㄷ
  • profile
    우성군 2017.02.04 20:02:19
    저도 https로 운영한지 5달째인데 만족하고 있어요.

    h2는 기본이죠!
  • ?
    기븐 2017.02.04 23:36:35
    사실 4번이 제일 중요한거같은.. (5번은 웹호스팅에서는 못하고)

    그런데 css나 js 합치는건 라이믹스의 경우 미리 다 생성해서 캐시파일 폴더에 저장해놓고 그 파일을 불러오던데 말이죠..
  • profile
    기진곰 2017.02.04 23:39:39
    라이믹스에서는 안전하게 합칠 수 있다고 판단되는 것만 합칩니다.
    무리하게 파일 수를 최소화하려고 애쓰지는 않아요.
    https+h2를 사용하는 사이트라면 이 기능마저 꺼버리는 편이 나을 수도 있고요.
  • ?
    기븐 2017.02.04 23:43:04
    아, 찾아보니 나야나호스팅에서 let's encrypt와 http/2를 지원하네요. 가격이 비싸서 그냥 가상서버 호스팅을 하는 게 낫겠지만..

List of Articles
번호 분류 제목 글쓴이 날짜
공지 질문/답변 답변을 확실히 받기위한 질문자 지침서 21 람보 2015.12.31
화제의 글 자료공유 광고제거 멤버십 애드온 v0.1 7 file ExtendKR 2017.02.13
4564 질문/답변 index페이지 수정 질문 2 file teamcafeit 2017.02.22
4563 질문/답변 layout.html 에 삽입하는 스크립트 질문드려요 1 고라자 2017.02.22
4562 질문/답변 커뮤니티 사이트를 만드려고 하는데 어떤 서버를 써야하나요 4 인디고 2017.02.22
4561 질문/답변 Query XML에 대해서 문의 좀 드립니다. 2 주피터3837 2017.02.22
4560 질문/답변 마지막 문장 이후 오는 <p> </p> 를 모두 제거해서 보여 줄 수 있을까요 ? 58 웹지기 2017.02.22
4559 질문/답변 문서 '조회수정렬' 기능이 추가되었으면 좋겠습니다. ^^ 일단놓고말해 2017.02.22
4558 질문/답변 본문/댓글 폰트 질문 7 update Katze 2017.02.22
4557 질문/답변 에디터에 컨텍스트 메뉴는 어떻게 수정하나요? 2 file xetown998 2017.02.22
4556 질문/답변 타임라인 모듈 (원래게시물로 돌아가기) 작동안합니다 3 피피포 2017.02.22
4555 질문/답변 댓글 가지고 오는 한번 쿼리 한번 봐주세요..ㅜㅜ 주피터3837 2017.02.22
4554 질문/답변 imgur 에디터 https 3 VJT 2017.02.22
4553 질문/답변 닉네임 이미지, 아이콘 동시적용시 아이콘에 마우스를 갖다 댈경우 file 라그릿 2017.02.21
4552 질문/답변 게시판 정렬 조건 어떤 방식으로 만드는건거요? 2 웹지기 2017.02.21
4551 질문/답변 게시글 일괄 삭제 방법 3 우리종도 2017.02.21
4550 질문/답변 (라이믹스) 회원가입시 메일인증, 가입후 페이지 이동이 되시나요? 1 고수군 2017.02.21
4549 질문/답변 지금 쓰고있는 웹호스팅 업체가.. 4 트리플라워 2017.02.21
4548 질문/답변 라이믹스 궁금해서 질의 드립니다. 3 December 2017.02.21
4547 질문/답변 라이믹스 갈아타기 2 가이더 2017.02.21
4546 질문/답변 Godaddy 사용해보신분 계신가요? 5 SoyaMilk 2017.02.21
4545 질문/답변 제로보드 1.4.0.11에서 업그레이드하기좋은 버전은 무엇인가요? 1 xeplayer 2017.02.21
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 230 Next
/ 230
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...