减少http请求 http请求每次都需要建立通信链路，进行数据传输，在服务端每个http都需要启动独立的线程去处理，这些开销很昂贵，减少请求的数量可有效的提高访问性能。例如： 合并公用的小css/js块 雪碧图、字体图标、base64图标 使用http2.0及其以上版本 使用浏览器缓存 通过设置http头中的cache-control和expire...
作者：秦墨鱼链接：http://www.zhihu.com/question/22146521/answer/94842197来源：知乎著作权归作者所有，转载请联系作者获得授权。 学过的东西杂而不精，算不得大牛。带过前端团队，也算是有几年前端负责人的经验。随着这几年前端node.js,react,Angularjs等技术新起，越来越多从之前单纯的前端开发到...
规则1：减少HTTP请求 性能黄金法则：只有10%~20%的响应时间花在对HTML文档的请求上，剩下80%~90%时间花在HTML文档所引用的所有组件（包括图片、脚本、样式表、flash等）的HTTP请求上。 因此，减少组件的数量并由此减少HTTP请求的数量 是改善响应时间最简单的途径。 图片地图将多个URL链接使用map方法关联到同一个图片上，从而...
前言 上周我与阿里的宇果有一次技术的交流，然后对天猫H5站点做了一些浅层次的分析，后面点时间基本天天都会有联系，中途聊了一些技术细节、聊了双方团队在干什么，最后聊到了前端优化。因为我本身参与了几次携程H5站点的优化，在这方面有一些心得，但是与宇果交流的过程中发现我们在优化的时候忽略了一些细节。 携程做优化的时候整个重心基本放到了尺寸的缩减，和宇果的交...
前些日子从@张鑫旭微博处得一份推荐 (Front-end-tutorial)，号称 最全的资源教程 －前端涉及的所有知识体系；有粗略查看，果然“叹为观止”，至少比想象中涉猎丰富许多；果断有Fork了来：Front-end-tutorial;本就有收藏&分享欲，这种事儿早期也想做了，勘叹见识未广而深；幸遇这良心收集，得以借他人之酒杯，一浇我心之夙愿块...
大家好，我是戈多，从事web开发工作接近三年了，今天来归纳下web前端优化的解决方案（码农搬砖工，来自各网络汇总） 1、减少Http请求 http请求越多，那么消耗的时间越多，如果在加上网络很糟糕，那么问题就更多了。且如果网页中的图片、css文件、js文件很多甚至有音乐文件时，这势必会造成负担。 （1）图片地图 即多个图片排成一行作为链接到其他页面的按钮...
每一位前端开发同学在面试的时候，都会有50%的几率会被问：你是如何做前端性能优化的？下面说一说我是怎么回答的？ 储备知识 webpack打包 服务端渲染 http缓存 浏览器本地缓存 下面我会以第一人称的角度，配合文本排版进行回答 面试官：你是如何做性能优化 我：针对前端性能优化，我做过一些总结，一共有三点： 第一次访问时的优化（把第一次的加载速度...
综合类地址 前端知识体系http://www.cnblogs.com/sb1987... 前端知识结构https://github.com/JacksonTia... Web前端开发大系概览https://github.com/unruledboy... Web前端开发大系概览-中文版http://www.cnblogs.com/unrule... Web...
欢迎訪问我的主页。最新的文章我会首先公布在个人主页上： http://blog.guaidm.com/shocky/ 原书下载地址：http://pan.baidu.com/s/1pJocRwB 在我的web开发生涯里，大部分时候我都是作为一个后台project师。这样一来，我投入了非常多的精力去研究、练习怎样通过后台优化来提升项目产品...
前端如何进阶架构师 前端架构师, 听起来就是个很高大上的职位，在大多数程序员的眼中，架构师一般从事后端开发，Java或者C++出身，它们往往拥有这十八般武艺，可以解决业务中出现的各种问题。好像架构师就从来没有和前端有过关系，那么真的是这样么，通读此文，便可豁然开朗。 前端的意义： 首先，我们先来谈谈本职工作，前端的意义。前端源自用户界面，是最先和...