2014-11-25 4 views
0

부트 스트랩을 사용하여 반응 형 웹 사이트를 구축하려고합니다. 사이트는 iOS 기기, 데스크톱 사파리 및 Chrome 브라우저에서 완벽하게 작동합니다. 그러나 그것은 안드로이드 장치에 매우 느린 무엇이 문제인지 알아낼 수 없었다.부트 스트랩 사이트가 Android 기기에서 매우 느립니다.

내 테스트 페이지입니다. http://bit.ly/15nPtps

+0

일반적으로 대부분 사용자 지정 스크롤바 및 기타 스크립트와 같은 데스크톱 장치 용 스크립트를 사용할 때마다 터치 장치로 테스트하여 성능을 확인합니다. 작은 스크립트를 사용하여 터치 감지 https://coderwall.com/p/egbgdw/detect-touch-events-on-all-major-mobile-platforms. 이 방법으로 스크립트 터치 또는 터치하지 않을 수 있습니다. .touch 및 미디어 쿼리를 결합하면 배경 이미지가 작게 시작되고 뷰포트가 커질수록 더 커질 수 있습니다. – Christina

+0

또한 모든 CSS와 스크립트를 gzip하고 축소하십시오. – Christina

+0

같은 문제가 있습니다. 사이트 재 설계 후 사용자로부터 많은 주장이 제기되었습니다. 업로드에 문제 없습니다 (캐싱, gzip, 번들 사용). 렌더링 속도 문제. 어떤 아이디어? – demon101

답변

0

Chrome을 사용하고 인터넷 연결을 사용하여 내 데스크톱 PC에서 웹 사이트를 사용해 보았는데 사이트 성능이 상당히 나빴습니다. Google 스피드 (Full review here)로 귀하의 페이지를 테스트합니다. 다음을 수정해야합니다. Google Speed Review:

희망이 있습니다. 인사말

+0

도움에 감사드립니다. 나는 또한 전에 그것을 시도했다. 모든 이미지를 삭제한다고해서 문제가 해결되지는 않습니다. – curved

+0

@curved 내 의견으로는, 프레임 워크를 사용하여 웹 사이트를 부피가 커지게하는 경향이 있습니다. 가능하면 피하십시오. Javascript는 많은 DOM 수정을 방지하고 jquery와 같은 외부 파일을 포함 시키면 다른 CDN을 사용하십시오. – NMO

+0

사실 나는 그것을 최소화하기 위해 부트 스트랩을 사용자 정의하고 사용하지 않은 것들을 제거했습니다. – curved

관련 문제