前端后台性能优化
网站前端和后台性能优化30
优化CSS精灵 Optimize CSS Sprites tag：images 横向布局Sprite中的图片往往比纵向布局会减少文件大小。在一个Sprite中组合相近的颜色会降低颜色的数量，从而达到适合PNG8的低于256色的标准。“对移动设备友好”，不在Sprite里留下大的空隙...
网站前端和后台性能优化15
这样的好处主要在忙碌的后台和轻松的前台间可以看到。在HEAD后面是放置刷新操作的好地方，因为头部的HTML代码更容易产生，而且可以让你放置任何CSS和JavaScript文件，以便浏览器在后台工作依然进行时并行开始获取组件。例子：.?php flush()...
网站前端和后台性能优化29
使用imagemagick来帮助你方便的检查：identify-verbose image.gif 如果你看到一个4色的图片却有一个256色的调色板，那么还有很大的空间来做性能优化。试试把GIF转换成PNG是否会节省空间，这是常有的事情。由于浏览器支持的限制，开发者往往...
网站前端和后台性能优化27
选择而不是@import Choose over@import tag：css 前面提到把CSS应当放在最顶端来提供预显。在IE中，放在页面底部的@import和效果是一样的，所以最好不要用它。
网站前端和后台性能优化25
减少DOM的读取 Minimize DOM Access tag：javascript 利用Javascript读取 DOM元素很慢，所以为了获得响应更快的页面，你应该：缓存被读取的元素的引用。脱机更新节点然后把它们加回到树结构中。避免利用Javascript定位布局。
网站前端和后台性能优化10
这样处理JavaScript之后，会由于下载文件的体积被减少而提高响应的性能。两个常用的缩减JavaScript代码的工具是JSMin 和YUI Compressor。YUI compressor也可以压缩CSS。代码混淆是另一个可用于源代码的优化方案。它比压缩更为复杂，而且在...
网站前端和后台性能优化31
不要在HTML中缩放图片 Don't Scale Images in HTML tag：images 不要使用大小超过需要的图片，即使你能够在HTML中设置它的属性。如果你需要 那么就使用恰好100100px的图片，而不是使用缩放后的500500的图片。
网站前端和后台性能优化33
保证组件大小小于25K Keep Components under 25K tag：mobile 这一限制是因为iPone不会缓存大于25K的组件，注意这里指的是未压缩前的大小。这就是为什么缩小大小很重要，因为单单gzip并不足够。查看Wayne Shea和Tenni Theurer的...
网站前端和后台性能优化34
把组件打包进多部分文档中 Pack Components into a Multipart Document tag：mobile 把组件打包进多部分文档类似一封包含有附件的邮件，它能让你通过一个HTTP请求获取多个组件（记住HTTP请求是很昂贵的）。当你使用这一技术，请先检查...
网站前端和后台性能优化21
首先需要明确iframe的工作方式，才能有效的利用这一形式。iframe的优点：对于第三方内容，比如广告，能够在不影响父级设计的情况下快捷插入。提供安全沙箱，不影响父级。能够并行下载脚本。iframe的缺点：即使是空的也会有消耗。...
