越努力越幸运

最近做了c端的h5产品，上线后，部分用户投诉说打开很慢，经过调查发现，在网速慢的情况下，部分用户首屏展示需要5-10s，网速快的情况也要将近3s。在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~这是优化前的效果。............

web应用的常见性能指标：页面加载时间、全部页面加载时间、首字节时间、DNS时间、TCP时间、页面渲染、下载速度、页面流畅度、网络丢包率、网络时延、请求响应时间、事务响应时间、并发用户数等。web的性能指标1、页面加载时间从页面开始加载到页面onload事件触发的时间。一般来说onload触发代表着直接通过HTML引用的CSS，JS，图片资源已经完全加载完毕。2、全部页面加载时间全部页面载入时间指从最初启动浏览开始，直到所有元素都被加载完成后，在2秒后仍然没有网络活动的时间。0-2秒：.

HTTPS随着 HTTPS 建站的成本下降，现在大部分的网站都已经开始用上 HTTPS 协议。大家都知道 HTTPS 比 HTTP 安全，也听说过与 HTTPS 协议相关的概念有 SSL 、非对称加密、 CA证书等。很多应用平台和接口明确都表明了需要https才能上架或者访问，比如苹果。更多案例放在github上面，欢迎star配置https:公钥 公开加密方式私钥 存在服务器的唯一解密公钥的方式签名 保证数据的一致性证书 确保当前发送数据单位可信https采用非对称加密算法+对称加

你不知道的web性能优化你遇到过打开一个网站需要10秒以上的吗，这种网页响应非常缓慢，占用大量的CPU和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。你会有什么反应？我猜想，大多数用户会关闭这个页面，改为访问其他网站。作为一个开发者，肯定不愿意看到这种情况，那么怎样才能提高性能呢有兴趣的同学可以去我的github，里面有我的分享的学习过程和blog.github.com/193Eric...

深入HTTP缓存机制及原理身为一个web开发者，必要的http缓存机制还是要去深入了解，因为在这上面可以做很多的web性能优化。要想成为一个好的架构师，这一环节必不可少。有兴趣的同学可以去我的github，里面有我的分享的学习过程和blog.github.com/193Eric一、http报文因为缓存机制要用到报文，所以这里简单介绍下http报文。现在广泛的应用还是HTTP1.1，H...

浏览器如何防gank?在面试中我们常常会被问到web攻击，如果预防和处理之类的，确保网站或者网页应用的安全性，是每个开发人员都应该了解的事。这里主要列出集中常见的web攻击方式和防御处理方法。有兴趣的同学可以去我的github，里面有我的分享的学习过程和blog.github.com/193EricXSSXSS攻击：跨站脚本攻击(Cross-Site Scripting)XSS是一种...

v8干了些什么？V8是被设计用来提高网页浏览器内部JavaScript执行的性能，那么如何提高性能呢？接下来我们一个个介绍它干了些什么。有兴趣的同学可以去我的github，里面有我的分享的学习过程和blog.github.com/193EricJIT说到v8首先我们要明白什么是解释型语言和编译型语言。编译型语言，如c/c++，处理该语言实际上使用编译器直接将它们编译成本地代码，所以...

浏览器事件循环和node事件循环node和js都保持了单线程的特点，javascript在最初设计时设计成了单线程,为什么不是多线程呢？如果多个线程同时操作DOM那岂不会很混乱？有兴趣的同学可以去我的github，里面有我的分享的学习过程和blog.github.com/193EricJS事件循环首先我们要知道js是干嘛的，和用户通过浏览器进行交互，如果同时两个任务操作一个dom，那不...

浏览器渲染过程剖析作为一个前端，不了解浏览器在干什么，不是个合格的前端哦~有兴趣的同学可以去我的github，里面有我的分享的学习过程和blog.github.com/193Eric首先先贴一张图，网上找的~我们可以看到，主要的组件部分有7大部分。用户看到的界面（User interface） 我们可以打开浏览器，除了主窗口（你的页面内容）之外的其他地方，地址栏，前进后退，t...