Eu tenho um 700kbarquivo JS descompactado que é carregado em todas as páginas. Antes eu tinha 12arquivos javascript em cada página, mas para reduzir as solicitações HTTP, eu as compactava 1 file. Este arquivo é ~130kb gzippede é servido sobre gzip. No entanto, no computador local, ele ainda é...
Fiquei com a impressão de que, para obter o melhor desempenho, o Javascript deve ser tratado como conteúdo estático e veiculado em um domínio sem cookies, juntamente com arquivos CSS, imagens etc. Mas o Google diz aqui: Não envie arquivos JS externos carregados antecipadamente do domínio sem...
Estou pensando em criar uma ferramenta que comece a partir da raiz de uma página da Web e percorra todo o site, reunindo uma lista de recursos, como arquivos CSS / HTML / Javascript, e depois execute o CSS / Javascript Lint + Validador HTML + Validator HTML + Broken Link Finder. Antes de começar a...
Existe algum raciocínio sólido sobre o motivo pelo qual os sites não devem ser desenvolvidos com a funcionalidade ajax que carrega partes principais de cada parte (assumindo que existem elementos como o cabeçalho, a navegação etc. que permanecem os mesmos)? Certamente seria menos intensivo em...
Os complementos do YSlow e do Page Speed do Google recomendam a combinação de arquivos de script (e estilo) em um único arquivo para reduzir o número de solicitações HTTP, e certamente posso entender quando os arquivos de script são consistentes em todo o site, mas para um aplicativo Web com...
Nossa empresa desenvolveu um aplicativo de página única usando o AngularJS e seu roteamento. O Google indexou nosso site decentemente com JavaScript, mas não indexou muito bem algumas páginas, por isso desenvolvemos uma versão somente em HTML. Seguimos a Especificação de rastreamento do Ajax...
O que, especificamente, o código assíncrono realiza ou permite que o código mais antigo não
Por exemplo, o Google Analytics usa document.location.protocol no padrão para rastreamento: <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXX-X']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type...
Minha empresa está abandonando o suporte ao IE6 e percebo que podemos usar um conjunto de ótimos recursos. Existe uma lista de recursos CSS e Javascript que podemos usar com o IE6
Faço desenvolvimento web há anos e sempre fiz uma estrutura da web semelhante a esta: public_html/login.php public_html/css/login.css public_html/js/login.js public_html/img/logo.png Eu já vi outras pessoas usarem: styles/login.css images/logo.png E recentemente descobri que meu colega de...
Ao oferecer o upload de arquivos de fotos, normalmente o usuário terá arquivos JPEG mal compactados e enormes (mais de 10 megapixels) de suas câmeras ou telefones. No lado do servidor, esses arquivos serão compactados novamente para algo como 800x600px e qualidade JPEG 7 ou 8. É (já) possível...
Durante anos, tenho usado a seguinte estrutura de diretórios para meus sites: <root> ->js ->jquery.js ->tooltip.js ->someplugin.js ->css ->styles.css ->someplugin.css ->images -> all website images... pareceu perfeitamente bom para mim até que comecei a...
Percebi que o aplicativo Web de um fornecedor aciona o recurso "senha sugerida" do Safari nos formulários "criar senha", mas na verdade não salva essa senha quando o formulário é enviado. Ou seja, depois de enviar o formulário e sair novamente, o iCloud Keychain do Safari não incluirá as...
Exceto pelo documento html, atualmente todos os arquivos (css, javascript e imagens) servidos no meu servidor da web não especificam content-typeno cabeçalho da resposta http. Por acaso, notei isso, pois pretendo remover o typeatributo em minha scripttag e linktag, mas me deparei com esta resposta...
Ao adicionar imagens ao seu site, é ruim usar uma imagem localizada em outro site: <img src='http://www.some_other_site.com/image.jpg'> O mesmo vale para javascript, é ruim vincular a javascript localizado em outro lugar: <script type='text/javascript'
Atualmente, estou usando o HTML5 da mesma maneira que todos parecem usá-lo, o que significa: tags HTML5, Canvas / 3D / javascript e CSS3. Estou lutando para encontrar exemplos de sites que usam essas tecnologias praticamente e que não são apenas uma demonstração de algo interessante que alguém...
Eu sei que existem maneiras de carregá-lo dinamicamente na página , mas se eu quiser compactar meu código para que ele carregue ainda mais rápido, como faço para