网站前端和后台性能优化34
把组件打包进多部分文档中 Pack Components into a Multipart Document tag:mobile 把组件打包进多部分文档类似一封包含有附件的邮件,它能让你通过一个HTTP请求获取多个组件(记住HTTP请求是很昂贵的)。当你使用这一技术,请先检查客户端是否支持它(iP...
网站前端和后台性能优化33
保证组件大小小于25K Keep Components under 25K tag:mobile 这一限制是因为iPone不会缓存大于25K的组件,注意这里指的是未压缩前的大小。这就是为什么缩小大小很重要,因为单单gzip并不足够。 查看Wayne Shea和Tenni Theurer的"Perfo...
网站前端和后台性能优化32
使用小的可缓存的Favicon.ico Make favicon.ico Small and Cacheable tag:images favicon.icon是放在服务器根目录的一个图片,它是个麻烦却不得不处理,因为即使你不关心,浏览器依然会请求这张图片,所以最好不要提供一个404的错误。而且由于...
网站前端和后台性能优化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里留下大的空隙。这并不十分影...
网站前端和后台性能优化29
优化图片 Optimize Images tag:images 当设计师制作好网站的图片后,还有些事情应该是你在把这些图片上传到服务器之前做的。 你可以检查GIF图片中的调色板是否和图片中的色彩数一致。使用imagemagick来帮助你方便的检查: identify -verbose image.g...
网站前端和后台性能优化28
不使用过滤器 Avoid Filters tag:css IE专有的AlphaImageLoader过滤器是为了解决半透明真色P NG图片在IE7之前的版本中显示的问题。这个过滤器会在图片下载时堵塞住展示。而且它会消耗内存并影响每个元素而不仅仅是每张图片,所以这个过滤器的问题很多。 所以最好在IE中...
网站前端和后台性能优化27
选择而不是@import Choose over @import tag:css 前面提到把CSS应当放在最顶端来提供预显。在IE中,放在页面底部的@import和效果是一样的,所以最好不要用它。
网站前端和后台性能优化26
开发灵巧的事件处理程序 Develop Smart Event Handlers tag:javascript 如果有太多的事件处理逻辑部署在DOM树的不同元素上,它们的频繁执行会拖慢页面的响应速度。而使用事件委托是一个好的解决方法。如果在一个Div中有10个按钮,与其在每个按钮上都放一个事件处理程...
网站前端和后台性能优化25
减少DOM的读取 Minimize DOM Access tag:javascript 利用Javascript读取 DOM元素很慢,所以为了获得响应更快的页面,你应该: 缓存被读取的元素的引用。 脱机更新节点然后把它们加回到树结构中。 避免利用Javascript定位布局。
本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。