5 年前那个时候，flash 还没死绝，各个浏览器核心还在持续优化，H5 还没有形成优势地位。5 年过去了，flash 基本死绝，H5 称霸业界，浏览器发展了 5 年，可我觉得我的电脑打开页面越来越慢了，按理说甩开了 flash 的历史包袱，全新的 ES6，ES7 标准，加上 5 年时间对 js 引擎的优化，网页应该打开的更快才对，到底为什么，这 5 年 web 页面的复杂度在不知不觉中发生了变化了吗？
This topic created in 3330 days ago, the information mentioned may be changed or developed.
 |
1
你的感觉没错，最快的时候是在刚出 chrome 那几天
|
1 |
Rubicker666Sep 21, 2017 via Android
2
明显页面复杂度提升可不止一个档次
|
 |
wzwSep 21, 2017 via Android
3
说得好，页面越来越复杂，难回简洁的时代了。
|
 |
SuperMildSep 21, 2017
4
由于前端功能越来越完善，以前迫不得已需要在服务器处理的东西，现在几乎都能转到前端来做了，消耗的客户端的性能，但服务器减负啊。
|
 |
5
|
 |
6
为什么会这样呐，完全就是 ng\raect\vue 之些带歪了节奏，明明一个脚本，搞成了一个巨大的世界，然而实际上还是只干了脚本那点事。
|
 |
QuaintjadeSep 21, 2017 via Android
7
现在越来越多的东西都让浏览器处理了(此处该 @海盗湾)
还有就是虽然有优化，但不同浏览器优化不同，比如 chrome 的 for 嵌套特别快，另一些 function 则比较慢； Firefox 可能相反。 |
 |
8
前端轮子越来越多了，帮派也很多，喜欢撕逼搞事。编程界的演艺圈。
|
 |
a87150Sep 21, 2017 via Android
9
乱七八糟的特效太多。
|
 |
remonSep 21, 2017
10
@abcbuzhiming #5 简单来说就是：以前后端渲染模式，访问一个页面---浏览器发出请求，服务器后台读取数据，渲染模板，浏览器拿到 HTML 开始渲染，请求图片等资源，用户看到一个完整网页；
现在浏览器渲染模式，访问一个页面---浏览器发出请求，从 CDN 或服务器得到静态页面（此页面只包含极少部分页面内容），浏览器开始渲染，看到部分静态内容，请求静态资源，解析 js 脚本，发出请求，服务器响应请求，返回数据，js 拿到数据，拼装内容，浏览器渲染，用户看到完整网页 |
 |
roychanSep 21, 2017
11
都是戏。
|
 |
rogwanSep 21, 2017 via Android
12
还有各种第三方 API 加载 js，拼装，渲染，不慢才怪呀
|
 |
chinvoSep 21, 2017
13
因为 “ H5 ” 这个 PM 们造出来的假概念
至今不能理解 H5 到底是什么 仔细想想，大概 H5 约等于 大量冗余 JS 代码+大量 JS 动画+大量冗余 CSS 代码+大量 CSS 动画+大量冗余 HTML 内容+大量垃圾第三方资源 不慢才怪 |
 |
14
你的电脑换了没有。
|
 |
dixeranSep 21, 2017 via Android
15
服务器减少的任务丢给浏览器了
|
 |
lighteningSep 21, 2017
16
@abcbuzhiming 比如各种页面内的交互。
|
 |
SilentDepthSep 22, 2017 via iPad
17
@saran 哪点事？
|
 |
tonghuashuaiSep 22, 2017 via iPhone
18
因为页面承载了过多的前端繁荣。
|
 |
prolicSep 22, 2017
19
感觉离完全的前后端分离也不远了，nginx 做路由调静态 html+js，后台只提供 RESTful 接口
|
 |
wangjieSep 22, 2017 via iPhone
20
同想问你电脑换了没
|
 |
t6attackSep 22, 2017
21
javascript 变成浏览器的汇编了。
|
 |
