Pergunta

Alguém sabe como posso reduzir o meu tamanho da página enquanto ela está carregando? Como qualquer maneira eu posso reduzir o tamanho do meu arquivo CSS e tamanho do arquivo JavaScript?

Foi útil?

Solução

compressão GZIP é eficaz nas respostas baseadas em texto tais como folhas de estilo e HTML, mas não imagens.

Minification é eficaz em CSS e Javascript (mais assim por diante Javascript). Existem várias soluções disponíveis, dependendo da sua linguagem e estrutura. Isso ofusca o código que é enviado através da remoção de espaços em branco e encurtando identificador nomes sempre que possível.

A combinação de várias solicitações em um único reduz um monte de latência, mesmo que isso não salva muita largura de banda. Isso resulta em um tempo de carregamento mais rápido percebido para os usuários. Você pode combinar vários arquivos CSS em um só, que é fácil. Com imagens, você pode usar uma técnica conhecida como sprites .

Outras dicas

do YUI Compressor é uma opção.

YSlow é decente para obter uma idéia de por que ele é lento.

Ele não tendem a fazer recomendações para grandes sites em vez de pequenos sites, então aplicar o senso comum.

Você bytes médios transferido? Se assim for, você usaria GZIP compressão do HTML . Em Apache, use mod_deflate . Há também filtros de servlet lá fora.

w3compiler é uma ferramenta que vai fazer exatamente o que você quer.

Há um grande livro sobre isso chamado High Performance Web Sites . É um livro O'Reilly que leva você através das várias etapas de cliente atualizações de desempenho lado. Ele cobre os tópicos que você sugere como CSS e arquivo JS tamanhos entre outras coisas.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top