前端性能优化 浏览器请求处理流程如下图: 1、减少http请求,合理设置 HTTP缓存 http协议是无状态的应用层协议,意味着每次http请求都需要建立通信链路、进行数据传输,而在服务器端,每个http都需要启动独立的线程去处理。这些通信和服务的开销都很昂贵,减少http请求的数目可有效提高访问性 ...
分类:
Web程序 时间:
2018-11-28 12:14:17
阅读次数:
207
前端是庞大的,包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么 ? 1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。 2 ...
分类:
其他好文 时间:
2018-11-27 22:15:57
阅读次数:
239
第1章 课程简介对课程做简单的介绍。 1-1 课程简介第2章 资源合并与压缩通过本章,我们学习和理解了web前端的概念,以及性能优化的意义所在,并且通过实战中的压缩与合并,深入理解了减少http请求数和减少http请求资源大小两个优化要点,并且通过实战,帮助学生掌握如何通过网站进行压缩与合并,如果使 ...
分类:
Web程序 时间:
2018-11-24 11:30:28
阅读次数:
219
1、JAVA程序优化; 前端性能:http请求数量,CDN网络,使用压缩 Java程序优化:单例,Future模式的非阻塞,线程池,使用NIO,减少上下文切换,减低锁竞争;使用redis缓存;若是springboot项目可以使用它的监控(spring-boot-admin-server), 2、多态 ...
分类:
编程语言 时间:
2018-11-21 10:21:44
阅读次数:
267
1.ajax的原理? new XMLHttpRequest/ActiveXObject() 2.html语义化 3.web前端性能优化的方法有哪些? 1. 减少http请求数 2. 减少dom数 3. 优化图片加载,可用css spirite 4. 使用CDN 5. 将样式表放在头部 6. 将JS脚 ...
分类:
其他好文 时间:
2018-11-18 13:06:42
阅读次数:
105
1.安装Firefox25或者Firefox30版本 2.新增扩展插件:Firebug,YSlow,Page Speed;3.安装xampp集成环境:xampp下载:http://www.apachefriends.org/download.html 1)xampp安装: chmod 777 xam ...
分类:
其他好文 时间:
2018-11-16 17:22:46
阅读次数:
344
一、重排 & 重绘 有经验的大佬对这个概念一定不会陌生,“浏览器输入URL发生了什么”。估计大家已经烂熟于心了,从计算机网络到JS引擎,一路飞奔到浏览器渲染引擎。 经验越多就能理解的越深。 感兴趣的同学可以看一下这篇文章,深度和广度俱佳: 《从输入 URL 到页面加载的过程?如何由一道题完善自己的前 ...
分类:
其他好文 时间:
2018-11-15 20:16:09
阅读次数:
129
前言,最近利用碎片时间拜读了一下尼古拉斯的另一巨作《高性能JavaScript》,今天写的文章从“老生常谈”的页面重绘和重排入手,去探究这两个概念在页面性能提升上的作用。 一.重排 & 重绘 有经验的大佬对这个概念一定不会陌生,“浏览器输入URL发生了什么”。估计大家已经烂熟于心了,从计算机 ...
分类:
其他好文 时间:
2018-11-13 14:15:42
阅读次数:
180
前端监控 产品上线后,需要监控产品的运行情况,这是就需要把客户端的数据记录返回到服务器用来后续去统计和分析。 监控类别 主要监控5类问题 页面性能 静态资源文件加载情况 ajax请求是否正常,请求响应的时间,数据传输的大小 js执行的错误捕获 用户行为 监控方法 监控方法主要就是利用浏览器提供的pe ...
分类:
其他好文 时间:
2018-11-11 01:03:27
阅读次数:
212
前言: 在同样的网络环境下,两个同样能满足你的需求的网站,一个“Duang”的一下就加载出来了,一个纠结了半天才出来,你会选择哪个?研究表明:用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页。也许这样讲,各位还不会有太多感触,接下来我列举一组数据:Google网站访 ...
分类:
Web程序 时间:
2018-11-03 11:15:11
阅读次数:
198