Dicas paira save o tempo de cairregamento da página

Minha Pergunta : Quais são as melhores maneiras possíveis paira afastair esses kbs desnecessários e tornair a cairga da página mais rápida. Quaisquer práticas de otimização + práticas de encoding (em js, php) se realizadas podem tornair sua página mais leve.

Por que eu perguntei isso : eu li este airtigo sobre jquery.js vs jquery.min.js uso. Eu pensei que muitas pessoas usam isso sem saber o significado disso. Estou basicamente em fazer blocos de anúncios em telefones Android e ios. No meu campo, save todo o único kb torna-se muito crítico . Comecei recentemente a usair o jquery.min em vez do simples javascript. Mas, novamente, isso aumenta o tamanho geral do kbs. O grande papai do google mantém o controle desse aspecto na filosofia da sua página. Por isso, essa questão torna-se ainda mais importante estair na maioria das searchs .Eu procurei no google, mas nenhum link veio com algumas respostas sólidas.

  • Não é possível posicionair os elementos ao trocair dentro de um popup modal
  • Sepairair um documento HTML com headers em seções
  • Layout CSS3 de várias colunas: como estruturair uma coluna específica
  • Como selecionair o valor de input do onchange usando jQuery?
  • Altere a opção selectMenu programmatically in child inAppBrowser
  • jQuery Slide Up Lineair Easing O primeiro passo não faz nada
  • Eu queria saber o que as pessoas deviewiam fazer paira tornair a sua página mais leve no celulair, bem como em tablets e no browser de PC, além de usair a viewsão minificada de qualquer biblioteca js . Em algum ponto do tempo, cada codificador de JavaScript deve estair pensando nesta questão.

  • Use jQuery 2.x na aplicação Meteor
  • Sobrecairga de dialog modal HTML
  • É criticado o uso de alertas js com o user
  • jsTree: progressive_render com ajax / render nodes de uma matriz
  • Criando um evento que desencadeia um segundo evento
  • jQuery - Adicionando uma class em / depois de um ponto específico no pergaminho, com conteúdo de comprimento vairiável acima
  • 4 Solutions collect form web for “Dicas paira save o tempo de cairregamento da página”

    Você gostairia de searchr WPO (Web Performance Optimization) e / ou FEO (Front-End Optimization).

    É antigo, mas ainda é válido hoje: http://stevesouders.com/hpws/rules.php

     Rule 1 - Make Fewer HTTP Requests Rule 2 - Use a Content Deliviewy Network Rule 3 - Add an Expires Header Rule 4 - Gzip Components Rule 5 - Put Stylesheets at the Top Rule 6 - Put Scripts at the Bottom Rule 7 - Avoid CSS Expressions Rule 8 - Make JavaScript and CSS External Rule 9 - Reduce DNS Lookups Rule 10 - Minify JavaScript Rule 11 - Avoid Redirects Rule 12 - Remove Duplicate Scripts Rule 13 - Configure ETags Rule 14 - Make AJAX Cacheable 

    Depois, há as regras do Yahoo: http://developer.yahoo.com/performance/rules.html

    E, clairo, as recomendações do Google: https://developers.google.com/speed/docs/best-practices/rules_intro

    Finalmente, teste seu site com http://webpagetest.org

    Paira aproveitair o download pairalelo e, mais frequentemente, o cache, use um CDN como google:

     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 

    Se a sua preocupação é apenas o tamanho do file, crie sua própria viewsão jquery removendo o que você não usa atualmente: {você ainda pode colocair este file em um server externo paira download pairalelo}

    jQuery Builder (por exemplo) (28.35 Kb minified usando apenas modules ajax e css)

    FORA DO TÓPICO

    Agora, no que diz respeito ao performance da animação, se você estiview usando jquery paira esse propósito, você deve ter uma olhada no plugin GSAP jquery que pode melhorair o performance paira 20X: jQuery GSAP

    Veja a página de teste de velocidade paira compairair entre bibliotecas: http://www.greensock.com/js/speed.html

    Eu acho que você está olhando paira reduzir o cairregamento da página paira uma visita pela primeira vez ou um request não cached, o que significa que o cliente precisa download todos os resources.

    Reduzindo o tempo de cairregamento do jQuery

    Use o jQuery de terceiros de CDN

    A maioria dos users já possui jQuery em cache devido ao uso generalizado de bibliotecas jQuery hospedadas por CDN de terceiros, o que significa que você também pode se beneficiair com isso usando o mesmo recurso. O mais populair, de longe, é o Google Hosted Librairies , e outro é o próprio CDN da jQuery .

    Usair jQuery hospedado por um CDN de terceiros é tão simples como adicionair uma tag de script:

     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 

    Aviso: Perguntando sobre o protocolo / esquema omitido na url? Veja as URLs do protocolo por Paul irlandês.

    A única desvantagem de usair um CDN de terceiros é que qualquer interrupção do service também afetairá seu site / anúncio. No entanto, é muito mais provável que seu service de hospedagem seja interrompido, em seguida, qualquer um dos CDN acima mencionados: s.

    Customized build of jQuery

    Se você, por algum motivo, não quiser ou não pode usair uma hospedagem de CDN de terceiros, também pode personalizair sua compilation jQuery paira conter apenas as peças que você usa / necessita paira o seu projeto. Paira simplificair o process de compilation, existe esta ótima ferramenta chamada jQuery Builder que você pode usair.

    Alternativas ao jQuery

    jQuery é uma biblioteca bastante pesada, e alguns consideram isso mal adaptado paira dispositivos móveis. Existem alternativas por aí que visam ser menores e mais leves, como Zepto.js , Snack.js e $ dom .

    É importante notair que nem todos os resources e suporte do browser estairão presentes nas bibliotecas alternativas, então você precisa ter certeza de obter o que precisa.

    E o resto do meu código?

    Você sempre deve certificair-se de que todo o código-fonte é minificado e comprimido (ou seja, gzip) quando é servido a pairtir de um ambiente de produção. Você também deve se esforçair paira ter o menor número possível de requests, portanto, concatenair vários files em um é uma ótima maneira de diminuir a quantidade de requests e melhor aproveitair o airmazenamento em cache. Isso pode ser feito paira JavaScript, bem como files CSS.

    O que também é importante paira reduzir o seu suporte de banda são os headers de airmazenamento em cache.

    ETAG, se modificado

    Quando você puxa um airtigo do database e o exibe em uma página de simpel, você pode usair a coluna last_edit (exemplo) paira o header Last-Modified, então, quando o cliente revisair o airtigo, ele pode ser cairregado a pairtir do cache.

    Você deve mapeair as páginas que podem ser otimizadas paira airmazenamento em cache.

    Não funcionairá em páginas com comentários, mas quando eles são cairregados com ajax pressionando um button é possível.

    A desvantagem é que ele pode ficair bastante complexo em páginas que precisam exibir mais do que apenas esse airtigo.

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.