网站前端和后台性能优化33
保证组件大小小于25K Keep Components under 25K tag：mobile 这一限制是因为iPone不会缓存大于25K的组件，注意这里指的是未压缩前的大小。这就是为什么缩小大小很重要，因为单单gzip并不足够。 查看Wayne Shea和Tenni Theurer的"Performance Research, Part 5: iPhone Cacheability - Ma....
网站前端和后台性能优化32
使用小的可缓存的Favicon.ico Make favicon.ico Small and Cacheable tag：images favicon.icon是放在服务器根目录的一个图片，它是个麻烦却不得不处理，因为即使你不关心，浏览器依然会请求这张图片，所以最好不要提供一个404的错误。而且由于它是在同一服务器下的，Cookie也会随着每次请求 一并发送。这张图片同样干扰下载队列，比如在IE....
网站前端和后台性能优化31
不要在HTML中缩放图片 Don't Scale Images in HTML tag：images 不要使用大小超过需要的图片，即使你能够在HTML中设置它的属性。如果你需要 那么就使用恰好100100px的图片，而不是使用缩放后的500500的图片。
网站前端和后台性能优化30
优化CSS精灵 Optimize CSS Sprites tag：images 横向布局Sprite中的图片往往比纵向布局会减少文件大小。 在一个Sprite中组合相近的颜色会降低颜色的数量，从而达到适合PNG8的低于256色的标准。 “对移动设备友好”，不在Sprite里留下大的空隙。这并不十分影响文件的大小，但会减少客户端代理将图片解压为像素映射的内存消耗，100100的图片是一万像素，而.....
网站前端和后台性能优化29
优化图片 Optimize Images tag：images 当设计师制作好网站的图片后，还有些事情应该是你在把这些图片上传到服务器之前做的。 你可以检查GIF图片中的调色板是否和图片中的色彩数一致。使用imagemagick来帮助你方便的检查： identify -verbose image.gif 如果你看到一个4色的图片却有一个256色的调色板，那么还有很大的空间来做性能优化。 试试把G....
网站前端和后台性能优化28
不使用过滤器 Avoid Filters tag：css IE专有的AlphaImageLoader过滤器是为了解决半透明真色P NG图片在IE7之前的版本中显示的问题。这个过滤器会在图片下载时堵塞住展示。而且它会消耗内存并影响每个元素而不仅仅是每张图片，所以这个过滤器的问题很多。 所以最好在IE中完全不使用AlphaImageLoader过滤器，而使用渐淡的 PNG8图片。如果你明确需要Alp....
网站前端和后台性能优化27
选择而不是@import Choose over @import tag：css 前面提到把CSS应当放在最顶端来提供预显。在IE中，放在页面底部的@import和效果是一样的，所以最好不要用它。
网站前端和后台性能优化26
开发灵巧的事件处理程序 Develop Smart Event Handlers tag：javascript 如果有太多的事件处理逻辑部署在DOM树的不同元素上，它们的频繁执行会拖慢页面的响应速度。而使用事件委托是一个好的解决方法。如果在一个Div中有10个按钮，与其在每个按钮上都放一个事件处理程序，步入只在Div上放一个事件处理程序。事件会冒泡上溯，这样你就会捕获这一事件，并找出是哪个按钮发....
网站前端和后台性能优化25
减少DOM的读取 Minimize DOM Access tag：javascript 利用Javascript读取 DOM元素很慢，所以为了获得响应更快的页面，你应该： 缓存被读取的元素的引用。 脱机更新节点然后把它们加回到树结构中。 避免利用Javascript定位布局。
网站前端和后台性能优化24
为部件使用没有cookie的域名 Use Cookie-free Domains for Components tag：cookie 当浏览其请求一个静态图片并一同发送cookie时，服务器并不需要这些cookie。这样只是毫无益处的创建了多余的网络流量。应当保证静态的部件在请求时没有携带cookie，所以需要把你的静态部件放在另一个子域名下。 如果你的域名是www.example.org，你可....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。
+关注