Durante o processo de desenvolvimento, às vezes a página não pode ser atualizada a tempo devido a problemas de cache. Às vezes, a página introduz arquivos de script de estilo desnecessários. Às vezes, o desempenho da página é lento devido a muitos arquivos e bytes muito grandes. problemas, eu pessoalmente Uma solução provisória foi imaginada.
A solução é a seguinte:
descrever | Observação | |
nível de recurso |
Nível de recurso da página: | |
Plano de otimização |
A otimização concentra-se principalmente nos seguintes aspectos: | Outras otimizações são baseadas em habilidades de desenvolvimento e dependem do nível de especialização |
Solução de saída de arquivo | Com base nos níveis de recursos e planos de otimização, são formulados os quatro planos a seguir: 1. Cite diretamente um único arquivo e apresente-o em sequência (, ) 2. Com base em 1, execute compactação de arquivo único 3. Mesclar em um novo arquivo único de acordo com o nível de recurso 4. Com base em 3, compacte os arquivos mesclados | Pensamentos Opção 3: Como determinar o número de arquivos mesclados? |
problema de cache | Usar sufixo de carimbo de data/hora | |
f2econfig_json | Arquivo de configuração: var f2eJson={ "Update":"20091015",//Atualiza o cache de acordo com o timestamp "Compactar":"1",//Esquema de saída do arquivo (1, 2, 3, 4) "Common":[//Estilo público para todo o site "comum/global.css" ], "Módulo":{ //Módulo e estilo "Módulo 1":["produto,.css"] }, "Página":{//estilos pertencentes a cada página "index.php":["","sys/index.css"], //O primeiro elemento armazena o nome de referência do módulo, caso contrário, deixe em branco. "search.php":["Módulo 1","produto/search.css"] //Referencia vários módulos, separados por ",", por exemplo: módulo 1, módulo 2 } } |
|
f2engine.php | 1. Leia o arquivo de configuração json e converta-o em um array php 2. Encontre os recursos de estilo pertencentes à página com base nos parâmetros de recursos de cada página. 3. Processe de acordo com o plano de saída do arquivo 4. Saída na página |
|
exemplo |
Por exemplo, a referência de estilo da página search.php |
O código está em desenvolvimento. Bem-vindo a todos para discutir e dar conselhos.
Texto original : http://www.cnblogs.com/nebel/archive/2009/08/03/f2engine_css_js.html