13 replies to this topic

[raphaelpdb]

Olá,

Gostaria de discutir idéias de como melhorar o carregamento de um site. Tipo, como montar o layout de modo que ele seja carregado por pedacos ou ainda como dar prioridade para os textos e fazer com que as imagens sejam carregadas depois.

Qq tipo de ideia será bem vinda ...

[_mcl_]

Uma maneira boa a cortando as imagens e pequenos pedaços, nao deixe seus textos com fontes extras grandes, tb naum exagere em codigos de java scripts que pode fazer sua pagina demorar a carregar!!!

[pchardnet]

Pelo que eu saiba o carregamento vai depender da forma que a programação foi aplicada e do seu servidor.

Os textos geralmente carregam primeiro que as imagens.
Para agilizar o carregamento das imagens procure deixá-las leves de preferencia em .gif, claro se este formato satisfazer na qualidade final da imagem. Além disso deve-se recortar/fatiar as imagens. Se não me engano o Host abre apenas 06 imagens por vez, então sugiro que vc tb não exagere.
Se as imagens exigirem o formato .jpg para ter uma melhor qualidade sugiro que vc utilize um "compactador de imagens" existe um tal JPG REDUCER.
Ao utilizar .js faço com arquivos independentes, ou seja, só a linha <script language=.......></script> chamando o arquivo externo, assim seu código fonte terá menos linhas e será lido mais rápido.

[Moço da Padaria]

Uma boa dica é fazer o seu layout em modo texto, ou seja, no bloco de notas, ou em outro editor do gênero.

Fazer a página nos editores WYSIWYG (por exemplo, Dreamweaver ou Front Page) enche o seu código fonte de lixo, ou seja, tags desnecessárias.

E isso acaba atrapalhando no carregamento das páginas....

[CrAsh_OveRride]

Uma boa dica é fazer o seu layout em modo texto, ou seja, no bloco de notas, ou em outro editor do gênero.

Fazer a página nos editores WYSIWYG (por exemplo, Dreamweaver ou Front Page) enche o seu código fonte de lixo, ou seja, tags desnecessárias.

E isso acaba atrapalhando no carregamento das páginas....

Naum concordo com a sua dica! eu pelo menos naum conheco e achu q nunca vou conehcer alguem q fez um site animal e fez COMPLETAMENTE à mão, num ditor de texto... isso eh praticamente impossivel...

Reformulando sua sugestao acho o seguinte:

Fça o seu site normalmente, e depois quando terminar deixe el enxuto, tirando os codigos que "sobram", feitos pelo editor, eu sempre faço isso..



rt+

Edição feita por: CrAsh_OveRride, 26/03/2004, 16:49.

[Agente Linhares]

faz seu lay da maneira masi leve possível, fatiando e exportando em formatos leves..

e quanto a programação, procure retirar td d edesnecessário no código..

[<%Rafael%>]

Uma boa dica é fazer o seu layout em modo texto, ou seja, no bloco de notas, ou em outro editor do gênero.

Fazer a página nos editores WYSIWYG (por exemplo, Dreamweaver ou Front Page) enche o seu código fonte de lixo, ou seja, tags desnecessárias.

E isso acaba atrapalhando no carregamento das páginas....

Naum concordo com a sua dica! eu pelo menos naum conheco e achu q nunca vou conehcer alguem q fez um site animal e fez COMPLETAMENTE à mão, num ditor de texto... isso eh praticamente impossivel...

Reformulando sua sugestao acho o seguinte:

Fça o seu site normalmente, e depois quando terminar deixe el enxuto, tirando os codigos que "sobram", feitos pelo editor, eu sempre faço isso..



rt+

Opa... acaba de conhecer um hehehe!!!
Eu concordo com o moço da padaria...
Estou fazendo um site pra escolinha do meu pai, em ASP e HTML.. uso o front page, mas jamais fui mexer em alguma coisa que não fosse pelo código!

Eu aprendi á fazer sites da maneira mais difícil 9acredito eu),que foi diretamente mechendo no código! Eu tinha um programa que só permitia mexer no código e você tinha uma opção para visualizar, era o Coffee Cup...

Eu conheço a potência do DW, mas não conseguido me imaginar fazendo sites nele...

Abraços!!!

[Agente Linhares]

Uma boa dica é fazer o seu layout em modo texto, ou seja, no bloco de notas, ou em outro editor do gênero.

Fazer a página nos editores WYSIWYG (por exemplo, Dreamweaver ou Front Page) enche o seu código fonte de lixo, ou seja, tags desnecessárias.

E isso acaba atrapalhando no carregamento das páginas....

