iOS 디바이스의 Safari에서 손상된 이미지를 로드하고 있습니다(Wordpress 사이트).
문제의 이미지는 JPEG이며, 작은 사이즈(30KB)로 줄였습니다.해당 워드프레스 사이트는 응답성이 높으며 이 문제는 모바일 네트워크를 사용하여 사이트를 로드할 때 발생합니다.무선으로 문제 없습니다만, 3G/4G에서는 랜덤으로 로드된 화상이 일부 파손되어 있습니다.이미지 교환이 가능하기 때문에 css와 js가 모두 엉망이 된 것 같습니다.속도를 높이기 위해 W3 캐시를 사용하고 있지만 도움이 되지 않습니다.일부 이미지는 반회색이고 검은색이며 때때로 손상되어 보입니다.이 문제는 사파리 브라우저가 설치된 iOS 기기에서만 발생합니다.
또 같은 문제에 직면한 사람이 있나요?유선, 무선 데스크톱에서는 이 문제가 발생한 적이 없습니다.
데이터베이스 또는 서버의 전체 사이트 성능과 관련이 있는지 확실하지 않습니다.어떤 도움이라도 대단히 감사합니다.
WordPress Clients를 지원하면서 저는 이러한 문제에 수십 번 직면했습니다. 이러한 행동에는 두 가지 일반적인 이유가 있습니다.
- 질문에서 언급하지 않은 일부 CDN(Content Delivery Network)을 사용하고 있으며, CDN 서버마다 다른 웹 사이트 캐시 버전이 출력됩니다.CDN을 사용하는 경우 로컬 플러그인의 캐시를 삭제하고 로컬 플러그인을 비활성화하며 CDN 캐시를 삭제합니다.
- 이미지의 썸네일이 아직 존재하는 동안 파손될 수 있습니다."이미지 강제 재생성" 플러그인을 설치하고 모든 미리 보기를 재생성해 보십시오.
위의 두 가지 이유가 가장 일반적이지만 문제 자체는 특정 플러그인과 같은 다른 것과 연결되어 있을 수 있습니다.이 경우 플러그인을 하나씩 일시적으로 비활성화하고 문제가 해결되었는지 확인하는 것이 좋습니다.
이 중 하나라도 도움이 되지 않을 경우 디버깅 작업이 필요하므로 WordPress 개발자를 고용하여 1시간 정도 이 문제를 해결하는 것이 좋습니다.
행운을 빕니다.
Mac + safari에 액세스할 수 있는 경우 iOS 기기의 원격 디버깅을 시도할 수 있습니다.이렇게 하면 디바이스의 개발자 도구 모음을 열어 정보가 실제로 로드되고 있는지 확인할 수 있습니다.즉, 데스크탑 사이트의 이미지가 30,000인데 iOS 디바이스가 30,000 이미지를 로드하고 있다면 데이터가 손실되고 있음을 알 수 있습니다.
이 문제는 본 적이 없지만 CDN 링크 불량, 캐시 플러그인, 이미지 로딩 지연 등으로 인해 유사한 문제가 발생하였습니다.
또 하나의 주의사항은 테마/템플릿/플러그인이 src 세트를 사용하는 경우입니다.일반 버전의 이미지는 정상일 수 있지만 모바일용 srcset의 이미지는 모두 엉망이 되어 있습니다.
위에서 설명한 바와 같이 w3 캐시를 완전히 비활성화하여 문제가 아님을 트러블 슈팅합니다.그러면 플러그인을 살펴보십시오.
언급URL : https://stackoverflow.com/questions/26183779/safari-on-ios-devices-is-loading-corrupted-images-wordpress-site
'programing' 카테고리의 다른 글
| 오류: 소스 경로가 없습니다. resources\android\icon\drawable-hdpi-icon.png (0) | 2023.03.19 |
|---|---|
| React에서 기능이 두 번 호출되는 이유는 무엇입니까? (0) | 2023.03.14 |
| TypeScript 해시맵/사전 인터페이스 (0) | 2023.03.14 |
| 구체적으로 어떤 JS 엔진에서 Lower Case 및 To Upper Case 로케일에 민감합니까? (0) | 2023.03.14 |
| 리액트 라우터에서 브라우저의 뒤로 버튼을 가로채거나 처리합니까? (0) | 2023.03.14 |