Home 게시판 커뮤니티 Q&A 메인페이지 레이아웃 깨지는 현상

7개 답변, 2 voices Last updated by Avatar of 워드크래커워드크래커 3 years, 8 months 전
  • Avatar of tongdoritongdori
    Participant
    @tongdori
    #55141

    문제발생 사이트:
    https://www.kpop-hub.com/

    PC에서 Chrome으로 메인페이지(Home)에 접속하면 아래와 같이 레이아웃이 깨져서 표시됩니다.

    새로고침하거나 두번째 접속하면 괜찮아지며, IE나 Edge에서는 발생하지 않네요.
    그리고 Chrome 에서도 첫번째 접속 시도했을때만 발생하고요.

    • 원인이 뭔지 알수 있을까요? 고치려면 어떻게 해야하는지 도움주시면 감사하겠습니다.
      혹시.. 각 하위 페이지에 특성이미지를 외부 이미지를 불러와서 사용하는 경우가 많은데, 이때문에 로딩이 지연되거나 해서 발생되는 문제일까요?
    Avatar of 워드크래커워드크래커
    Participant
    @wordcracker7
    #55142

    제 컴에서는 정상적으로 표시되네요.

    Avatar of 워드크래커

    • 워드프레스 정보 제공 블로그: Visit
    • 워드프레스와 관련하여 문제 해결이 필요한 경우 문의해주세요.

    Avatar of tongdoritongdori
    Participant
    @tongdori
    #55143

    워드크래커님 확인 및 답변 감사합니다

    이게 참 웃긴게 간헐적으로 발생하거든요. 재현 조건은 다음과 같습니다

    – 크롬 브라우져에서 메인 페이지에 처음 들어가면 발생. 같은 주소 (kpop-hub.com) 를 한번더 입력하여 들어가면 발생되지 않음.

    – 재현이 안되는 경우는 몇시간 지난후 또는 다음날 들어가면 발생.

    제 PC 두대인데 두대모두 위와 같은 조건에서 발생합니다. 정말 난감하고 애매한 경우네요^^;

    Avatar of 워드크래커워드크래커
    Participant
    @wordcracker7
    #55144

    Autoptimize 플러그인을 비활성화한 후에 테스트해보시겠어요?

    Avatar of 워드크래커

    • 워드프레스 정보 제공 블로그: Visit
    • 워드프레스와 관련하여 문제 해결이 필요한 경우 문의해주세요.

    Avatar of tongdoritongdori
    Participant
    @tongdori
    #55145

    해당 플러그인을 비활성화 한 후 10번 정도 접속해 보니 모두 정상적으로 표시됩니다!

    정말 감사합니다!

    Autoptimize 가 문제 였네요? 원인이 무엇인지 아시면 조언좀…m(-.-)m

    기존 CSS 코드 등과 충돌을 일으키는 건가요?

    Avatar of 워드크래커워드크래커
    Participant
    @wordcracker7
    #55146

    Autoptimize와 같은 플러그인을 사용하여 세팅을 미세하게 조정하면 사이트 속도를 크게 높일 수 있지만, 한편으로는 문제를 일으킬 수 있습니다.

    캐시 플러그인을 사용하는 경우 캐시 플러그인 내의 CSS/Javascript Minify 기능을 비활성화하고 Autoptimize에서 세팅해보시기 바랍니다.

    그리고 설정을 하나씩 비활성화하면서 문제를 일으키는 옵션을 찾아서 비활성화하면 문제가 해결될 것입니다.

    Avatar of 워드크래커

    • 워드프레스 정보 제공 블로그: Visit
    • 워드프레스와 관련하여 문제 해결이 필요한 경우 문의해주세요.

    Avatar of tongdoritongdori
    Participant
    @tongdori
    #55147

    네 Autoptimize를 삭제하는 것도 방법이겠네요.

    자세한 답변 정말 감사합니다~!

    많은 도움이 되었습니다!

    Avatar of 워드크래커워드크래커
    Participant
    @wordcracker7
    #55148

    비슷한 다른 플러그인을 사용해볼 수도 있습니다.

    https://www.thewordcracker.com/basic/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%EC%86%8D%EB%8F%84-%EC%B5%9C%EC%A0%81%ED%99%94-%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8-clearfy/

    Avatar of 워드크래커

    • 워드프레스 정보 제공 블로그: Visit
    • 워드프레스와 관련하여 문제 해결이 필요한 경우 문의해주세요.

8 글 보임 - 1에서 8 까지 (총 8 중에서)
  • 답변은 로그인 후 가능합니다.