Para otimizar páginas web e acelerar downloads de páginas web, além de otimizar imagens, também precisamos otimizar outros elementos das páginas web. Se você puder fazer uso completo das ferramentas de edição durante o processo de tecelagem da web, também poderá atingir objetivos de otimização na produção da web. Aqui estão algumas técnicas de otimização no Dreamweaver:
Aochamar CSS corretamente
para web design, usar folhas de estilo CSS para organizar os elementos da página pode reduzir bastante o código HTML.
Método:
(1) Selecione o objeto e selecione o estilo definido no menu do botão direito para adicioná-lo; (2) Selecione o estilo para o objeto no painel de estilo
(3) Clique com o botão direito em um rótulo no seletor de rótulos; um estilo.
Embora os efeitos de página obtidos por esses três métodos sejam os mesmos, já que o primeiro método irá gerar uma tag "span" no código HTML, se usado excessivamente, aumentará muito a espessura do arquivo fonte da página da web e afetará a velocidade de download . Portanto, ao chamar CSS, o segundo e o terceiro métodos devem ser usados.
Reduza a carga no servidor
. Em páginas da web interativas, os usuários geralmente enviam dados ao servidor por meio de formulários, aguardam que os dados sejam processados pelo servidor e retornam ao navegador... O processo de espera é muito chato. Por isso, quando editamos páginas web, também precisamos considerar o servidor. Ao criar páginas da web no Dreamweaver, uma das melhores coisas que podem reduzir a carga no servidor é verificar a legalidade do formulário enviado pelo usuário. Isso só precisa ser feito no navegador, sem retornar ao servidor para verificação. , o que não apenas reduz a carga no servidor, mas também reduz a carga no servidor e torna o visualizador menos triste de esperar. Método: Selecione o formulário, abra o painel "Comportamentos", clique no sinal "+" para selecionar "ValidateForm" e configure-o. A propósito, observe que este processo de verificação, na verdade, usa JavaScript para verificação no navegador. Ao realizar a operação acima no Dreamweaver, ele colocará este código JavaScript no cabeçalho e no meio da página web, o que certamente tornará o tempo total de exibição da página mais longo, pois o navegador deve baixar este código primeiro antes de baixar outros elementos da página . Portanto, o melhor é abrir o editor de código do Dreamweaver, recortar e colar esse script no final do código-fonte e deixá-lo fazer o download no final. Além disso, quando adicionamos efeitos de script JavaScript à página da web, se você não quiser que isso entre em vigor imediatamente quando a página aparecer, você também pode configurá-lo desta forma.
Auto-"perder peso"
Atualmente, existem muitos "chás para perder peso" nas páginas da web e podemos encontrá-los em todos os lugares. No Dreamweaver, não precisamos procurar por "chá para perder peso" em todos os lugares. "A função pode tornar as páginas da web" finas e agradáveis ".
Método: Selecione “Clean upHTML” no menu “Comandos” para definir as configurações para limpar o código redundante na página da web.
Ao aplicar tabelas de forma racional,
não precisamos apenas reduzir a carga no servidor, mas também reduzir a carga no navegador que usamos, ou seja, devemos reduzir ao máximo o tempo de análise da página do navegador. O script JavaScript mencionado acima é um exemplo. O que também afeta a análise da página pelo navegador é a tabela, pois o tempo de análise da tabela pelo navegador é proporcional ao tamanho e complexidade da tabela, e para a disposição do layout no Dreamweaver, adicionamos um grande número de tabelas para posicionamento. , algumas pessoas até incluem várias tabelas pequenas em uma tabela grande, o que essencialmente aumenta a carga do navegador e aumenta muito o tempo de renderização da página. Por este motivo, ao utilizar tabelas, as tabelas devem ser divididas tanto quanto possível, e as tabelas devem ser evitadas tanto quanto possível.