提高网站的速度最直接的思路是用更好的硬件。比如加内存、加 CPU 、加带宽、使用 CDN 、把服务器放到里用户更近的机房等。除此之外还有第二个思路:软件的思路。
软件的思路意味着把网站做得更轻,这样同样可以提高网站的速度。你可以减少不必要的图片元素,使用轻量级的前端技术,将资源打包以减少一个页面的总请求数量。大多数网站的有效内容的展现,其实只需要很少的前端数据( HTML 、JavaScript 、CSS )(代码也是数据),如果你能让每一个网页都保持在 200 KB 以下,并且减少每个网页首次加载完成时对服务器的请求数量到,比如说,两个,你的网站也会有不错的使用体验。
![]() |
1
cpstar 131 天前
1995 年时的网页,现在加载肯定都是纳秒速
|
2
Leviathann 131 天前 via iPhone
astro
qwik |
3
duke807 131 天前 via Android
是的,以前 js 很落後,要用各種所謂框架輔助
es6 之後,用過無數框架的我,現在只用 vanlina js ,很舒服 |
![]() |
4
googlefans 131 天前
用纯静态 不需要访问数据库
|
![]() |
5
gowl OP |
8
caomu 131 天前 via Android ![]() 个人电脑的硬件水平上去以后,就越来越少人优化软件体积了,现在电脑里面一堆 election ,来一个跨平台应用都是几百 m ,除了少数技术洁癖者,大部分人都不在乎。
网站也有这个趋势,随着光纤入户、千兆万兆入户、全屋光纤、全屋 mesh 、5G 的普及,网站体积也越来越大,大家都越来越不在乎了。首页直接糊你一个视频的都大把,各种炫技的前端狂吃流量。 |
10
keith1126 131 天前
@cpstar #1
纳秒( ns )级别的话,按照 4GHz CPU 来算,0.25 ns 一个 CPU cycle ,也就是说,10 多个 CPU cycle 就加载完,是不可能的。 网络 IO 的延迟数量级至少得在 ms 级别。 |
![]() |
11
opengps 131 天前 via Android ![]() 没提到动静分离
|
![]() |
12
iqoo 131 天前 ![]() 说了等于没说~
|
![]() |
13
wonderfulcxm 131 天前 via iPhone
减少 http 请求数和文件体积是非常初级的优化方法,pagespeed 有完整的优化建议。
|
![]() |
14
ragnaroks 131 天前
主楼说的内容只是 next 增量生成的最低级优化方法
|
![]() |
15
ragnaroks 131 天前
网站的 HTML 应当是最优先响应的,其次是样式表,最后才是脚本和图片等。
HTML 也有优化的余地,可以先响应骨架或者模板的 HTML ,再后续通过脚本获取动态内容。 对于高级用法,数据库也是可以被直接打包到前端的,我的个人网站就实现了纯前端访问能力,提供无网络请求的搜索功能。 |
![]() |
16
SenLief 131 天前 via iPhone
如果只是文字的那加载难不到哪里去,但是大量的图片不行吧。
|
![]() |
17
deesan 131 天前
Jamstack ?
|
![]() |
18
stille 131 天前
现在永远找不到当时从 56k 猫 升级到 2M adsl 打开网页时的感觉了.
|
![]() |
19
RiverTwilight 131 天前
作为前端开发者,我一看标题以为第二种思路才是硬件🤣
|
![]() |
20
tool2d 131 天前
我的前端库,就一个 hello world 都需要下载 500k 。
但是转念一想,现在下载速度那么快,网速正常情况下也就是等 0.5s 。 超过 3 秒才有优化的必要。 |
21
duke807 131 天前 via Android
不要忘记:中国网速不行
千兆网访问国外资源也只有几 KB/S |
22
Justin13 131 天前 via Android
如果你能让每一个网页都保持在 200 KB 以下,并且减少每个网页首次加载完成时对服务器的请求数量到,比如说,两个,你的网站也会有不错的使用体验
如果这不是废话,那什么是? |
23
qeqv 131 天前
我点进来之前以为你第二种思路是硬件
|
24
8zip 131 天前 via Android
目前唯一一个针对低端机型优化的主流 app:拼多多
|
![]() |
25
secondwtq 131 天前
这些东西算是前端优化的基础知识吧,我之前找工作背的八股文里面还有 sprite 呢,资源打包、压缩、分块也都是老套路
技术层级的东西确实对博客最有用,但是到生产项目上,我感觉最有用的是需求管理和项目管理。同一个页面塞太多乱七八糟的需求,天天只糊屎不埋屎,再优化也白瞎。 |
![]() |
26
akira 131 天前
对于大部分网站来说,处理好图片压缩,就已经足够了
|
28
lian3204321 130 天前
还有 pwa
|
![]() |
29
yolio2003 130 天前 ![]() |
![]() |
30
wuzhanggui 128 天前
原生加模板引擎那种,加载页面出来有内容,然后 js 在页面显示出来后再去加载,这样把功能和内容分开,速度那是洒洒水啦
|
![]() |
31
zhw2590582 127 天前
我以为你要说什么黑科技呢,这不是老生常谈的东西吗
|