Índice
A geração de uma aplicação web possui vários marcos, entre os quais temos dois importantes, o primeiro é que está em conformidade com os as necessidades do usuário e é fácil de usar, a segunda é que é o mais rápido possível, para que não tenhamos que esperar mais de um segundo para carregar cada uma de suas seções.Para cumprir este segundo marco, devemos otimizar nossa aplicação assim que o primeiro for atendido, ou seja, uma vez que nossa aplicação execute suas funções adequadamente, devemos extrair o máximo de desempenho para ampliar a experiência do usuário.
Conhecer a composição de uma página web permite-nos compreender a forma como chega ao navegador e assim poder encontrar os pontos em que podemos fazer algumas melhorias, cada pequena parte que podemos otimizar vai somar no final para uma experiência de usuário enriquecida.
Os elementos básicos de uma página são:
HTMLEste é o código ou texto dentro do arquivo, quanto maior a quantidade de código, mais pesado o arquivo, porém em texto puro é improvável que ocupemos muito espaço.
Arquivos JsÉ a linguagem complementar por excelência, como a HTML é texto puro, no entanto, é improvável que o usemos na forma pura, então quase sempre teremos que adicionar arquivos .js a nós HTML que contenham bibliotecas e funcionalidades, isto se é possível que ocupemos muito espaço visto que as bibliotecas são geralmente extensas.
Folhas de estilo CSSEles são arquivos ou código que inserimos em nosso HTML que nos permite modelar a maneira como o navegador mostrará a web ao usuário, bem como Javascript podemos usar bibliotecas que ocupam espaço.
MultimídiaEsta é a seção mais pesada, em multimídia teremos tudo relacionado a imagens, vídeos e áudio que possamos incorporar em nossa página, portanto é a parte que adiciona mais peso de download ao nosso aplicativo.
Vamos ver no diagrama a seguir como parece explicado:
Portanto, se queremos uma página mais rápida, devemos ser mais eficientes na organização dos conteúdos, por exemplo, usando imagens otimizadas para a web, tornando a menor quantidade de código possível usando as melhores práticas, usando arquivos minificados, usando conteúdo compactado, etc. .
Com isso finalizamos este tutorial, entendendo essa anatomia de uma página, podemos obter as informações básicas que precisamos para começar a otimizar, pois se usarmos um pouco de lógica e diminuirmos um 30% ou 40% Pelo peso da página estaremos aumentando sua facilidade de download e conseqüentemente sua velocidade.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo
