2013-09-24 2 views
0

내에 html, pdf 및 txt 파일의 로딩 시간을 단축합니다. 성공적으로 내 JQ Mobile 앱으로 볼 수 있도록 HTML 태그가있는 HTML 전자 서적을 임베드했습니다. 문제는 완전히로드하는 데 평균 40 초가 걸립니다.로드를 빠르게 할 수있는 방법이 있습니까? 아래 코드는 내 스크립트입니다.<object> 태그 내의

내가 시도

:

<div data-role="page" data-dom-cache="true"> 

행운,
어떤 도움에 감사드립니다. 고맙습니다. 이것은 아래 코드입니다.

<div data-role="page"> 
<div data-role"header"></div> 

     <div data-role="content"> 

    <div data-role="collapsible-set"> 

     <div data-role="collapsible" data-icon="arrow-r"> 
       <h3>Agriculture <img src="images/icons/agriculture.png" 
       alt="agripic" id="listicon"> 
       </h3> 
         <ul data-role="listview" data-filter="true"> 

      <li> 
         <object data="data/test.html" type="application/html" 
          width="100%" height="100%" data-dom-cache="true"> 
        <a href="agriculture/agriculture economics/agriculture.htm">Agriculture</a> 
         </object> 
      </li> 
    </div> 

<link href="jquery.mobile-1.2.1.min.css" rel="stylesheet" type="text/css"/> 
<link rel="stylesheet" type="text/css" href="style1.css"> 
<script src="jquery-1.6.4.min.js" type="text/javascript"></script> 
<script src="jquery.mobile-1.2.1.min.js" type="text/javascript"></script> 
<script src="cordova.js"></script> 
<script src="script.js"></script> 

답변

1

웹 사이트 최적화가 달려있다있는 다양한 매개 변수가, 내가 당신에게 몇 가지 제안을 제공 할 수 있습니다 : -

-> 항상의 헤더에 CSS 라이브러리/코드 또는 JS 코드를 사용 귀하의 웹 페이지

그런 식으로 CSS와 JavaScript는 속도가 빨라지고 나머지 웹 콘텐츠는로드됩니다. 또한 CSS 코드가 너무 길지 않은 경우 가져 오기 CSS 옆의 헤더 쪽에서 실제 코드를 사용하십시오 다른 위치에서 파일을 가져올 때 원격 파일 가져 오기 및 구문 분석에 속도가 오래 걸립니다.

은 -> 자바 스크립트 축소, (순서대로) CSS와 HTML은

축소에서는 불필요한 공백, 반환, 의견 및 기능 코드에 필요하지 다른 문자를 제거하는 과정이다. YUI Compressor와 같은 일부 minifier는 로컬 변수 이름을 하나 또는 두 자의 이름으로 축약함으로써 더 나아갑니다. 코드를 축소하면 다운로드 속도가 빨라집니다. 또한 축소 된 코드는 더 적은 TCP/IP 패킷을 필요로하므로 패킷의 왕복 횟수가 적어 페이지 표시 속도가 빨라집니다. Steve Souders의 Velocity : TCP 및 Web Performance의 하위 범위를 참조하십시오.

-> 병렬 다운로드에서 CSS 파일을 차단할 수 있습니다 CSS 파일 이후에 자바 스크립트 파일을 배치 CSS 파일

아래 자바 스크립트를 넣습니다. 이러한 지연을 방지하려면 CSS 파일을 맨 위에 놓고 CSS 뒤에 또는 JavaScript 파일을 HTML 문서의 맨 아래에 두십시오.

-> 캐시 자원 제대로

웹 캐싱 저장 자주 브라우저, 프록시 또는 서버 캐시를 통해 클라이언트에 가까운 객체를 사용했다. "신선한"객체를 사용자 가까이에 저장하면 원본 서버로의 왕복을 피하면서 대역폭 소비, 서버로드 및 가장 중요한 대기 시간을 줄일 수 있습니다. 웹에있는 많은 페이지는 유효 기간이 만료 된 헤더 (신선도 수명) 또는 만료 된 만료 날짜가없는 정적 리소스가있는 빈약 한 캐싱 정책을 갖추고 있습니다. 이는 반복 방문 및 내부 페이지 방문시 대역폭을 낭비합니다. 정적 리소스에 긴 만료 날짜를 사용하고 etags를 적절히 구성하십시오. 적절한 캐싱 정책을 설정하는 방법에 대해서는 다음 자습서를 참조하십시오. 만료를 1 주 이상으로 설정하십시오 (일부 웹 마스터는 몇 년을 사용합니다). 자세한 내용은 외부 리소스 현지화를 참조하십시오.

-> 웹 페이지

그것은 미디어 콘텐츠이며, 큰 크기의 파일에있을 수 있습니다, 그래서 가장 좋은 방법으로, 즉 사용자 정의 헤더 만료/캐싱을 사용하는 것입니다의 객체/플래시의 경우 사용자 측에서 약간 큰 캐시를로드하거나 유효한 만료를 제공하기 만하면 향후 콘텐츠를 빠르게로드하는 데 도움이됩니다.더 도움이 필요

은 아래 참조를 참조하십시오 : -

Reference 1

Reference 2

관련 문제