网站前端和后台性能优化33
保证组件大小小于25K Keep Components under 25K tag:mobile 这一限制是因为iPone不会缓存大于25K的组件,注意这里指的是未压缩前的大小。这就是为什么缩小大小很重要,因为单单gzip并不足够。 查看Wayne Shea和Tenni Theurer的"Perfo...
网站前端和后台性能优化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里留下大的空隙。这并不十分影...
网站前端和后台性能优化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定位布局。
网站前端和后台性能优化15
更早的刷新缓冲区 (Flush the Buffer Early) tag:server 当用户请求一个页面,服务端会花费200至500毫秒的时间组合HTML页面。在这期间,浏览器会静静等待数据到来。PHP中有flush()函数,它允许你向浏览器发送部分就绪的HTML响应,这样浏览器可以在服务器处理...
网站前端和后台性能优化13
设定ETags (Configure ETags) tag:server 实体标签(ETags)是服务器和浏览器用于确定浏览器中缓存的组件和服务器中的是否对应的一种机制。("entity"是组件的另一种说法:图片、脚本、样式表等等)添加 ETags用于辨别组件提供了比单纯利用“最后修改时间”更为灵活...
网站前端和后台性能优化9
减少DNS的查询 (Reduce DNS Lookups) tag:content 正如电话簿使人名和他们的电话号码相对应,域名系统(DNS)能够使域名和IP地址相对应。当你在浏览器中键入http://www.yahoo.com,浏览器链接的DNS解析器会返回服务器的 IP地址。域名解析会耗费一些时...
网站前端和后台性能优化8
使用外部的JavaScript和CSS (Make JavaScript and CSS External) tag:javascript,css 很多性能规则都是解决怎样处理独立的组件的问题的。但是,考虑这些之前,你应该先考虑一个更基本的问题:JavaScript和CSS应该被放于外部的文件,还是...
本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。