O que É o AMP (Accelerated Móvel Páginas) o Desenvolvimento Web? - Baxai
O que É o AMP (Accelerated Móvel Páginas) o Desenvolvimento...
Se você olhar para os últimos anos de análise de tráfego para sites, você provavelmente vai descobrir que todos eles compartilham uma grande coisa em comum — um aumento no número de visitantes, eles estão chegando de usuários em dispositivos móveis. Globalmente, há, agora, mais do tráfego da web provenientes de dispositivos móveis do que no que nós consideramos "os dispositivos tradicionais", que significa, basicamente, computadores de secretária ou portátil. Não há dúvida de que a computação móvel tem alterado a forma como as pessoas consomem conteúdo on-line, o que significa que ele mudou a maneira que temos de construir sites para os cada vez mais móvel centrada de audiências. O edifício, para um Público Móvel Criação de "mobile friendly sites" tem sido uma prioridade para os profissionais da web por muitos anos. Práticas como o responsive web design, com o objectivo de ajudar a criar sites que funcionou bem para todos os dispositivos, e um foco no desempenho do web site e os downloads mais rápidos benefícios de todos os usuários, móveis ou não. Outra abordagem para mobile sites amigáveis é conhecido como AMPLIFICADOR de desenvolvimento web, o que significa para a aceleração do Móvel Páginas. Este projeto, que é apoiado pelo Google, foi criado como um padrão aberto significava para permitir editores do site para criar sites que carregam mais rapidamente em dispositivos móveis. Se você está pensando que isso soa muito como o responsive web design, você não está errado. Os dois conceitos compartilhar muito em comum, ou seja, que eles são ambos focados no fornecimento de conteúdo para usuários de dispositivos móveis. Há um número de diferenças entre essas duas abordagens, no entanto. Principais Diferenças Entre o AMP e Responsive Web Design é Um dos pontos fortes do responsive web design tem sido sempre a flexibilidade que ele adiciona a um site. Você pode criar uma página que responde automaticamente a um visitante do tamanho da tela. Isso dá a sua página alcance e a capacidade de servir de uma boa experiência para uma ampla gama de dispositivos e tamanhos de tela, a partir de telefones móveis, tablets e laptops, desktops e além. Responsive web design é focado em todos os dispositivos e experiências de usuário, e não apenas móveis. Que é bom em algumas coisas e ruim em outros. Flexibilidade em um site é ótimo, mas se você realmente quer se concentrar em mobile, criar um site que incide em todas as telas, em vez de apenas no celular, pode ser de negociação, flexibilidade puramente móvel otimizado de desempenho. Que é a teoria por trás do AMPLIFICADOR. AMP é puramente focado em velocidade — ou seja móvel de velocidade. De acordo com Malte Ubl, o Google Tech Lead para este projeto, o AMP tem como objetivo trazer "instant renderização de conteúdo da web." Algumas das formas é feito incluem: Preguiçoso loadingUsing preconnectPrefetching resourcesAsync JavascriptInline estilo sheetsNo para download fontsResource priorização Estes são apenas alguns dos objetos que fazem AMPLIFICADOR de carga tão rapidamente. Há também, no entanto, alguns itens dessa lista que pode fazer a longo tempo os profissionais da web tremo. As folhas de estilo Inline, por exemplo. Muitos de nós temos sido informados de que todos os estilos devem ser contidas em folhas de estilo externas. Ser capaz de estilo muitas das páginas do site, tudo de um único externos folha é um dos pontos fortes do CSS — uma força que não é válido se as páginas usa estilos inline em vez disso. Sim, você evita a necessidade de baixar o arquivo externo, mas ao custo de ser capaz de gerenciar todo o site com uma única folha de estilo. Então, qual abordagem é melhor? A realidade é que ambos têm suas vantagens e desvantagens. A web está em constante mudança e pessoas diferentes que visitam o seu site têm necessidades diferentes. É muito difícil estabelecer regras que se aplicam em todos os casos, porque as diferentes abordagens fazer sentido em diferentes situações. A chave é pesar as vantagens ou desvantagens de cada abordagem para determinar o que é melhor no seu caso em particular. Outra diferença chave entre o AMP e RWD é o fato de que o responsive design é raramente "adicionada" para um site existente. Porque RWD é realmente uma terra-up repensar a arquitetura do site e a experiência, em geral, exigem que o site seja redesenhado e reconstruído para acomodar o ágil estilos. AMPLIFICADOR pode ser adicionado para um site existente, no entanto. Na verdade, ele pode até mesmo ser adicionadas a um existente ágil site. Javascript Considerações ao contrário de sites com RWD, AMP sites não jogar bem com Javascript. Isso inclui a 3ª festa de scripts e as bibliotecas que são muito populares em sites de hoje. Essas bibliotecas podem adicionar incríveis funcionalidade de um site, mas eles também têm impacto no desempenho. Como tal, é lógico que uma abordagem focado na página de velocidade seria abster-arquivos Javascript. É por esta razão que o AMP é frequentemente usado em páginas web estáticas como oposição altamente dinâmico, ou aquelas que requerem efeitos de Javascript, por uma razão ou outra. Por exemplo, uma galeria de site que faz uso de um "lightbox" estilo experiência não vai ser um grande candidato para o AMP. Por outro lado, um padrão de site de artigo ou comunicado de imprensa, que não requer nenhum fantasia funcionalidade seria uma ótima página para entregar com AMP. Essa página é susceptível de ser lido por pessoas que utilizam dispositivos móveis, que podem ter visto o link em redes sociais ou através de um mobile de pesquisa do Google. Sendo capaz de instantaneamente entregar esse conteúdo quando eles solicitarem, em vez de abrandar a velocidade de download enquanto desnecessários Javascript e outros recursos são carregados, faz um excelente experiência do cliente. A escolha da melhor Solução, Então qual é a opção certa para você — AMP ou RECUAR? Depende de suas necessidades específicas, é claro, mas você don o't precisa escolher um ou outro. Se queremos ter mais inteligentes (e mais bem-sucedido) estratégias online, isso significa que nós precisamos considerar todas as ferramentas à nossa disposição e aprender como eles vão trabalhar juntos. Talvez isto significa a entrega de seu site responsiva, mas usando o AMP em seleccionar secções ou páginas que podem ser mais adequado para esse tipo de desenvolvimento. Também pode significar tomar aspectos de abordagens diferentes e combiná-los para criar híbrido de soluções que atendam a necessidades muito específicas e que oferece o melhor de dois mundos para que os visitantes do site.