随笔分类 -  前端性能优化

前端性能优化 —— 添加Expires头
摘要：简要：添加Expires头能有效的利用浏览器的缓存能力来改善页面的性能，能在后续的页面中有效避免很多不必要的Http请求，WEB服务器使用Expires头来告诉Web客户端它可以使用一个组件的当前副本，直到指定的时间为止。 例如：Expires：Thu，15 Apr 2010 20：00：00 GM 阅读全文
posted @ 2017-04-11 14:22 潇洒-zhutao 阅读(12347) 评论(1) 推荐(2)
前端性能优化 —— 减少HTTP请求
摘要：简要：对于影响页面呈选 的因素有3个地方：服务器连接数据库并计算返回数据 ， http请求以及数据（文件）经过网络传输 ， 文件在浏览器中计算渲染呈选； 其中大约80%的时间都耗在了http请求上，所以要想大幅度优化页面，必须从http请求上入手 一：首先要认识页面中各个文件http请求耗时情况，这 阅读全文
posted @ 2017-04-01 22:25 潇洒-zhutao 阅读(11421) 评论(0) 推荐(0)
前端性能优化 —— reflow(回流)和repaint(重绘)
摘要：简要：整个在浏览器的渲染过程中（页面初始化，用户行为改变界面样式，动画改变界面样式等）reflow(回流)和repaint(重绘) 会大大影响web性能，尤其是手机页面。因此我们在页面设计的时候要尽量减少reflow和repaint。 什么是reflow和repaint（原文链接：http://ww 阅读全文
posted @ 2017-03-15 16:47 潇洒-zhutao 阅读(17092) 评论(0) 推荐(10)
前端性能优化 —— 文档在浏览器中的加载和渲染
摘要：文档载入顺序如下： 地址栏输入url，浏览器下载html文档后开始解析：(参考链接：http://www.cnblogs.com/Peng2014/p/4687218.html) 1：首先形成dom tree 和 render tree。 1：在<head>里面发现了link，则浏览器会加载css样 阅读全文
posted @ 2017-03-14 19:36 潇洒-zhutao 阅读(1086) 评论(0) 推荐(1)
前端性能优化 —— 起步篇（一）
摘要：简要：用户的体验是非常重要的环节。快速的显示网页，流畅的用户操作，丰富实时的页面功能，顺畅的动画展示，这些都是决定用户舒适体验的关键因素。把用户伺候舒服了，才会产生长久的依赖。我认为前端性能优化的实践应当是自动化的，智能化的，从代码编写到生产打包一整套流程都应该有一系列关于优化的应对方案。 我个人认 阅读全文
posted @ 2017-03-13 13:52 潇洒-zhutao 阅读(436) 评论(0) 推荐(1)