2017-10-24 3 views
0

나는 현재 내 워드 프레스 사이트에 corousels를 표시 할 Flickity 라이브러리를 사용하고로드되지 않습니다 https://spielraum-maybaum.ch/produkte/Flickity 회전 목마 이미지는 완전히

User: test Password: test

문제를 : 사이트 produkte 처음으로 많은의를로드 할 때 이미지가 완전히로드되지 않고 첫 번째 센티미터 만로드됩니다.

이 문제와 관련하여 도움이 되었으면 좋겠습니다.

종류는 루카스

+0

이미지가 있지만 컨테이너가 충분히 보이지 않기 때문에 내 코드 (html/css/js)와 관련이 있다고 생각합니다. 이미지의 희미한 줄무늬. 브라우저 캐시를 지우고 페이지를 새로 고침하면이를 볼 수 있습니다. – Luke

답변

0

1) 또는 URL 아래에 포토샵을 사용하여 이미지를 최적화 한 후 워드 프레스 에 업로드하거나 워드 프레스 웹 사이트에 이미지 최적화 API를 추가 관하여

https://kraken.io/web-interface

2) 스크립트의 축소 CSS

3) 캐시 가능을위한 브라우저 캐싱 사용

4) HTML 축소

이 도움이 웹 사이트의 성능 최고의 행운을 높일 것입니다 https://gtmetrix.com/ 너무

희망

크로스 체크가

+0

답장을 보내 주셔서 감사합니다. 그러나 이미지는 대부분 100KB가 증가하지 않습니다. 나는 그것이 이미지가 있기 때문에 컨테이너 (html/css/js)가 완전히 보이도록 충분히 크지 않기 때문에 내 코드와 관련이 있다고 생각한다. 이미지의 희미한 줄무늬. 브라우저 캐시를 지우고 페이지를 새로 고침하면이를 볼 수 있습니다. – Luke

+0

2) CSS 축소 이미지가 위의 확인 이미 압축하는 경우에 도움이됩니다 cacheables 4) HTML 축소 에 대한 3)를 활용하여 브라우저 캐싱 내가 이상으로하는 경우에 반드시 문제가 해결 될 것입니다 2,3,4 점 points – tushgraph

0

당신이 얻을 수있는 가장 개선이 이미지 크기를 최적화하는 것입니다 는로 만들려면 가능한 한 작습니다. 이 온라인 서비스를 사용하여 이미지 크기를 줄입니다.

https://tinypng.com/

당신은 또한 업로드 할 때 자동으로 이미지를 최적화 할 수 Smush 같은 플러그인을 설치할 수 있습니다. 또한

https://wordpress.org/plugins/wp-smushit/

는 과도한 크기의 파일 크기가 조정되도록하려면이 플러그인을 설치할 수 있습니다 미래의 이미지 크기를 줄일 수 있습니다.

https://wordpress.org/plugins/imsanity/

그런 다음 이런 짓을하면 당신은 당신이 사이트의 전반적인 성능 속도를 캐싱 플러그인을 사용할 수 있습니다.

+0

답장을 보내 주셔서 감사합니다.하지만 이미지는 대부분 100KB가 증가하지 않습니다.나는 그것이 이미지가 있기 때문에 컨테이너 (html/css/js)가 완전히 보이도록 충분히 크지 않기 때문에 내 코드와 관련이 있다고 생각한다. 이미지의 희미한 줄무늬. 브라우저 캐시를 지우고 페이지를 새로 고침하면이를 볼 수 있습니다. – Luke