Linode도쿄서버를 사용중인데 최근에는 접속자가 별로 없는데도 불구하고 속도가 상당히 느려졌다는 느낌을 받네요.
그래서인지 회원들의 활동도 더 줄어든 것 같구요.
아마존 라이트세일 조건을 보아하니 상당히 괜찮던데
아마존 라이트세일 서울 서버로 이전한다면 속도가 빨라졌다는 체감을 좀 받을 수 있을까요?
PHP | PHP 7.0 |
---|---|
CMS | Rhymix |
Linode도쿄서버를 사용중인데 최근에는 접속자가 별로 없는데도 불구하고 속도가 상당히 느려졌다는 느낌을 받네요.
그래서인지 회원들의 활동도 더 줄어든 것 같구요.
아마존 라이트세일 조건을 보아하니 상당히 괜찮던데
아마존 라이트세일 서울 서버로 이전한다면 속도가 빨라졌다는 체감을 좀 받을 수 있을까요?
속도체감 테스트를 확실히 하신 후 결과를 가지고 서버를 옮기시던 업그레이드를 하시던 하셔야지 지금 처럼 여가가지 가능성을 그냥 생각만으로 예상하시고 작업을 하신다면 작업 후 결과를 가지고 예상이 맞았는지 틀렸는지 확인이 가능하고 이후 원하는 방향으로 다시 재작업이 들어가야 합니다.
1.클라우드플레어 영향인지 확인을 해보시려면 우선 클라우드플레어를 끄고 조금 긴 시간 모니터링을 한 후 판단해보세요.
1.1 클라우드플레어를 껐더니 빨라졌다.
- 지금 서버가 일본에 있으니 유저들이 클라우드플레어 일본이 아닌 다른 해외로 접속되고 있었다면 개선 될 수 있습니다.
1.2 클라우드플레어를 꺼도 차이가 없다.
- 유저들이 원래부터 클라우드플레어 일본으로 접속하고 있었기 때문에 별 차이가 없다.
- 클라우드플레어 문제가 아니라면 서버를 미국으로 옮길 필요가 없습니다.
1.3 클라우드플레어의 경유지 문제로 판단 대부분 유저들이 미국(LAX)로 경유되어 대부분 느린것이라고 결과가 나온다면 미국으로 서버를 옮기면 도움이 될 수 있습니다.
2.클라우드플레어는 속도향상의 솔루션이 아닙니다.
- 속도를 지금 신경쓰고 싶다면 클라우플레어를 당장 끄세요.
2.1 클라우드플레어를 꺼도 속도차이를 모르겠다.
- 알고 계신대로 해외서버 중 일본이 그나마 빠른 속도에 속합니다
- 따라서 서버를 옮겨서 해결이 될 문제는 아닙니다.
- 현재 서버는 플랜 변경이 아주 쉬울테니 사양 조정을 해보세요.
3.라이트세일은 CPU다소 성능이 떨어지는 단점이 있습니다. 물론 고성능이 필요한 경우가 아니라면 문제가 되지는 않습니다. 하지만 라이트세일은 상위플랜으로 버튼 하나로 이동이 가능한 구조가 아니니 한번 옮기시면 이후 업그레이드를 위해서는 백업,복구 과정을 거치시는 과정이 필요해집니다.
4.속도가 최우선이라면 한국에 서버로 옮기세요.
넹! 일단 차근차근 분석중입니당
오전 6시부터 클라우드플레어 해제했고 일주일은 측정해보려구요
라이트세일이 설명상으로 보기엔 괜찮은 것인줄 알았는데 생각보다 제약이 많네요!
일단 막 확확 넘어가는 정도의 속도는 필요한게 아니라서 지금 추이에서 조금 더 두고봐야겠습니당 ㅎㅎ
사이트가 좀 많이 무겁네요. 초기접속이 이상하게 느리길래 보니까 CSS 파일 사이즈가 어마어마하네요.. 400KB+200KB라니.. 게다가 한번 받고 끝내는 것도 아니고 200KB가 넘는 크기의 CSS를 수시로 받는군요..?? 단일 파일로 된 저 CSS가 로딩이 완료되어야 화면이 그려지는거라서... 체감속도 저하의 일등공신이라고 할 수 있겠군요.
국내라면 좀 덜할텐데.. 울나라 해외망에서 저정도 파일 사이즈면 치명적일겁니다.
근데 CSS 이렇게 하나로 합치는게 XE에서 해주는건가요?
근데 상식적으로 CSS가 저렇게까지 커질 수가 없을텐데.. 600KB라니요.. 아마 이미지를 data url로 막 박아놨나본데... 그냥 이미지로 다 빼내는게 중요할 것 같습니다.
그리고 메인화면 이미지도.. PNG로 500KB짜리 이미지라뇨.. 웹에선 PNG 쓰시는거 지양해야 합니다. PNG는 압축효율이 크게 떨어져서 큰 사이즈의 이미지는 파일크기가 그냥 그대로 커집니다. JPG으로 바꾸셔야죠. JPG으로 바꾸면 100KB 이하로 줄어들걸요.
CSS하고 JS를 파일 하나로 합쳐요?? 그건 삽질중의 삽질인데요..
JS하고 CSS는 로딩하는 타이밍이 틀립니다.
일단 처음에 HTML을 로딩하고, 그다음에 CSS파일을 로드하면 화면을 그릴 수 있어요. 이미지같은건 CSS하고 동시에 다운로드를 시작하지만 이미지는 완료 안되었어도 일단 화면은 그립니다. 처음 화면 그려지는데는 CSS가 필수적이죠.
그리고 JS는 화면 그려나가면서 중간에 만나면 그때 바로 로드해서 실행을 합니다.
그래서 보통 JS는 HTML 맨뒤에 놔요. 화면 일단 먼저 다 그리고 나중에 JS로드해도 되도록 말이죠.초기 화면 그리는데 JS가 필요한 경우는 거의 없습니다.
아니면 HTML중간에 JS코드를 넣어야 하는 경우에는 그냥 HTML안에다가 같이 넣어두죠.
별도의 파일을 로드안하고 실행할 수 있도록 말이죠.
반대로 CSS는 맨앞에 놓습니다.
근데 CSS하고 JS가 하나로 합쳐져 있으면.. 삽질중의 삽질이죠.
JS를 그렇게 빨리 로드할 필요도 없고.. CSS로딩 자체는 느려지고..
근데 생각해보니 애초에 그렇게 할 수가 없을텐데요...??
아 저는 이거 얘기드린거에요!
흠.. 글쎄요.. 어차피 HTML 렌더링은 CSS 로딩이 끝나야 할테니..
CSS가 여러개든 하나든 큰 차이는 없을거 같긴 한데요...
600KB짜리 단일 파일을 다운로드받는게 빠르냐 여러개로 나눠받는게
빠르냐를 비교한다면.. 그래도 적당한 갯수로 나눠받는게 좀더 빠를거 같긴 합니다만...
(너무 파일 갯수가 많으면 그건 그거대로 느릴거구요)
그리고 JS도.. 여러개로 쪼개져 있으면 받고 실행하고 받고 실행하고
이렇게 조금씩 실행될 수 있어서.. 이른바 완료될때까지 걸리는 총시간은
별 차이가 안난다고 해도 비교한다면 쪼개져있는게 체감상은 더 나을걸요...
그냥 화면에 아무 반응이 없다가 맨 마지막에 짠 하고 완성된
화면이 나오느냐 아니면 중간에 그려지는게 눈에 좀 보이느냐의 차이라...
네. 대부분의 상황에서는요.