묻고답하기
(크롬&관리자 상태일 때) MathJax 로딩이 상당히 버벅입니다.
2015.12.11 16:18
1. 서버 운영 상황
Digital Ocean 가상서버에 XE를 올려서 사용중입니다.
레이아웃=쿡래빗XE, 게시판=스케치북5
[XE Server Environment 2015-12-11]
realpath : /home/xe
location : ko
package : XE
host : http://www.allcalc.tk/
app : nginx/1.4.6
xe_version : 1.8.15
php : 5.5.9-1ubuntu4.14
db_type : mysqli
use_rewrite : Y
use_db_session : N
use_ssl : none
phpext : core, ereg, libxml, openssl, zlib, bcmath, bz2, calendar, dba, fileinfo, ftp, gettext, iconv, mbstring, shmop, simplexml, soap, sockets, phar, exif, sysvmsg, sysvsem, sysvshm, wddx, xml, xmlreader, xmlwriter, zip, cgi-fcgi, mysqlnd, curl, gd, geoip, mysql, mysqli, pdo_mysql, readline, redis, mhash, zend opcache
module : adminlogging(1.7), ajaxboard(2.1.1), board(1.7.2), checkip(0.2.2), faq(1.7.0.1), kin(1.7.0), krzip(1.8.0), loginxeclient(1.05.rc1), loginxeserver(1.05), marketplace(1.3), ncenterlite(2.1.5), plusad(0.5), pointhistory(0.1.4), quizgame(0.1), referer(3.8.3), sitemap(1.2), socialxe(1.0.11), socialxeserver(1.0.11), syndication(4.0)
addon : addon_insert_sticker(1.0), addon_insert_sticker_basic_calc(1.0), addon_insert_sticker_casio_9860(1.0), addon_insert_sticker_ti(1.0), adminlogging(1.7), captcha_member(1.7), counter_ex(1.1.0), denied_exist(0.2), hide_mid(0.1.0), latex(1.7), mbanner(1.0), member_ajaxboard(2.1.1), member_join_ex(0.2.3), meta_add(0.2.2), oembed(1.0), opengraph(0.1.2), qrcode(0.2), referer(3.4.1), socialxe_helper(1.0.6), socialxe_mid_forwarder(1.0.3), sxe_writing_format(0.2)
layout : xe_official(1.7), xedition(1.9), xecenter(1.3.7), user_layout(1.7)
widget : DroArc_clock(1.0), counter_status(1.7), ding_member_ranking(1.5), gagachat(3.7), level_point(1.0), moonchat(2.0), opageWidget(1.0), plusadWidget(0.6), qrcode_creator(0.1), rank_point(1.0), site_info(1.7.0), socialxe_comment(1.0.8), socialxe_info(1.0.6), tag_list(0.1), treasurej_popular(1.0.5), uchat(1.1.8)
widgetstyle : simple(1.7)
max_file_uploads : 20
post_max_size : 8M
memory_limit : 128M
2. 문제상황
수학적 수식 표현을 위해 MathJax 스크립트를 레이아웃의 헤더 스크립트에 붙여넣었습니다.
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script>
(크롬 또는 오페라)에서 관리자로 접속한 상태에서 MathJax 스크립트가 적용되는 수식을 넣은 페이지/게시물를 로딩하면,
로딩 시간이 평소보다 오래 걸릴 뿐 아니라, 브라우저가 상당히 버벅거립니다. (살짝씩 프리징)
다만 버벅일 뿐이지, 수식 스크립트 적용(로딩)이 안되는 것은 아닙니다.
TEST 계정 만들어서 로그인/로그아웃을 반복하면서 얻은 결과는...
| 크롬 / 오페라 | IE / Edge | |
| 비로그인 / 일반회원 로그인 | 정상 | 정상 |
| 최고 권한 / 게시판-모듈 관리자 로그인 | 버벅임 O | 정상 |
* MathJax 스크립트가 적용될 수식이 없는 페이지/게시물에서는 모두 정상이구요.
원래 좀 심하다가, 최근에 잠깐 잠잠한 듯 싶더니...
오늘 nginx 다시 설치하고 뭐하고 한 다음에는 또 다시 심해졌네요. (가는 날이 장날일 수도 있겠습니다만)
어디부터 확인해보는게 좋을런지요?
댓글 3
-
세상의모든계산기
2015.12.12 08:39
답변 감사드립니다.
아직 개발자탭에 익숙치 않아서 봐도 잘 모르겠더라구요.
좀 더 꼼꼼히 살펴 보면서 공부해야겠네요.우선은 mathjax 를 내려버렸습니다.
에디터를 통해 수식을 image로 넣는 방향으로 알아보려고 합니다. -
세상의모든계산기
2015.12.12 23:03
ckeditor 의 plugin 인 ckeditor_wiris 를 설치하여 해결하였습니다.
관련 글 : https://www.xpressengine.com/qna/22980989
자체적으로 MathJax 인코딩을 해서 그림 파일 형식으로 보여주는 방식입니다.
서버에는 약간 더 부담이 될 수도 있지만 미미할 것 같구요.
기존보다 깔끔하게 그림 형식으로 인코딩되는데다가... 수식 편집기도 있고... 좋습니다.그리고 기존 Latex 도 인식을 하네요. 처음 설치 성공하고는 안되는 것 같더니, 지금 테스트로 입력해보니 인식하네요. 뭐가 바뀐건지 모르겠습니다만...
로딩속도의 문제는 여러가지를 확인해봐야 하는데요.
CDN 사용으로 인한 속도 저하 또는 JS 충돌등입니다. 크롬 개발자탭의 network 탭을 이용하여 원인을 잡는게 좋습니다.
JS충돌의 경우도 영향을 줄수 있으니 console도 확인해보세요.