一、 语义化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压缩是指: Web服务器和浏览器之间压缩传输的”文本内容“的方法。 HTTP采用通用的压缩算法，比如gzip来压缩HTML,Javascript, CSS文件。 能大大减少网络传输的数据量，提高了用户显示网页的速度。当然，同时会增加一点点服务器的开销。 本文从HTTP协议 ...
分类：
Web程序 时间：
2017-08-17 10:34:42
阅读次数：
181
异步加载的方式１：动态脚本加载 异步加载方式２：ｄｅｆｅｒ HTML 4 为script标签定义了一个扩展属性：defer。 ｄｅｆｅｒ是在HTML解析完成之后就会执行，如果有多个，按照加载的顺序依次执行 Defer 属性指明本元素所含的脚本不会修改 DOM，因此代码能安全地延迟执行。defer 属 ...
分类：
其他好文 时间：
2017-08-17 10:28:05
阅读次数：
187
图片懒加载（当然不仅限于图片，还可以有视频，flash）也是一种优化前端性能的方式。使用懒加载可以想要看图片时才加载图片，而不是一次性加载所有的图片，从而在一定程度从减少服务端的请求 什么是懒加载：懒加载怎么个懒法，就是你不想看就不给你看，我也懒得加载出来，懒得去请求。通俗的说就是你不要就不给你，怎 ...
分类：
其他好文 时间：
2017-08-17 00:32:20
阅读次数：
152
