web前端性能优化
关注
分享
扫一扫
文章平均质量分 72
南张门
我相信这不是我一个人的经历：傍晚时分，你坐在屋檐下，看着天慢慢地黑下去，心里寂寞而凄凉，感到自己的生命被剥夺了。当时我是个年轻人，但我害怕这样生活下去，衰老下去。在我看来，这是比死亡更可怕的事。
展开
-
前端性能优化---1.了解前端性能优化点
1.什么是Web前端web前端本质上是一种G U I软件，本可以直接借鉴其他G U I系统架构设计方法，但是web前端有点特别。1.1 传统的GUI软件CS架构GUI软件的开发与部署过程：1.开发 2.将开发好的代码打包到APK软件包，放到应用商场中 3.用户下载应用(即下载了这个安装包)，解压，将代码解压到自己的手机上，也就是说，用户的手机上有一个套应用程序的代码，然...原创 2018-07-16 16:35:38 · 364 阅读 · 0 评论 -
前端性能优化---2.资源的合并与压缩
分为两个方面：1.减少http请求数量2.减少请求资源的大小1.html压缩HTML的全称是超文本标记语言，HTML网页本身是一种文本文件，通过在文件中添加标记符，可以告诉浏览器如何显示其中的内容，包括文字大小，颜色，图片显示等等。这就意味着在文本文件中的一些特定意义的字符可以在浏览器显示的时候就不一样了，HTML代码压缩就是压缩这些在文本文件中有意义，但是在HTML中...原创 2018-07-16 17:11:41 · 2133 阅读 · 0 评论 -
前端性能优化---3.图片相关的优化
1、常用的图像类型1) gif: 适用于动画效果。2) jpg: 使用有损压缩，将图片的每个像素分解成8*8的栅格，然后对每个栅格的数据进行压缩处理，通过特殊的算法用附近的颜色填充栅格。用户可以设置质量级别，从0到100，数字越小，图片质量越差。但是有损压缩对于我们用户来说是没有影响的。3) png：使用无损压缩，将图片出现的颜色进行索引，保留在调色板上，在显示图像时会调用调色板的颜色...原创 2018-07-16 17:57:14 · 313 阅读 · 0 评论 -
前端性能优化---4.css、js 的加载与执行
1.一个网站在浏览器端是如何进行渲染的呢？ 1.我们输入网址向服务器发送请求，服务器会返回一个html的文档， 2.该html文档会被浏览器中的html解析器解析 3.从上到下一步一步的生成DOM树 4.在生成DOM的过程中会解析css资源，生成css树 5.解析js资源，由浏览器的v8引起进一步解析 6.css树和DOM树结合形成Render Tree 6.渲染出页面2.H...原创 2018-07-16 18:41:19 · 776 阅读 · 0 评论