markocenSep 22, 2017 via Android
22
你用的是 5 年前的电脑吗
|
 |
23
v2 也那么多傻逼帖了吗
|
 |
24
张嘴就来，说慢的倒是举个例子说说哪家网站你打开慢了？五年前你家宽带多少兆，现在多少兆，脚本体积的增长赶得上宽带的增长速度？就拿淘宝那首页讲，那么多图，首页初次加载也就只有 600k 左右，还不是 js 做的懒加载的功劳。换五年前你开个图片都费劲吧。
|
 |
fuxkcsdnSep 22, 2017 via iPhone
25
@ChefIsAwesome 5 年前淘宝就使用上懒加载技术了
|
 |
maddotSep 22, 2017
26
简历驱动编程
明明 jquery 可以搞定，但为了简历上写上各种框架项目经验，就上框架了 这些框架也创造出了更多的职位，是有利于我们这个行业的..... |
 |
dsg005Sep 22, 2017
27
10 年前的一些 flash 动画效果，至今 html5 还实现不了，就算模仿出来了，一眼就能看出不是 flash
|
 |
XueSeasonSep 22, 2017
28
5 年前 iPhone 4s 运行 iOS 6 也很快啊，5 年前我老家 10 年前的电脑还能带动 LOL。
|
 |
fulvazSep 22, 2017
29
是啊.
不然你以为为啥前端这么贵了. |
 |
naver1Sep 22, 2017
30
前端不安分，动不动就造新轮子。。。
|
 |
whypoolSep 22, 2017
31
前端承担了 6 成以上的数据逻辑，交互逻辑，加上各种框架自己的事件循环，所以慢是浏览器处理这些东西要花时间
|
 |
fbcskpebfrSep 22, 2017 via Android
32
|
|
33
|
|
34
@carlclone 你才傻逼
|
|
35
@ChefIsAwesome 什么叫张嘴就来，你自己没体验吧，就拿淘宝来说，现在的淘宝首页打开的时候比 5 年前费劲多了，5 年前的淘宝首页打开无论速度还是 CPU 占有率都没现在这么高，现在我的宽带是 5 年前的 25 倍，CPU 停留在 I5 3570，可是打开淘宝首页不仅明显感觉页面载入变慢了，而且 CPU 转的茫茫快
|
 |
SappSep 22, 2017
36
@abcbuzhiming 刚试了试，我的淘宝是秒进去的，就是图片出来需要个 1-2 秒才能全出来。几年前淘宝什么样我已经忘了，但是我估摸着能比淘宝这个速度快，也就百度首页那种了。
|
|
37
@Sapp 你有没有注意这个过程中你的 CPU 占用率，尤其是此时如果你往下滚动一下页面会发现你的 CPU 占用率飙升，这个可是 5 年前绝对没有的现象
|
 |
TunarSep 22, 2017 via Android
38
忙着吵架😓
|
|
SappSep 22, 2017
39
@abcbuzhiming 我又去试了一下，cpu 除了刚进去 cpu 升高了，后面一直保持着稳稳地没动，几秒之后就跌回来了，使用率从 5% 升到了 10%， 还有 90% 多闲置着。
|
 |
EchoChanSep 22, 2017 via iPhone
40
麻烦把性能定义清楚。
|
|
41
@Sapp 对啊，就是刚进去的时候，这个现象在 5 年前是没有的，载入页面 DOM 树时浏览器对 CPU 的占用飙升，这种现象在 5 年前只出现在无节制的在页面上的堆 flash 的网页。而且 5 年前的淘宝是没有这种载入时 CPU 占用飙升的情况的，而且淘宝还算比较好的了，有的网站居然能把 I5 飚到 80%以上，这在 5 年前是没有的
|
|
42
@EchoChan 从按下回车，浏览器下载页面并最终完成页面渲染的这段时间，CPU 的占用率比 5 年前高出了许多，渲染的平均时间慢于 5 年前，而这 5 年时间 Html5 和 js 的变化并没有太大，唯一的变化就是少了吃资源大户 flash，所以我觉得这很不合理
|
 |
