XETOWN

호수 공원

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

단축키

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를 지원하네요. 가격이 비싸서 그냥 가상서버 호스팅을 하는 게 낫겠지만..
  • profile
    비누 2017.03.24 09:23:44
    좋은팁 감사합니다

List of Articles
번호 분류 제목 글쓴이 날짜
4971 질문/답변 설정한 목록수 와 상관없이 최근본문 글 1개가 나오게 하고 싶습니다 3 착한악마 2017.03.22
4970 질문/답변 경험치도 포인트히스토리처럼 회원이 로그 보는법 질문입니다 newstar3014 2017.03.22
4969 질문/답변 wiris 컨포넌트를 사용하고 있는데 HTML 소스 일부가 잘라먹고 저장됩니다. 잡학쟁이 2017.03.22
4968 질문/답변 위젯 최근글 스킨 댓글수 출력 방법이 뭔가요...? 5 구미호 2017.03.22
4967 질문/답변 라이믹스 버그인가요? 4 라그릿 2017.03.22
4966 질문/답변 iwinv 라이믹스 설치가 안되요!? 7 file 로보 2017.03.22
4965 질문/답변 게시물 첫글로 바로 들어갈수 없을까요? 7 착한악마 2017.03.22
4964 질문/답변 혹시 XE최신버젼에서 데이타이전툴 정상작동하나요? 2 영흥도우럭 2017.03.22
4963 질문/답변 후하니 님이 만드신 스티커 모듈 버튼이 안눌려져요 이상한 점두 생겼구요 27 file 순결 2017.03.22
4962 질문/답변 청와통닭 레이아웃중 3 명예찬 2017.03.22
4961 질문/답변 위젯을 내용 직접 추가로 생성하면 안보여요 3 피피포 2017.03.21
4960 불편/개선 요청 XE 본문 에디터 소소한 불편한 점... 1 Blues 2017.03.21
4959 질문/답변 소셜로그인 문제 입니다 ㅠ file 낙타 2017.03.21
4958 질문/답변 모바일에서 글쓰기 하면 에디터 나오는데 이거 어떻게 없애나요 10 file 가이더 2017.03.21
4957 질문/답변 쉬운설치>>코어 업그레이드 시 "서버 접속이 원활하지 않습니다" 3 lis**** 2017.03.21
4956 질문/답변 원래 어드민 모듈도 스킨 설정할 수 있지 않았나요..? 5 하늘희 2017.03.21
4955 질문/답변 본문내 이미지 클릭시 확대 이미지 1 똑띠 2017.03.21
4954 질문/답변 게시글 작성자의 댓글에만 색상박스가 되게.. 6 라그릿 2017.03.21
4953 질문/답변 원래 관리자 페이지에서 대댓글은 여러개 삭제못하나요? 라그릿 2017.03.21
4952 질문/답변 모바일에서요 2 트리플라워 2017.03.21
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 252 Next
/ 252
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...