资源合并与压缩减少HTTP请求的概要 资源合并与压缩减少HTTP请求主要的两个优化点是减少HTTP请求的数量和减少请求资源的大小 http协议是无状态的应用层协议,意味着每次http请求都需要建立通信链路、进行数据传输,而在服务器端,每个http都需要启动独立的线程去处理。 这些通信和服务的开销都很 ...
分类:
Web程序 时间:
2017-09-15 01:52:37
阅读次数:
686
一、 语义化HTML:语义化HTML的好处是可以使代码简洁清晰、支持不同设备、利于搜索引擎、便于团队开发; 减少DOM节点:加速页面渲染; 给图片加上正确的宽高值:这可以减少页面重绘,同时防止图片缩放; 防止src属性和link的href属性为空:当值为空时,浏览器很可能会把当前页面当成其属性值加载 ...
分类:
Web程序 时间:
2017-09-02 14:22:57
阅读次数:
201
6.dom操作 精确的控制dom元素(id 选择器) 1.浏览器的开发者工具针对页面进行调优 Network窗口 Stalled(阻塞) DNS Lookup(域名解析) dns缓存 建立持久连接 Initial connection(初始化连接) SSL(包含于HTTPS连接中) Waiting( ...
分类:
其他好文 时间:
2017-08-30 22:37:23
阅读次数:
211
兼容各种加载规范 常见的模块化方案有:AMD、CMD、UMD、ES6实现异步加载依赖模块,提前加载(AMD)Node.js采用了这个规范(CommonJS)关键词:define()SeaJS(CMD) ...
分类:
其他好文 时间:
2017-08-30 22:32:11
阅读次数:
154
方案: 浏览器304缓存 localstorage本地存储 业务导向选择方案,这里我选择的是localstorage 干什么? 通过localstorage存储js、css资源; 资源版本控制 只要你愿意,localstorage也可以控制缓存时间!通过写一小段js代码来实现; 在活动期间可以提前将 ...
分类:
其他好文 时间:
2017-08-30 21:47:56
阅读次数:
180
web前端是应用服务器处理之前的部分,前端主要包括:HTML,CSS,javascript,image等各种资源,针对不同的资源有不同的优化方式。 1. 内容优化 2. 服务器优化 3. Cookie优化 4. CSS优化 5. javascript优化 6. 图像优化 参考:WEB前端性能优化常见 ...
分类:
Web程序 时间:
2017-08-27 15:25:06
阅读次数:
161
关于前端性能优化的总结,随处都可以看到这方面的文章,而优化方法,也无外乎那些“固定”方面,当然,有些方面已经过时,所以,在这里,我自己也总结一遍吧,加深理解,也希望是一种不同的总结形式。 正文总这里开始 一、什么是前端性能优化(what)? 从用户访问资源到资源完整的展现在用户面前的过程中,通过技术 ...
分类:
其他好文 时间:
2017-08-24 00:06:50
阅读次数:
212
好久没有来博客写随笔了,可能是懒了吧,哈哈, 最近很想整理一篇关于前端性能优化的问题,毕竟能提高网站的观赏性对吧。提升网站性能,提升用户体验 那 什么是web性能优化? 可以这么理解:从用户访问资源到资源完整的展现在用户面前的过程中,通过技术手段和优化策略,缩短每个步骤的处理时间从而提升整个资源的访 ...
分类:
Web程序 时间:
2017-08-18 11:00:01
阅读次数:
232
减少HTTP请求 http协议是无状态的应用层协议,意味着每次http请求都需要建立通信链路、进行数据传输,而在服务器端,每个http都需要启动独立的线程去处理。这些通信和服务的开销都很昂贵,减少http请求的数目可有效提高访问性能 减少http的主要手段是合并CSS、合并JavaScript、合并 ...
分类:
其他好文 时间:
2017-08-17 10:38:18
阅读次数:
170
什么是HTTP压缩 HTTP压缩是指: Web服务器和浏览器之间压缩传输的”文本内容“的方法。 HTTP采用通用的压缩算法,比如gzip来压缩HTML,Javascript, CSS文件。 能大大减少网络传输的数据量,提高了用户显示网页的速度。当然,同时会增加一点点服务器的开销。 本文从HTTP协议 ...
分类:
Web程序 时间:
2017-08-17 10:34:42
阅读次数:
181