43
恕我直言，你这就是无视历史的进程，5 年前桌面客户端都还是 cpp/C#之流，安装包不超过 30M 的比比皆是。现在那些 Electron 耗费的资源比以前多得多了，也没人管了，因为他们用上了高贵的 mac，那些还在用 HDD 和 5 年前电脑的人都不是人你懂吗？前端的道理一模一样
|
 |
44
也就楼主会来做这种吐槽了,为啥不尝试用 5 年前的电脑玩游戏呢?现在网页的复杂度和五年前的也没法比了吧?
|
|
EchoChanSep 22, 2017 via iPhone
45
@abcbuzhiming 那不叫“性能变差”。
|
 |
em84Sep 22, 2017
46
5 年来楼主的头像越来越色情啦
|
 |
expySep 22, 2017
47
硬件进步，软件要求也高了。Windows10 不用 ssd 卡成🐶
|
 |
santreeSep 22, 2017
49
所以嘛，网页就该回到五年前那种简单的样子，要不然哪来那么多屁事。（滑稽
|
 |
sunberSep 22, 2017
50
你应该骂淘宝，IE8 居然都不支持了，搞毛线啊
|
 |
bbsteelSep 22, 2017 via Android
52
笑看前端同学发飙
|
|
ChefIsAwesomeSep 22, 2017
53
还滚动的时候 cpu 转。。。网页上的图片滚动了才加载，它 cpu 能不能转吗？也不动动脑子想想你提的那些词有哪几个跟加载速度有关系的。
|
 |
gouflvSep 22, 2017
54
已楼主目前的认知和需求, 放心用 jquery 就好了
|
 |
FYKSep 22, 2017
55
不好意思，被头像吸引了。。。
|
 |
bookitSep 22, 2017
56
同感。
浏览器应该全面禁止 js |
 |
punchxSep 22, 2017
57
后端业务前移,时势所趋,规模不同,前端也要负责项目的业务而非纯展现.
|
 |
ZoraSep 22, 2017
58
看来，用旧机子的。。不配做某些人的客户，呵呵
生意原来是这样做的。。 |
 |
estSep 22, 2017
59
html5 css3 做同样的炫酷效果比 flash 卡的多。还得手撸动画代码没法可视化编辑。canvas 缩放不行。最后最关键的还她妈没法禁用。
而且。。。还有浏览器兼容性问题 当时喷 flash 的纯属无脑。 |
 |
MartoxSep 22, 2017
60
看你的发帖纪录，我大概就知道了，你为什么会这样问了。
|
 |
winewaySep 22, 2017 via Android
61
有性能冗余就一定会有功能填补上来，很简单的道理
|
|
SilentDepthSep 23, 2017
62
@est #59 那，继续用起 Flash ？
|
 |
wdlthSep 24, 2017
63
因为现在有部分网站都放到前端渲染了
|
 |
zachguoDec 18, 2017 via Android
64
@saran 黑错了，很多网页慢就是乱七八糟脚本多 Dom 操作多 tracker 多。
现在业务逻辑都从后端移到前端了，前端 app 都能上几十万行代码，这些框架才之所以存在，后端放云上后也就是些增查改删的 API，ETL 和些胶水 microservices。 |
 |
kfllMar 9, 2018 via iPhone
67
以前前端没事做，天天搞性能，还有指标。
现在有事做了。 |
 |
gs139Mar 15, 2018
68
因为所谓的前端技术，让一个页面需要调用 n 个 api 接口，才能显示出来，以前都是在服务器一股脑渲染好了再输出的。
|
 |
lybtongjiAug 9, 2020
69
怎么这样的纯探讨帖楼上这么多来吵架的……
我感觉除了前端各种接口外，阿里系的 js 还各种混淆，解密就花了不少系统资源…… |
Select Language