Web前端优化tips
程序员文章站
2024-01-13 17:09:58
...
- css 顶部,js底部
- js,css进行压缩
- CDN静态文件
- 缓存
- 图片合并,css sprite
- 尽量定高,避免高度改变导致重新渲染
- img设定尺寸,防止高度变化
- 使用页面模板, <scirpt type='text/html'></script>
- 使用font icon
- 使用css3, gradient+filter
- css class复用,减少字符和统一性 .span1 .full-height
- 延迟初始化, 事件监听
- ajax 异步加载部分数据
- 减少遍历DOM
- 减少事件绑定
- 尽量使用元素特性,form的submit和reset, placeholder
- 使用模块加载机制,js文件的延迟加载
上一篇: 试读《分布式服务框架原理与实践》
推荐阅读
-
Web前端优化tips
-
前端开发基础之HTML--标签系列(1)_html/css_WEB-ITnose
-
零基础学习web前端的几大阶段
-
Web前端代码规范与页面布局_html/css_WEB-ITnose
-
请问类似于这样的css 如何优化_html/css_WEB-ITnose
-
前端常用技巧_html/css_WEB-ITnose
-
web前端学习说明后台语言好
-
web前端篇:JavaScript基础篇(易懂小白上手快)-2
-
后端码农谈前端(HTML篇)第一课:HTML概述_html/css_WEB-ITnose
-
在windows下安装gulp -- 基于 Gulp 的前端集成解决方案(一)_html/css_WEB-ITnose