会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
Scar007
目前致力于
萤火之森(高佳睿的博客)
的建设,请大家移步
这里
博客园
首页
新随笔
联系
管理
订阅
随笔- 101 文章- 0 评论- 15 阅读-
10万
关于前端性能优化
常用的优化有两部分
第一:面向内容的优化
减少 HTTP 请求
减少 DNS 查找
避免重定向
使用 Ajax 缓存
延迟载入组件
预先载入组件
减少 DOM 元素数量
切分组件到多个域
最小化 iframe 的数量
不要出现http 404 错误
第二:面向 Server
缩小 Cookie
针对 Web 组件使用域名无关性的
万人中央,我孤独的漂亮。
分类:
性能优化
好文要顶
关注我
收藏该文
微信分享
Scar007
粉丝 -
24
关注 -
2
+加关注
0
0
升级成为会员
«
上一篇:
史上最全正则表达式
»
下一篇:
关于jsonp跨域的问题以及解决方法(跨域、同源与非同源)
posted @
2017-09-28 15:38
Scar007
阅读(
152
) 评论(
0
)
编辑
收藏
举报
刷新页面
返回顶部
登录后才能查看或发表评论,立即
登录
或者
逛逛
博客园首页
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
编辑推荐:
·
智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
·
Linux glibc自带哈希表的用例及性能测试
·
深入理解 Mybatis 分库分表执行原理
·
如何打造一个高并发系统?
·
.NET Core GC压缩(compact_phase)底层原理浅谈
阅读排行:
·
开发者新选择:用DeepSeek实现Cursor级智能编程的免费方案
·
Tinyfox 发生重大改版
·
独立开发经验谈:如何通过 Docker 让潜在客户快速体验你的系统
·
小米CR6606,CR6608,CR6609 启用SSH和刷入OpenWRT 23.05.5
·
近期最值得关注的AI技术报告与Agent综述!
公告
昵称:
Scar007
园龄:
7年9个月
粉丝:
24
关注:
2
<
2025年2月
>
日
一
二
三
四
五
六
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
1
2
3
4
5
6
7
8
搜索
常用链接
我的随笔
我的评论
我的参与
最新评论
我的标签
更多链接
我的标签
nginx
(1)
google
(1)
随笔分类
AJAX(4)
CSS(2)
DOM相关(2)
ejs模板引擎(1)
ES6(4)
GitHub(2)
HTTP相关(1)
JQ相关(4)
JSON与JSONP(2)
JS基础(20)
JS面向对象(7)
JS事件(2)
Math(1)
nginx(1)
Node相关(1)
Promise(1)
React(2)
VUE(3)
webpack(4)
闭包(1)
动画相关(1)
高效使用MAC(1)
函数(2)
继承(2)
兼容性处理(1)
客户端与服务器(1)
逻辑优先级(3)
面试相关(1)
实际案例(19)
数据类型(4)
数组(1)
性能优化(2)
移动端(3)
预解释(3)
正则(2)
作用域(3)
更多
随笔档案
2020年5月(1)
2020年3月(2)
2019年7月(1)
2018年8月(1)
2018年7月(1)
2018年6月(2)
2018年5月(1)
2018年4月(4)
2018年3月(4)
2017年12月(5)
2017年11月(7)
2017年10月(50)
2017年9月(17)
2017年8月(4)
2017年7月(1)
阅读排行榜
1. jQuery的实现原理和核心(15885)
2. gitHub上如何设置或者取消电子邮箱提醒(10940)
3. JS实现跑马灯效果(鼠标滑入可暂停,离开继续跑)(8604)
4. JS实现时钟效果(6045)
5. React组件之间通过Props传值的技巧(小案例,帮助体会理解props、state、受控组件和非受控组件等)(4726)
评论排行榜
1. gitHub上如何设置或者取消电子邮箱提醒(5)
2. ES6的基础知识总结(3)
3. javascript中的this指向问题总结(3)
4. jQuery的实现原理和核心(2)
5. 关于Promise详解(1)
推荐排行榜
1. gitHub上如何设置或者取消电子邮箱提醒(6)
2. jQuery的实现原理和核心(3)
3. 关于Webpack详述系列文章 (第四篇)(1)
4. JS实现时钟效果(1)
5. JS实现穿墙效果(判断鼠标划入划出的方向)(1)
最新评论
1. Re:gitHub上如何设置或者取消电子邮箱提醒
么么哒
--怒其不争1
2. Re:javascript中的this指向问题总结
@ vipbo哈哈 你懂得的...
--Scar007
3. Re:javascript中的this指向问题总结
周~ 啸~
--vipbo
4. Re:javascript中的this指向问题总结
哈哈哈 一定要切记的一句话:你以为 你以为的 就是你以为的 ,,,这个是暗号吧,你好朋友 加个好友吧 我qq 997547344
--vipbo
5. Re:jQuery的实现原理和核心
@ 一只菜鸟攻城狮啊没有没有,我也是在成长路上的一只,互相学习...
--Scar007
点击右上角即可分享
编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 开发者新选择:用DeepSeek实现Cursor级智能编程的免费方案
· Tinyfox 发生重大改版
· 独立开发经验谈:如何通过 Docker 让潜在客户快速体验你的系统
· 小米CR6606,CR6608,CR6609 启用SSH和刷入OpenWRT 23.05.5
· 近期最值得关注的AI技术报告与Agent综述!