Web 优化
前端性能优化方面的知识归纳、整理
凝弧
这个作者很懒,什么都没留下…
展开
-
Web 性能优化
资源合并缓存CDN使用 SSR 后端渲染懒加载<img id='img' src='min.png' lazy-src='max.png' />var img = document.getElementById('img');img.src = img.getAttribute('lazy-src');缓存 DOM 查询// 为缓存 DOM...转载 2018-05-03 09:54:49 · 136 阅读 · 0 评论 -
CSS Hack
CSS hack1. 渲染模式2. 属性前缀(内部hack)3. 选择器前缀(选择器hack)4. 条件注释(HTML条件注释)CSS hack1. 渲染模式<meta http-equiv="x-ua-compatible" content="webkit|ie-comp|ie-stand"原创 2018-05-01 14:12:41 · 255 阅读 · 0 评论 -
JavaScript 事件节流
问题隐患原理实现应用输入框验证(函数防抖)滚动加载(函数节流)问题隐患一些短时间内频繁触发的事件会导致占用过多的资源,这时候我们设置一个触发间隔频繁触发的事件,例如的 mousemove(鼠标移动)、scroll(滚动条),resize 等…原理实现初次调用函数时,设置一个定时器,在指定的 间隔 之后运行代码第二次调用函数时(若小于 间隔 时...转载 2018-04-28 16:09:08 · 2718 阅读 · 0 评论 -
JavaScript 异步加载JS
方案一 : script 标签属性方案二 : XMLHttpRequest 脚本注入方案三 : 动态创建 script 元素- LazyLoad- LABjs- sea.js方案一 : script 标签属性defer HTML4中定义,兼容 IE 4+ 和 firebox 3.5 +async HTML5中引入<!-- 等待页面(DO...翻译 2018-03-26 14:36:41 · 466 阅读 · 0 评论