作为一个web开发者，根据产品经理的需求来完成一个应用显然不是我们的唯一目标，很多时候，我们考虑的不仅仅是需求，而是超越需求，认识到项目上线后的性能瓶颈。很多web应用在上线后，都可能会碰到响应慢的问...
分类：
Web程序 时间：
2017-05-08 10:06:50
阅读次数：
276
sprites是鬼怪，小妖精，调皮鬼的意思，初听这个高端洋气的名字我被震慑住了，一步步掀开其面纱后发觉非常easy的东西。作用却非常大 什么是CSS Sprites CSS Sprites是指把网页中非常多小图片（非常多图标文件）做成按规律排列的一张大图上，在显示的时候通过background-im ...
分类：
Web程序 时间：
2017-05-04 13:21:11
阅读次数：
186
Nginx（发音engine x）专为性能优化而开发，其最知名的优点是它的稳定性和低系统资源消耗，以及对HTTP并发连接的高处理能力（单台物理服务器可支持30000～50000个并发请求）。正因为如此，大量提供社交网站、新闻资讯、电子商务以及虚拟主机等服务的企业纷纷选择Ngnix来提供WEB服务。如 ...
分类：
Web程序 时间：
2017-04-22 19:49:17
阅读次数：
323
我们所说的web，无非就是html，css(web font, image)，JavaScript。 HTML优化建议： 1. 尽量不要用table进行布局。 2. 尽量用最新的带有语义的h5标签，这样在解析跟渲染时更快。 3. 使用块传输数据，web服务器响应头设置：Transfer-Encodi ...
分类：
Web程序 时间：
2017-04-20 22:35:43
阅读次数：
200
网名：雪候鸟，大家尊称鸟哥，惠新宸 @Laruence， 是国内最有影响力的 PHP 技术专家，PHP 开发组核心成员，PECL 开发者，Zend 公司外聘顾问。他曾供职于雅虎，百度，现在新浪微博任平台及数据部总架构师兼首席 PHP 顾问。惠新宸是 PHP NG 核心开发者，PHP5.4，5.5 的 ...
分类：
Web程序 时间：
2017-04-14 12:37:07
阅读次数：
6156
1. 减少http 请求 2. 使用CDN 3. 添加expires 头 4. gzip 压缩 5. 样式表放在头部 6. 脚本放底部 7. 避免css 表达式 8. 使用外部css js 9. 减少DNS 10.精简js 11. 避免重定向 12. 删除重复脚本 13. 配置etag 14. 使a ...
分类：
Web程序 时间：
2017-04-02 15:02:10
阅读次数：
149
前段性能的意义 对于访问一个网站，最花费时间的并不是后端应用程序处理以及数据库等消耗的时间，而是前端花费的时间（包括请求、网络传输、页面加载、渲染等）。根据web优化的黄金法则：80%的最终用户响应时间花在前端程序上，而其大部分时间则花在各种页面元素，如图像、样式表、脚本和Flash等，的下载上。减 ...
分类：
Web程序 时间：
2017-02-18 20:09:59
阅读次数：
286
为了避免白屏，应将样式表放在文档顶部的HEAD中。将样式表包含在文档中有两种方式：使用LINK标签和@improt规则。一个stryle块可以包含多个@import规则，但@import规则必须放在所有其他规则之前。@import规则会导致组件下载时的无序性。 “如果样式表仍在加载，构建呈现树就是一 ...
分类：
Web程序 时间：
2016-10-12 21:59:01
阅读次数：
124
使用Image maps替换多张带有超链接的图片，使用图片地图这种方式可以减少Http请求。实际使用的时，发现加载image maps图片的时间倒是很长，客户端图片地图可以使用Map标签实现操作。 css Sprites也可以合并图片，但更为灵活。css sprites是任何支持背景图片的Html元 ...
分类：
Web程序 时间：
2016-10-12 13:43:45
阅读次数：
174
1.效果最明显最简单最省事的优化是SSD，一般优化效率3倍起，（未必对，但是说明很多瓶颈问题都是存储问题） 2.垂直扩容省了开发时间，短期来看是最快的，缺点是会消耗更多的资源，而且有瓶颈，另外如果应用本身有很多坑，效果未必好。 3. a.缩减调用链16步，tps从90提升到800tps b.存储换成 ...
分类：
编程语言 时间：
2016-08-05 13:42:18
阅读次数：
165
