-
Desde inserir um URL no navegador ou abrir uma página da web a partir de um link em outro lugar, até que toda a página da web seja carregada, quais arquivos o navegador carregará durante esse processo. Primeiro, vamos dar uma olhada em quais partes da página da web são compostas? de, 1. Documento da Web é o texto exibido na página da Web. Esta é uma parte relativamente pequena. Imagens são as imagens exibidas na página da web. As imagens representam a maior parte de toda a página. 3. Objetos Que são elementos de objetos, como Flash, vídeos plug-in, etc. 4. Scripts. Este é principalmente um arquivo js, 5, folha de estilo, que controla o efeito de exibição da página da web.
Então, quanto maior for o arquivo da página da web, mais tempo levará para o navegador baixar a página do servidor para exibi-la. Isso é muito ruim para o SEO do site. Para conteúdo específico, consulte um artigo do SEM "Como a velocidade de carregamento da página da web afeta o efeito do SEO". ser devido ao servidor A barra de status do navegador está sempre no estado de solicitação. Portanto, para um site, o tamanho total do arquivo inclui o conteúdo mencionado acima, html, CSS externo, javascript externo e o tamanho de alguns arquivos como imagens, sons, vídeos, flash, etc. HTML, CSS e Javascript entre esses arquivos são todos arquivos de texto. Esses arquivos podem ser formatados após a gravação da página da web. No entanto, os servidores da web modernos possuem funções de compactação de texto que os administradores podem definir.
No entanto, arquivos como imagens, sons, vídeos e flash representam uma grande proporção do site, e esses arquivos são muito maiores que os arquivos de texto. Eles são um fator importante que afeta a velocidade de download durante o processo de abertura do site.
Este é o tamanho da página inicial de um shopping B2C doméstico.
Este é o tamanho da página inicial do Taobao
163 tamanho da página inicial, em comparação com sites de portal, as páginas de sites de shopping são de fato relativamente grandes. A imagem acima é um plug-in no Firefox. Existe uma função no desenvolvedor web para verificar o tamanho da página web. Esta ferramenta é muito útil para análise técnica de sites. e usá-lo. Também requer muito SEO. Analise o código subjacente do site, analise o site dos concorrentes, etc.
Em circunstâncias normais, qual é o tamanho apropriado de cada página? Mesmo os chamados especialistas geralmente discordam sobre esse assunto. Se o seu site exige gráficos de qualidade profissional, é impossível cumprir a "regra dos 20k", como a de hoje. shoppings de comércio eletrônico, o efeito de processamento das imagens e a sensação das taxas de vendas são diferentes. Por exemplo, alguns sites fazem tópicos especiais, a maioria dos quais são imagens. Neste momento, ao projetar a página, você pode cortar as imagens grandes. imagens menores. Partes pequenas, como o shopping moonbas doméstico, embora seja um tema especial, elas dividem o quadro geral em muitas partes pequenas, de modo que quando o usuário abre a página, a página carrega mais rápido e a velocidade de abertura do site. afetará muito o usuário. Imagine, um site abre muito lentamente, quanto tempo você normalmente espera? Não deixe os usuários esperarem muito, caso contrário você perderá usuários ou pedidos em potencial?
Então, quais são as melhores coisas a fazer para perder peso nas páginas do seu site?
1. Coloque a maioria das folhas de estilo CSS e arquivos javascript em arquivos externos da página da web, escreva-os em um arquivo separado e faça referência a esses arquivos apenas quando o site for aberto pela primeira vez antes de carregar. Assim, qualquer página do site pode reutilizar esses arquivos sem a necessidade de baixá-los novamente. Embora esses arquivos possam não ser muito grandes, se tiverem que ser carregados toda vez que uma nova página for aberta, eles também fazem parte da economia de largura de banda do usuário.
2. Se possível, tente usar gráficos, áudio e vídeo em páginas diferentes. Esses arquivos também são carregados na primeira vez em que são usados.
3. Não utilize imagens, animações e sons desnecessários Seja pela praticidade ou para aumentar a beleza do site, cada arquivo deve ter uma razão de sua existência. Algumas imagens são utilizadas para preencher as lacunas, como esta Imagens. pode ser removido.
4. Tente usar imagens de tamanho pequeno em vez de imagens de tamanho grande, porque nas mesmas circunstâncias, o download de imagens pequenas é mais rápido. Se você não tiver requisitos elevados para pixels de imagem, poderá usar imagens em formato gif, por exemplo. A imagem de fundo pode ser repetida em tamanhos pequenos em vez de usar uma imagem grande como fundo. Por exemplo, em alguns sites de shopping centers, as imagens das páginas temáticas podem ser cortadas em imagens de tamanho pequeno, o que pode agilizar a abertura do seu. página da Internet.
5. Minimize o uso de imagens para efeitos de inversão nos botões de navegação, pois é necessário baixar imagens diferentes. Pelo contrário, se forem usados links de texto, o mesmo efeito pode ser alcançado usando CSS para controlar a inversão.
O texto acima lista basicamente os fatores relevantes que afetam o tamanho da página da web. Pode haver alguns que não foram encontrados. Espero que alguns amigos descubram mais fatores que afetam a otimização da página da web.
Informações do autor: blog de Liu Yunwei
Obrigado kitwer pela sua contribuição