Aerodinamizar suas páginas do Web site

| by Eric Lester | October 10, 2005
Espremer o desempenho o mais eficiente de seus Web pages é importante. Os benefícios são universais, se o local é pessoal ou grande e profissional. Reduzir o peso da página pode apressar-se acima da experiência browsing, especialmente se seus visitantes estiverem usando o acesso dial-up do Internet. Embora o acesso broadband é o futuro, o presente contem ainda usuários dial-up muitos. Muitos locais, locais do ecommerce especialmente, não podem ter recursos para ignorar esta seção grande do mercado. Os locais com uma quantidade grande de tráfego original podem também conservar em seu tráfego mensal total slimming abaixo seus Web pages. Este artigo cobrirá os princípios do optimization da em-página no texto/código e nos gráficos.

Gráficos

Os gráficos são o suspeito usual em páginas pesadas. Em conseqüência de um projeto altamente gráfico, ou de algumas imagens mal optimized, os gráficos podem significativamente estender o carga-tempo de um Web page. A primeira etapa no optimization dos gráficos é muito básica. Decidir-se se os gráficos são absolutamente necessário e simplesmente eliminar ou mover esses que não são. Remover os gráficos grandes do homepage a uma galeria separada aumentará provavelmente o número dos visitantes que “pendurar ao redor” deixar a carga do homepage. Separar fotos maiores ou arte a uma galeria fornece também a oportunidade de fornecer o aviso justo aos usuários que estalam na galeria de que pode fazer exame mais por muito tempo à carga. Na caixa de teclas gráficas, considerar o uso do texto teclas preferivelmente baseadas, CSS-denominadas. Locais que usam um projeto altamente gráfico, um tema comum no Web site “moldes”, necessidade optimize seus gráficos tão bem como possível.

O optimization dos gráficos envolve primeiramente selecionar o tipo apropriado da lima para sua imagem. Embora este tópico sozinho é fodder para distante mais dentro - análise da profundidade, eu tocarei nela momentaneamente. As imagens vêm em 2 variedades básicas, naquelas que são fotográficas na natureza, e naquelas que são gráficos na natureza. As fotografias têm uma disposição grande das cores jumbled toda junto em o que é consultado como ao tom contínuo. Os gráficos, tais como logos do negócio, são geralmente lisos, crisp e têm áreas grandes da mesma cor. As fotografias são comprimidas melhor em “JPEGs”. “O formato do grupo perito fotográfico comum” pode com sucesso comprimir fotos grandes para baixo aos tamanhos muito manageable. É aplicado geralmente em uma escala deslizante da “qualidade” entre 1-100, 1 que é a qualidade a mais comprimida e a mais baixa, 100 o menos e mais de alta qualidade. O JPEG é um algoritmo da compressão do “lossy”, significando que “destrói” a informação da imagem quando aplicado, mantem assim sempre uma cópia da lima original. Os gráficos e os logos trabalham geralmente melhor “GIF”, ou mais recentemente, no formato do “png”. Estes formatos são mais eficientes do que JPEGs em reduzir o tamanho das imagens com áreas grandes de cor similar, tais como logos ou o texto gráfico.

Algumas notas gerais em outros meios são apropriadas. Outros tipos de meios tais como o flash ou o som arquivam também a pena lenta uma página. A primeira régua é sempre a mesma, considera se são absolutamente necessários. Se você estiver escolhendo construir inteiramente o local no flash, certificar-se então que as seções e os elementos individuais também estão comprimidos como possíveis. No exemplo da música, eu admitirei à polarização pessoal aqui e para paraphrase um provérbio velho brilhante, os “Web site devem ser vistos e não ouvido.” Simplesmente, a música que joga no fundo “não realçará” nenhuma experiência browsing.

Texto e código

A maioria de peso a ser aparado em uma página virá dos elementos gráficos e dos meios, mas é possível verter alguns bytes extra olhando o texto e o código de um Web page. Nos termos do índice real do texto, não pode haver muito a fazer aqui. O índice de uma página é chave não somente à compreensão do usuário mas também ao ranking do Search Engine. Removendo ou melhorar o índice organizando é somente necessário nas situações extremas, onde mais do que o peso da página é uma edição. Um exemplo pôde ser um longo, Web page pesado do texto que requer um desdobramento vertical longo terminar. Tal página é comum em locais do “infomercial”, e violates tenants básicos do projeto além daqueles relacionados ao peso da página.

Codificar é uma história diferente. O código de um Web site pode ser feito mais eficiente em uma variedade das formas. Primeiramente, através do uso do CSS, todos os elementos do estilo de um Web page podem agora ser chamados através de uma lima externa. Esta mesma lima pode ser convidada todo o páginas de um local, fornecendo para um olhar e uma sensação uniformes. É não somente isto mais eficiente; é também a recomendação oficial do W3C. O mesmos podem ser ditos de XHTML e do abandono da disposição baseada da “tabela”. As tabelas, though eficazes para a disposição, produzem mais código do que disposições equivalentes de XHTML usando Tag do “div”. Onde um mínimo de 3 Tag é requerido para criar uma “caixa” com o índice em uma tabela, only 1 é needed usando divisões. Usar XHTML e CSS na combinação pode significativamente reduzir a quantidade “de código na página” requerido por um Web page. Um final, truque relativamente insignificante é a remoção de todo o “espaço branco” de seu código. Os Browsers não o requerem; é primeiramente assim que os autores podem prontamente ler e interpretar o código. As economias são mínimas no melhor dos casos, mas para os locais que recebem uma quantidade extrema de tráfego, mesmo algumas conservaram bytes adicionarão acima o tempo excedente.

Conclusões

Alvejar imagens e limas dos meios primeiramente ao procurar reduzir o peso de uma página. São os componentes os maiores do peso total da página e simplesmente removê-los pode significativamente reduzir o peso total. As imagens que remanescem devem optimally ser comprimidas em um formato apropriado para seus tipo, fotos ou gráficos. Evitar os blocos de texto enormes que causam o desdobramento vertical desnecessário. Organizar o local mais eficientemente para espalhar a informação através das páginas múltiplas. Adotar XHTML e CSS para reduzir o tamanho do código da em-página, e chamar o CSS externamente. Estas pontas devem ajudar reduzir o tamanho de suas páginas e apressar sua entrega a seus visores.

Article Source: http://www.articleset.com



About the Author

Mr. Eric Lester worked in the IT industry for 5 years, acquiring knowledge of hosting, website design, before serving for 4 years as the webmaster for Apollo Hosting, http://www.apollohosting.com. Apollo Hosting provides website hosting, ecommerce hosting, vps hosting, and web design services to a wide range of customers. » Read more articles by Eric Lester
You are welcome to publish or reprint this article free of charge, provided: