5 Dicas de html para criar um site gratuito de carregamento rápido

Minhas H

YperText Markup euanguage (HTML) habilidades estão enferrujadas com certeza, mas talvez isso me qualifica para este artigo. Voltar no dia em que Amigos ainda estava na TV e AOL foi o envio de montanhas-livres e mini-frisbees diária, eu estava criando sites para carregar em modems dial-up. Conforme o tempo passava, eu tive a coragem de pensar que há uma abundância de pessoas ainda lá fora, com não-banda larga (dial-up) conexões e continuou a criar sites com base nisso.

Finalmente, eu desisti Designer de Web e desenvolvimento quando a qualidade do conteúdo começou a ser empurrado para o lado a quantidade de conteúdo. sites em Flash, os lotes de imagens, pop-ups, pop-unders, controles deslizantes, etc. Confie no seu conteúdo de qualidade e você não precisa deste fluff. Confie no seu conteúdo e você pode fazer seu site incrivelmente rápido.

Com um site que está hospedado em um serviço gratuito, mais rápido é definitivamente Melhor. Por quê? Porque ‘livre` tende a atrair um grande número de pessoas e o servidor tem de repartir sua página além de milhares de outras páginas das pessoas que não são otimizados. É como tentar passar um comboio de Kenworths Pullin registros com o seu Jimmy haulin` porcos. Mas se você tem um pequeno Porsche, que fica muito mais fácil de fazer.

Aqui estão algumas dicas para cortar a gordura, em nenhuma ordem particular.

1. Utilização Tabelas Moderadamente

As tabelas são uma pega-22. No início, eles foram usados ​​para colocar para fora o projeto, bem como conteúdo colocar em formato de tabela. Como os layouts de design ficou mais complexa, as tabelas ficou maior e aninhado mais profundo, e isso sempre significa uma desaceleração no tempo de carregamento.

Cascading Style Sheets (CSS) veio e realmente ajudou o problema do uso de tabelas para layout. Infelizmente, os fabricantes de navegadores não conseguia envolver suas cabeças em torno da idéia de padrões - e ainda não pode. O que parecia grande no CSS no Firefox parecia pequeno-almoço de um cão no IE e possivelmente nem sequer tornar no Safari. Não me fale sobre IE5 em um Mac. Eu ainda estou na terapia sobre isso.

Por favor use somente tabelas para o layout de conteúdo que deve estar em um formato tabular - como uma lista de preços ou as estatísticas de hóquei. Isso reduz o número de mesas, e profundidade de nidificação, o que significa que os tempos de carregamento mais rápidos. CSS aprender vai fazer uma grande diferença, se você deve ter um layout de fantasia.Top 5 Sites para aprender CSS onlineTop 5 Sites para aprender CSS onlineconsulte Mais informação

2. Use HTML para criar cores

Sim, eu sou canadense, por isso é cor com um ‘u` para mim. Eu sei o HTML é a América-centric assim que o atributo é ‘cor`. Saiba seus códigos de cores hexadecimais e usá-los para para animar o conteúdo em vez de imagens.

Tente adicionar o atributo de cor a seus elementos HTML para combiná-lo. Isto funciona especialmente bem nas tabelas, ou a etiqueta corpo, como tal:

Video: Como fazer um site rápido com template pronto

Se você fosse um navegador, você seria mais rápido a carregar um simples 7 caracteres de #FF00FF ou uma imagem de 10 x 10 pixels do fuschia cor alguns milhares de vezes? Essa é uma pergunta retórica, você na fila de trás. Abaixe sua mão.

3. Ligar a Scripts / Style Sheets

Se você usar um certo JavaScript (JS) ou CSS repetidamente todo o seu website, pensar em criar seu próprio arquivo e chamá-lo, em vez de colocá-lo em todas as páginas. Uma vez que um navegador tende a armazenar em cache um arquivo e chamar esse arquivo primeiro antes de verificar com o servidor, o navegador já terão esse script ou CSS pronto para usar. Isso significa menos HYperText Transferência Protocolo (HTTP) chama o que significa que uma página de carregamento mais rápido.

Como chamar um javascript externo:

-gt;

Por que eu colocar essas tags de comentário em torno da chamada para o javascript? Porque não cada navegador está definido para ler scripts. Adicionando as tags de comentário faz com que os navegadores com desativou scripting simplesmente ignorá-lo, em vez de dar mensagens de erro irritante.

Como chamar um Cascading Style Sheet externa:

É simples assim. O href atributo é onde você define o local de sua folha de estilo. O resto dos atributos dizer ao navegador que esse arquivo é, por isso sabe o que fazer com ele.

Alguns desenvolvedores podem usar o @importar método para chamar uma folha de estilo. No Internet Explorer, este é como ter seu tag na parte inferior do seu arquivo, causando-lo para carregar a página inteira e depois processar os estilos nela. Não é bom.

4. Combine seus scripts mais usadas em um arquivo

Muitos desenvolvedores web vai usar os mesmos scripts uma e outra vez. Talvez haja um script relógio e um script de calendário e talvez algum tipo de script de efeito especial que eles vão usar em cada página. Em vez de ter 3 arquivos separados, com 3 chamadas HTTP separadas, colocar os scripts em um arquivo e chamá-lo de uma vez. Que corta suas chamadas HTTP em 66% e fica em cache também. Você Speed ​​Demon, você! Antes de levantar a mão novamente, sim, você pode fazer a mesma coisa com os arquivos CSS.

5. Não use HTML para alterar o tamanho de suas imagens

Se você quiser usar uma imagem que é de 1000 × 1000 pixels em sua página web, mas você quer que ele seja apenas 250 × 250 pixels, alterá-lo em um editor de imagens. Algumas pessoas vão ‘encolher` a imagem usando HTML como tal:

Se a imagem de pixel 1000 × 1000 é 2 MB de tamanho de arquivo, redimensioná-la com HTML não faz o tamanho do arquivo qualquer menor! Na verdade, pode demorar mais para carregar, porque agora o navegador tem que colocar 10 libras de cocô em um saco de 2 libras, por assim dizer. Não é uma tarefa fácil.

Esperemos que estas dicas vão ajudá-lo. Dê-me um shoutback nos comentários se você usá-los ou ter algum outro HTML otimização idéias para compartilhar.

Video: HTML para PHP Dinâmico em Minutos e sem Programação - Grátis!