개발 과정에서 캐싱 문제로 인해 페이지를 제때 업데이트할 수 없는 경우가 있으며, 이를 해결하기 위해 페이지에 불필요한 스타일 스크립트 파일이 너무 많아 페이지 성능이 저하되는 경우도 있습니다. 문제가 발생하여 개인적으로 임시적인 해결책이 구상되었습니다.
해결책은 다음과 같습니다.
설명하다 | 주목 | |
자원 수준 |
페이지의 리소스 수준: | |
최적화 계획 |
최적화는 주로 다음 측면에 중점을 둡니다. | 다른 최적화는 개발 기술을 기반으로 하며 전문 지식 수준에 따라 다릅니다. |
파일 출력 솔루션 | 자원 수준과 최적화 계획을 기반으로 다음 네 가지 계획이 수립됩니다. 1. 단일 파일을 직접 인용하여 순서대로 소개합니다(, ) 2. 1을 기준으로 단일 파일 압축을 수행합니다. 3. 리소스 수준에 따라 새로운 단일 파일로 병합 4. 3을 기준으로 병합된 파일을 압축합니다. | 생각 옵션 3: 병합된 파일 수를 확인하는 방법은 무엇입니까? |
캐싱 문제 | 타임스탬프 접미사 사용 | |
f2econfig_json | 구성 파일: var f2eJson={ "업데이트":"20091015",//타임스탬프에 따라 캐시 업데이트 "압축":"1",//파일 출력 구성표 (1, 2, 3, 4) "공통":[//전체 사이트에 대한 공개 스타일 "공통/글로벌.css" ], "모듈":{ //모듈 및 스타일 "모듈 1":["제품,.css"] }, "페이지":{//각 페이지가 소유한 스타일 "index.php":["","sys/index.css"], //첫 번째 요소는 모듈 참조 이름을 저장합니다. 그렇지 않은 경우 공백으로 둡니다. "search.php":["모듈 1","제품/search.css"] //","로 구분된 여러 모듈을 참조합니다(예: 모듈 1, 모듈 2). } } |
|
f2engine.php | 1. json 구성 파일을 읽고 이를 PHP 배열로 변환합니다. 2. 각 페이지의 리소스 매개변수를 기반으로 페이지가 소유한 스타일 리소스를 찾습니다. 3. 파일 출력 계획에 따라 처리 4. 페이지에 출력 |
|
예 |
예를 들어, search.php 페이지의 스타일 참조 |
코드는 개발 중입니다. 토론하고 조언을 제공하는 모든 사람을 환영합니다.
원문 : http://www.cnblogs.com/nebel/archive/2009/08/03/f2engine_css_js.html