포럼

Froala Editor에 대한 사용의견을 남기는곳 입니다.
데모는 edit mode demo, inline mode demo에서 체험해 보실 수 있습니다.

속도 테스트를 부탁드립니다.

라르게덴 2017.06.05 조회 수 153 추천 수 0

현재 이곳 서버는 일본 사쿠라VPS(http://vps.sakura.ad.jp/) 2G 플랜을 사용 중이고 NGINX PHP 5.6에 아직 캐시를 적용하지 않고 있습니다.

저는 기존 에디터들의 고질적인 문제점 중 하나가 바로 에디터가 노출되는 페이지뷰의 속도 문제라고 생각합니다. 현재 기본 제공되는 에디터 xpresseditor, ckeditor는 각각 독립적이지 않고 코어 의존률이 상당히 높게 만들어져 있어서 동작이 무겁습니다. 또한 ckeditor는 4M에 육박하는 구성으로 되어있어서 많은량의 파일을 다운로드 하지 않으면 안됩니다. 차후 NOTE 를 통해 제가 분석한 기존 에디터의 문제점을 적어놓을 예정입니다.

froala editor는 현재 풀 패키지가 1M로 구성되어있습니다. 그 중 js만 700k입니다. 최종적으로 cdn으로 돌리고 제 기능만 따로 뽑을 생각을 하고 있지만 아직은 버그가 많은 관계로 에디터 스킨에 모두 포함시키고 있습니다. 저는 이 구조에서 사용자가 정의하는 플러그인만 로드하도록 바꿀 것이고 이렇게 되면 더욱 용량이 줄고 속도가 빨라질거라 기대하고 있습니다. 간단히 이야기하면 지금 현재가 속도의 최고점이며 앞으로 더욱 빠르게 개선 될거라는 겁니다.

사용자의 경험이 필요한 시점입니다. 이 에디터가 빠른지 아닌지 비교를 해주셨으면 좋겠습니다. 하지만 사이트에 노출된 모든 페이지가 froala라서 비교가 안되니 제가 ckeditor를 적용한 게시판을 이곳에 만들겠습니다. 글 작성이나 여러가지 작업을 해보고 체감이 어떤지 비교된 글을 올려주시면 앞으로의 에디터 설계에 많은 도움이 될 겁니다.


https://romanesque.me/ckeditor

정확한 비교를 위해서 이 사이트의 캐시나 쿠키를 지우시고 테스트 해보시길 권장합니다.

Profile
라르게덴

로마네스크 블로그를 개발 중에 있습니다.

https://facebook.com/im.choijiyeon

https://romanesque.io

2개의 댓글

Profile
이온디
2017.06.05

상당히 세심한 부분들을 많이 신경쓰신 거군요 ㅠㅠ

대단하시네요. 

1. 로딩속도.

2. 스팸관리.

전혀 느리다는 생각은 한 번도 해본 적이 없습니다. 다방면에서 분석하고 계신것 같아 정말 엄지 척입니다.

Profile
novelic
2017.06.05

인터넷 회선 속도가 낮은 외부 와이파이 환경인데 ckeditor 로딩이 오래 걸리네요. froala 쪽이 상당히 빠릅니다.

에디터
번호 제목 글쓴이 날짜
38 테스트. 캡쳐 이미지 (모바일) 4 pock 2017.06.22
37 데모 버전에서 문제가 발생합니다. 5 Fuchs 2017.06.22
36 파일 첨부하고 나서 그 다음 줄로 가는 방법? 2 profile 이온디 2017.06.22
35 혹시 에디터는 게시판 스킨에 관계가 없나요? 3 Fuchs 2017.06.22
34 봄이 오면 / 김윤아 5 profile 이온디 2017.06.22
33 ckeditor와 p 태그 한칸 띄우기 문제 비교 1 profile 이온디 2017.06.22
32 [질문] 테스트 결과 및 URL 자동변환과 관련된 문의. 5 pock 2017.06.20
31 셀렉션 인라인 툴바에 대한 문제입니다. 3 rock 2017.06.18
30 현재 진척상황 보고 6 profile 라르게덴 2017.06.12
29 [문의] pc와 모바일 줄바꿈 호환과 관련하여.. 2 pock 2017.06.12
28 안녕하세요 에디터 구입하고 싶습니다. 1 최현우 2017.06.10
27 건의사항 4 profile 이온디 2017.06.08
26 모바일에서 비번 틀릴 경우 3 profile 이온디 2017.06.08
25 댓글에 댓글을 달려니 내용값을 입력하세요 라고 뜹니다 4 profile 이온디 2017.06.07
24 금칙어 테스트 합니다. 예) ♥♥ <- 자/살 12 profile 라르게덴 2017.06.06
속도 테스트를 부탁드립니다. 2 profile 라르게덴 2017.06.05
22 [궁금] 이상한 부분. 2 pock 2017.06.03
21 커뮤니터 운영자로서 에디터 선택. 2 pock 2017.06.03
20 P, br, span, div 태그 2 이온디 2017.06.02
19 앞으로의 일정 2 profile 라르게덴 2017.06.02
Find Account
  • 이메일 주소로 계정 찾기

    아이디/비밀번호는 가입시 등록한 메일 주소로 알려드립니다. 가입할 때 등록한 메일 주소를 입력하고 "ID/PW 찾기" 버튼을 클릭해주세요.

  • 이메일 주소

    이메일 주소 형식이 올바르지 않습니다.

  • 인증메일 재발송

    인증 메일을 받지 못한 경우 다시 받을 수 있습니다.

  • 이메일 주소

    이메일 주소 형식이 올바르지 않습니다.