web前端性能调优 最近2个月一直在做手机端和电视端开发，开发的过程遇到过各种坑。弄到快元旦了，终于把上线了。2个月干下来满满的的辛苦，没有那么忙了自己准备把前端的性能调优总结以下，以方便以后自己再次使用到的时候得于得心应手。参照了《高性能网站建设指南-前端工程师技能精髓》，本文主要主要概述前端的性 ...
分类：
Web程序 时间：
2016-12-31 17:00:01
阅读次数：
229
人的思维往往会进入一种误区，认为“后面的”，“背后的”东西都是神秘的，伟大的影响力非凡的。所以很多书以“某某内幕”为题，很多程序猿以精通“底层开发”或“后端开发”为荣；同样的当网站出现问题时，我们第一时间想到的也是如何优化“后端”。但这并不一定就是正确的，也许从前端入手，改善性能，将事半功倍。 绪言 ...
分类：
Web程序 时间：
2016-11-07 19:33:19
阅读次数：
172
秋招结束了~~，好像偷懒了很久，没更博了。总结一下自己近来看书的内容。 说明一下，内容大部分来自《高性能网站建设进阶指南》。 乱入内容 Web应用和传统桌面应用有一个共同的目标：尽可能快地响应用户输入。 怎样才算是快？Jakob Nielsen是Web可用性领域知名且备受推崇的专家，引用他的观点来说 ...
分类：
其他好文 时间：
2016-11-05 23:11:52
阅读次数：
270
目录: 绪言A： 至少有80%的时间花在了显示Web页面上，并且这些时间是花在html文档下载完毕后发生的。 14条规则： 规则1： 减少http请求 方法： 1. 图片地图（Image Map）：在一个图片上关联多个url，目标url的选择取决于用户点击了图片上的哪个位置。 图片地图有两种类型：服 ...
分类：
Web程序 时间：
2016-08-14 21:57:20
阅读次数：
182
前端性能分析 最近在读一本经典书《高性能网站建设进阶指南》。 虽然书籍很多年前就出版了，但里面的内容还是耐人寻味，这次就好好的实践了一下。 纸上得来终觉浅，绝知此事要躬行，实践中将会发现一些问题。 有个官方网址《Even Faster Web Sites》，点击“Run the Examples”按 ...
分类：
其他好文 时间：
2016-05-18 00:10:06
阅读次数：
333
本文对《高性能网站建设指南》这本书中提出的14种基本的前端性能优化方案进行了总结，这本书介绍的优化方案比较过时了，不能完全满足目前前端性能优化，如果您浏览完能弄清楚每种方案的实施过程。就没必要看这本书了。规则1—减少HTTP请求1.使用图片地图 图片地图允许你在一个图片上关联多个URL，目标URL的... ...
分类：
Web程序 时间：
2016-05-04 19:06:33
阅读次数：
297
规则1——减少HTTP请求 只有10%到20%的最终用户响应时间花在接收请求的HTML文档上面。剩下80%到90%的 时间花在为HTML文档所引用的所有组件（图片，脚本，flash，样式表等）进行的HTTP请求上。因此改善响应的最简单途径就是减少组件数量，由此减少HTTP请求的数量。 图片地图 使用 ...
分类：
Web程序 时间：
2016-05-03 17:57:02
阅读次数：
156
每个参与过开发企业级web应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎14条性能优化原则，还有两本很经典的性能优化指导书：《高性能网站建设指南》、《高性能网站建设进阶指南》。经验丰富的工程师对于前端性能优化方法耳濡目染，基本都能一一列举出来。这些性能优化原则大概是在7年前提出的， ...
分类：
其他好文 时间：
2016-04-12 12:40:40
阅读次数：
254
编写好的CSS代码能提升页面的渲染速度。本质上，一条规则都没有引擎解析的最快。MDN上将CSS选择符归拆分成四个主要类别，如下所示，性能依次降低。 ID 规则 Class 规则 标签规则 通用规则 对效率普遍认识是从Steve Souders在2009年出版的《高性能网站建设进阶指南》开始的，虽然S
分类：
Web程序 时间：
2016-02-16 08:46:03
阅读次数：
157
（一）绪言 1、绪言A 性能黄金法则： 只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上。 2、绪言B HTTP概述： HTTP是浏览器和服务器通过Internet进行相互通信的协议。 请求的类型：GET P...
分类：
Web程序 时间：
2015-11-19 18:16:24
阅读次数：
138