Naum concordo com a sua dica! eu pelo menos naum conheco e achu q nunca vou conehcer alguem q fez um site animal e fez COMPLETAMENTE à mão, num ditor de texto... isso eh praticamente impossivel...

Reformulando sua sugestao acho o seguinte:

Fça o seu site normalmente, e depois quando terminar deixe el enxuto, tirando os codigos que "sobram", feitos pelo editor, eu sempre faço isso..



rt+

Opa... acaba de conhecer um hehehe!!!
Eu concordo com o moço da padaria...
Estou fazendo um site pra escolinha do meu pai, em ASP e HTML.. uso o front page, mas jamais fui mexer em alguma coisa que não fosse pelo código!

Eu aprendi á fazer sites da maneira mais difícil 9acredito eu),que foi diretamente mechendo no código! Eu tinha um programa que só permitia mexer no código e você tinha uma opção para visualizar, era o Coffee Cup...

Eu conheço a potência do DW, mas não conseguido me imaginar fazendo sites nele...

Abraços!!!

nossa mãe.

sinceramente, assim é muito melhor p/ solucionar váriso problemas.

mas não usar o dream é difícil hein..

até eu qu eresisti durante um bom tempo, me entregue a tentação..
e acredito qu efoi umas das melhores coisas que já fiz na vida!

[Blackbird]

Impossvel, faço sites com designs com pequenos detalhes, que exigem uma calibramento milimétrico de tabelas no site, o que exigem um bom editor para isso, no caso, DreamWeaver. Qum faz um site que possua um esign complexo, cheio de imaens que exijam um calibramento mais complexo e diz que fez no bloco de notas, desculpe, vc esta mentindo.
Agora, um site simples, com uma banner, um rodape e um menu, aí é claro que pode ser feito com bloco de notas, agora, um site de design complexo, como o da wmonline, naum há como fazer com o bloco de notas.

Abraços.

[NEOTURBO]

Olha, sei que nao era este o motivo inicial do topico, mas ja que o assunto mudou de rumo, e eu tambem ja sofri discriminacao com isso, resolvi postar:

Uma vez fui criticado em outro forum por dizer que nao saberia fazer minha pagina sem ajuda do DW.
Entao um usuario que se dizia webmaster, disse que isso era "sux", que eu nao sabia nada de web, e que deveria aprender a fazer sites de verdade com o notepad.
Entao pedi para este usuario mostrar uma prova de seu grande trabalho usando o notepad, e nunca mais ele voltou ao post.
Eu continuo com meu site 100% a-la DW, e gosto muito dele:
www.animatoons.com.br

[rbata]

Eu ouvi várias pessoas dizendo para cortar imagens. Uma vez eu cortei uma imagem e ela ficou uns 10% com mais kbytes que a original. Nunca mais testei para ver se foi algum erro meu na hora de fazer os slices. Quando você fatia imagens você também soma algumas linhas no código. Por isso é bom estudar cada caso e ver se realmente é necessário utilizar slices.

[x23]

eh bom fazer assim:

faça o site todas as tabelas e etc... depois vá fazendo as imagens, aí é só montar no layout... eu acho q desse modo, a pag. carrega mais rápido =]

Falou

[lgiesel]

Bom, entrei e me cadastrei hoje neste fórum.

Eu costumo recortar as imagens e salvá-las em modo compactado ("para a web"). Algumas imagens, (as que tem menos cores e detalhes) prefiro salvar em GIF, e dependendo da imagem você pode reduzir o número de cores (de 256 até 8).. Isso reduz bastante o tamanho delas. As outras imagens que possuem mais cores e detalhes (geralmente fotos) uso o formato JPG. com qualidade mínima de 50%.

Eu considero que uma imagem possa ter no máximo 50Kb para ficar portável.

Outra coisa importante: Sempre que puder usar texto, no lugar de imagem, use! É incrivelmente mais leve. Alguns softwares que costumam recortar "automaticamente" sites como por exemplo o FIREWORKS da Macromedia... são ineficientes pois acabam colocando imanges desnecessárias.
Os textos sempre carregam mais rápido pois são mais leves...

Com relação ao código, é verdade que o DW e o FP deixam muito lixo, mas o FP deixa muito mais então, se não conseguir fugir disso, recomendo o DW.

Recomendo também não utilizar as ferramentas de geração automática de scripts ASP, PHP, JSP etc... que o DW ou o FP possam oferecer... Ao meu ver, é exatamente aí que está a imperfeição do processo automático. Faça isso na mão e seu código ficará com número de linhas reduzido e, consequentemente, mais rápido.

Espero ter contribuído.
abraços e bom desenvolvimento!

[mamute]

acho dw superior que fp,
mas o prefiro só por que o dw não coloca a tag meta generator
se a desejase lá , a colocaria lá...