며칠 전부터 일부 아이폰 사용자분들이 로그인 후 글을 보면 화면이 중간부터 하얗게 나오거나, 로딩이 끝나지 않는 현상을 제보해 주셨습니다.
Safari뿐 아니라 Chrome, Google 앱에서도 동일해서 처음에는 네트워크, DNS, Service Worker 등 여러 부분을 의심했는데 원인은 전혀 다른 곳에 있었습니다.
결론부터 말하면 CKEditor 4 문제였습니다.
비로그인 상태에서는 글을 읽을 때 댓글 에디터가 로드되지 않아서 정상적으로 보입니다.
그런데 로그인하면 댓글 작성창에 CKEditor 4가 붙는데, 모바일에서도 CKEditor를 강제로 호환 처리해서 로드하는 과정에서 iPhone의 WebKit 메인 스레드를 오래 잡아먹고 있었습니다.
그래서 완전히 흰 화면이 뜨는 게 아니라,
글을 읽다가 중간에서 화면이 멈추고
그 아래가 하얗게 비거나
로딩이 계속되는 것처럼 보였던 것 같습니다.
특히 아이폰은 Safari뿐 아니라 Chrome 등도 내부적으로 WebKit을 사용하다 보니 브라우저를 바꿔도 똑같은 증상이 나타났고요.
결국 임시방편으로 우회하기보다는 CKEditor 4를 CKEditor 5로 교체했습니다.
스테이징에서 먼저 테스트하고 운영에 반영했고, 모바일에서는 툴바도 기본적으로 접어두는 식으로 조금 더 가볍게 조정했습니다.
중간에 Redis 설정 캐시 때문에 교체 후에도 CK4가 계속 보이는 삽질(?)도 있었지만 캐시까지 비우고 현재는 정상 적용된 상태입니다.
한 줄 요약하면,
아이폰 + 로그인 + 댓글창 CKEditor 4 조합이 문제였습니다. 😅
현재는 CKEditor 5로 교체해서 해결했습니다.
특히 이번 문제를 적극적으로 제보해주시고, 여러 환경에서 계속 테스트까지 해주신 크루님께 정말 감사드립니다. 🙏
사실 제보가 없었으면 대부분 잘 되는 줄 알고 그냥 넘어갈 뻔했습니다.
쓰시다가 뭔가 이상하거나 불편한 게 있으면 사소한 것이라도 꼭 이야기해주세요.
운영자인 제가 모든 기기와 환경을 확인할 수는 없어서 크루님들의 제보가 생각보다 정말 큰 도움이 됩니다.
불편한 건 참지 말고 편하게 말씀해주세요.
고칠 수 있는 건 최대한 빨리 고치겠습니다. 😄
적극적으로 개선해주셔서 감사드립니다~!!