laokdidiao的专栏

摘要：造成Web性能缓慢的原因多种多样，在用户端的主要表现就是访问延迟，这里的延迟指的是从用户通过浏览器、APP点击发起请求到得到反馈所经历的时间，由于Web页面承载的功能越来越多，为了页面效果而使用的多媒体元素也越来越丰富，这些都会造成页面访问的延迟。 作者： Brian Jackson宽带的普及，让网速变得越来越快的同时也让网页越来越复杂，用户的耐心越来越少，网页打开时间稍

几乎每一个前端程序员都知道应该把script标签放在页面底部。关于这个经典的论述可以追溯到Nicholas的 High Performance Javasript 这本书的第一章Loading and Execution中，他之所以建议这么做是因为：Put all tags at the bottom of the page, just inside of the closing

[1] 浏览器缓存机制http://www.cnblogs.com/skynet/archive/2012/11/28/2792503.html[2] Web 开发人员需知的 Web 缓存知识http://www.oschina.net/news/41397/web-cache-knowledge[3] 浏览器缓存详解:expires,cache-control

昨天为了 了解浏览器是怎么处理（.html、.css、.js）这些文件，我看了网上的好多资料，这好多资料中，有很多是通过转载、或是转载后加之自己的理解，但是因为自己对专业的词汇理解不好，还有一些作者将不同浏览器的处理过程混着说，总之，看完了，还是有很多疑虑的地方。我先根据昨天了解到的内容总结一下，日后随着学的深了，再回过来补充。why为什么要了解浏览器加载、解析、渲染这个过程？

你遇到过性能很差的网页吗？这种网页响应非常缓慢，占用大量的CPU和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。你会有什么反应？我猜想，大多数用户会关闭这个页面，改为访问其他网站。作为一个开发者，肯定不愿意看到这种情况，那么怎样才能提高性能呢？本文将详细介绍性能问题的出现原因，以及解决方法。一、网页生成的过程要理解网页性能为什么不好，就要了解网页

在项目的交互或视觉评审中，前端同学常常会对一些交互效果质疑，提出这样做不好那样做不好。主要原因是这些效果通常会产生一系列的浏览器重绘(redraw)和重排(reflow)，需要付出高昂的性能代价。那么，什么是浏览器的重绘和重排呢？二者何时发生以及如何权衡？如何在具体的开发过程中将重绘和重排引发的性能问题考虑进去？本文期待可以部分解释以上三个问题。　　浏览器从下载文档到显示页面的过程是个复杂

相信大家都知道Chrome Develop Tools中的workplace，这使得我们能够让本地的文件夹在Source面板下可以编辑。没错，这使得chrome同样可以成为我们可选的编辑器之一，但发现仅仅用这个功能，并不能显示workplace的优势，需要结合SourceMapping一起来使用。使得能够让浏览器直接加载解析本地源文件（有时，可结合代理，如fiddler一起使用）。从而达到加速开发