Subscribe to RSS feed Subscribe to RSS feed or ou follow me siga-me on Twitter? no Twitter?
Website optimization is an important process for every webmaster trying to reach “the top”. Otimização do site é um processo importante para todos os webmasters que tentam chegar ao "topo". It includes several parts, some of which may not be plausible for all. Inclui diversas peças, algumas das quais não pode ser plausível para todos. Optimisation refers to the cleaning of code markup, images and backend so that your site loads quickly, and causes less stress on your webserver. Optimização refere-se à limpeza da marcação de códigos, imagens e back-end para que o site carrega rapidamente, e causa menos stress no seu servidor.
The Importance of Optimization A Importância da Otimização
Website optimisation is important, because more optimized pages translate into lower load times. Optimização do Web site é importante, porque mais páginas optimizadas para traduzir vezes menor carga. In today's world, “everyone wants everything quickly”, so quick and responsive sites help you to retain your visitors more. No mundo de hoje, "todos querem tudo rapidamente", tão rápido e responsivo sites ajudam a manter a sua mais visitantes. In other words, you can cut down or eliminate the number of frustrated surfers who ditch your blog because it doesnt load quickly. Em outras palavras, você pode reduzir ou eliminar o número de internautas frustrados, que o fosso, o seu blog, porque aquilo não carregar rapidamente. This is more relevant if your blog is targeted towards a non-tech-savvy audience, who are likely to have slower connections. Esta é a mais relevante se seu blog está direccionado para um público não-tech-entendido, que são susceptíveis de ter conexões mais lentas.
By optimization, you can save some bandwidth(although this is not why most people do it). Por otimização, você pode salvar um pouco da banda (embora este não seja por isso que a maioria das pessoas fazem isso). Also, in times of intensive activity, like being Dugg or Stumbled, optimization can be the difference between your blog going offline due to stress, and your blog staying healthy even while getting ~50k visits in a day. Além disso, em momentos de intensa atividade, como Dugg ser ou tropeçou, a otimização pode ser a diferença entre o seu blog offline acontecendo devido ao estresse, e seu blog se manter saudável, mesmo quando começar ~ 50k visitas em um dia.
Some of the easiest optimization techniques include compression of codes whenever possible (like CSS), compression of images for lower sizes (use Photoshop), and reducing the number of http requests and number of objects. Algumas das técnicas mais simples de otimização incluem a compressão de códigos sempre que possível (como CSS), a compressão de imagens para os tamanhos menores (usar o Photoshop) e reduzir o número de pedidos de http e número de objetos. There are also hardcore stuff, including tweaking your webserver (which few can do), tweaking your scripts to execute faster, reduce the number of PHP functions in your theme etc. Há também coisas graves, inclusive aprimorando seu servidor (o que poucos conseguem fazer), aprimorando seus scripts para executar mais rapidamente, reduz o número de funções do PHP em seu tema, etc
My guiding light A minha luz guiando
Paul Stamatiou is an optimization-crazy college student, and has written several guides. Paul Stamatiou é uma otimização estudante universitário de louco, e tem escrito vários guias. I found Paul Stamatiou's guides, Achei guias Stamatiou Paul's, How to Optimize your CSS Como otimizar seu CSS and e 5 ways to speed up your site 5 formas de acelerar o seu site amazing. incrível. After reading them a few times and implementing a few steps, I was able to cut down the loading time of this blog from 27 seconds on a dialup, to around 6 seconds! Após a leitura deles algumas vezes e execução de alguns passos, eu era capaz de reduzir o tempo de carregamento deste blog a partir de 27 segundos em uma conexão discada, para cerca de 6 segundos! I used his blog as a benchmark, because he is pretty much up there with the best in optimization. Eu usei o seu blog como referência, porque ele é muito bonito lá em cima com o melhor em otimização.
I took his advice to heart, and experimented a little more. Eu peguei o seu conselho de coração, e experimentou um pouco mais. More specifically, here are the steps (I will have a detailed How-to post later, so watch out!): Mais especificamente, aqui estão os passos (vou ter uma detalhadas instruções para a posterior, portanto, cuidado!):
- Deleted all unnecessary images, like the RSS feed icon and Technorati Fav button. Saved 4Kb. Suprimir todas as imagens desnecessárias, como o ícone de feed RSS e botão Technorati Fav. Saved 4Kb.
If you cannot abandon your images, at least move them to the same server ( uploads, or images folder). Se você não pode abandonar as suas imagens, pelo menos, deslocá-los para o mesmo servidor (uploads, ou pasta de imagens). - Compressed the CSS using Compactados usando o CSS CleanCSS CleanCSS . Saved 3Kb. . Saved 3Kb.
- Used PHP compression for CSS stylesheet, as Stammy(above) suggested. Saved 2Kb. Usado compressão PHP para folha de estilos CSS, como cocas_as (acima), sugeriu. Saved 2Kb.
- Removed the earlier header image, which was 500 x 200, and replaced it with a smaller 412 x 118px, with a white background. Removido a imagem do cabeçalho anterior, que era de 500 x 200, e substituiu-o com um menor 412 x 118px, com fundo branco. White backround was very helpful. Saved 10Kb. Backround branco foi muito útil. Saved 10Kb.
So, that cut down the size by 19Kb, without compromising much on quality. Então, é diminuir o tamanho de 19Kb, sem comprometer muito a qualidade. I am not (yet) aware of all the server-side optimisation, so no comments there. Eu não sou (ainda) ciente de todos os servidores da optimização lado, portanto não há comentários. Long story short, the optimisation bug is on me too Para encurtar a história, o bug de otimização é a mim também 
On a lighter note, I actually managed to beat Stammy's blog load times by a good margin. Em uma nota mais clara, eu realmente conseguiu vencer times blog cocas_as de carga por uma boa margem.
It is probably due to the sponsor images on his sidebar. É provavelmente devido a imagens do patrocinador em sua lateral. His blog is hosted on MediaTemple's (dv) server. Seu blog está hospedado no MediaTemple's (dv) do servidor. For reference, this blog is on a shared webhost (for now). Para referência, este blog está em uma hospedagem compartilhada (por agora).
Here are (56K speeds of ) some sites according to Aqui estão (56K velocidade) por alguns sites de acordo com Web Page Analyzer Web Page Analyzer , as of August 19, 2007 , A partir de 19 de agosto de 2007
(Note: These are time taken for loading, and not actual rendering in the browser): (Observação: Esses tempos são tomadas para o carregamento e renderização não real no browser):
PaulStamatiou.com – PaulStamatiou.com -- 7.08 seconds 7,08 segundo
TechZilo (this blog) – TechZilo (este blogue) -- 4.33 seconds 4,33 segundo
TechCrunch – TechCrunch -- 204.97 seconds 204,97 segundo
Why did I show these load times? Por que eu mostrar estes tempos de carga? Bragging rights? Brigar direitos? No. Não.
Just to prove that even big sites like TechCrunch could do with a bit of optimization. Só para provar que mesmo grandes sites como o TechCrunch poderia fazer com um pouco de otimização. I am sure that Mike Arrington will have no problem in wasting extra bandwidth, losing some frustrated visitors or being Dugg. Estou certo de que Mike Arrington não terá nenhum problema em desperdiçar largura de banda extra, perdendo alguns visitantes frustrados ou Dugg estar. However, 204 seconds is way too much by any standards. No entanto, 204 segundos é a maneira demasiado por quaisquer padrões.
So, make sure you optimize your blog the next time you decide to get your hands dirty in code Portanto, certifique-se de otimizar o seu blog da próxima vez que você decide sujar as mãos no código 
Related reading Leitura relacionada
- TextSnip: free online code bin TextSnip: bin código on-line gratuito
- Site Update : Asides and Footnotes Actualização: Para além e Notas de Rodapé
- BitDig: Digg-like site for torrents NZBMatrix: Digg-como o site de torrents
- Remove PirateBay BitTorrent site account Remover conta de site BitTorrent PirateBay
The Web Page Analyzer is based on several things such as the user's location and download speed (i think). A Web Page Analyzer é baseado em várias coisas, como a localização do usuário ea velocidade de download (eu acho). As such it says 1.55, 1.06, 16.14 for the three sites you mentioned, in that order for me and will probably say something different for someone else. Como tal, ele diz 1,55, 1,06, 16,14 para os três sites que você mencionou, nessa ordem, para mim e provavelmente dirá algo diferente para alguém.
@Paul: Thanks for dropping by. @ Paul: Thanks for dropping by. I forgot to add that all speeds were for dialup. Eu esqueci de acrescentar que todos os débitos foram para discada. Hope that solves your problem. Espero que resolva o seu problema.
thats the min disadvantage of self hosted blogs and thats where blogger wins! thats a desvantagem min da auto blogs hospedados e thats onde ganha blogueiro!
I haven't faced any such problems, Eu não tenho enfrentado esses problemas,
Most of surfers now have a broadband , and with i my blog hardly takes two seconds A maioria dos internautas têm agora uma banda, e com o meu blog eu dificilmente leva dois segundos
Although some graphics take time but text is visible once u type in address. Embora alguns gráficos levar tempo, mas o texto é visível uma vez u digite o endereço.
n I hav got a cool report n I hav tenho um relatório cool
HTML: 19708 4.13 0.30 HTML: 19708 4,13 0,30
HTML Images: 196940 45.65 7.44 HTML Images: 196940 45,65 7,44
CSS Images: 0 0.00 0.00 CSS: Imagens 0 0,00 0,00
Total Images: 196940 45.65 7.44 Total Images: 196940 45,65 7,44
Javascript: 84241 18.39 2.05 Javascript: 84241 18,39 2,05
CSS: 3761 1.55 0.82 CSS: 3761 1,55 0,82
Multimedia: 0 0.00 0.00 Multimédia: 0 0,00 0,00
Other: 0 0.00 Outros: 0 0,00
Tip: Red color doesn’t matches with white color, try something else and don’t you think overloaded text link ads advertisement? Dica: a cor vermelha doesnâ € ™ t combina com a cor branca, tente outra coisa e donâ € ™ t você pensa sobrecarregado texto da ligação anúncio anúncios?
@Ashwini: Blogger sure wins, since Google's servers are among the fastest (though not the most reliable). @ Ashwini: Blogger certeza de vitórias, já que os servidores do Google estão entre as mais rápidas (embora não seja a mais confiável). But the lack of flexibility really is the problem. Mas a falta de flexibilidade é realmente o problema. With advanced compression techniques, light-weight theme and reasonable server, WordPress can beat Blogger. Com técnicas avançadas de compressão, leve e servidor razoável do tema, o WordPress pode bater Blogger.
Especially since Blogger themes are notorious for tonnes of JavaScript (check the source code towards the end). Especialmente desde que os temas do Blogger são notórios por toneladas de JavaScript (verificar o código fonte para o final). It isn't added by the us, but by Blogger automatically. Não é adicionado pelo nós, mas pelo Blogger automaticamente.
I am changing the colour scheme of the theme, one bit at a time. Eu estou mudando o esquema de cores do tema, um pouco de cada vez. I changed the header, footer and navbar. Eu mudei o cabeçalho, rodapé e barra. Next up, content+sidebars. Em seguida, o conteúdo + sidebars. OK? OK? As for ads, they're affiliate links, nofollowed and harmless in the sidebar. Quanto aos anúncios, que são as ligações da filial, nofollowed e inofensiva na barra lateral. Maybe I should reduce them to the most-rewarding ones only. Maybe Talvez eu deveria reduzi-los para os mais gratificantes-somente. Talvez
There's also Há também http://tools.pingdom.com/fpt/ http://tools.pingdom.com/fpt/ which I think is much more accurate than Web Page Analyzer. que acho que é muito mais precisos do Web Page Analyzer.
@Paul: I had tried it, but it was before the optimization craze ( which is thanks to you!) @ Paulo: Eu já havia tentado isso, mas foi antes da loucura de otimização (que é graças a você!)
Let me check it now. Deixe-me ver isso agora.
my blog gets 135 seconds, not exactly great. o meu blog recebe 135 segundo, não é exatamente grande. I guess I need to do some blog optimizing myself but at least I am faster then Techcrunch. Eu acho que preciso fazer algum blog otimizando mim, mas pelo menos eu sou mais rápido do Techcrunch.
@Michael : TechCrunch is slow mostly because of graphics (sponsors on sidebar). @ Michael: TechCrunch é lento principalmente por causa dos gráficos (patrocinadores no box). Yours is slow because of the theme – it depends on background images too much. O seu é lento por causa do tema - que depende de imagens de fundo demais. Don't do too much optimization – your theme might get bland (as mine is). Não faça otimização demais - seu tema pode ficar brando (como o meu). Besides, it depends on the target audience – if they're high-tech, there's no problem, since they will have high-speed connection. Além disso, depende do público-alvo - se eles são de alta tecnologia, não há problema, já que eles terão conexão de alta velocidade.
Sumesh even when I wasn't paying attention to your advise still our blog loads at 4 secs (Paul Stamatiou suggestion). Sumesh nem mesmo quando eu estava prestando atenção a suas cargas aconselha ainda o nosso blog em 4 segundos (Paul sugestão Stamatiou). Not that bad! Nada mau! Anyways, I still think we have some Optimization to do. De qualquer forma, eu ainda acho que temos alguns Otimização de fazer.