惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园_首页
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
P
Proofpoint News Feed
G
Google Developers Blog
B
Blog
Engineering at Meta
Engineering at Meta
阮一峰的网络日志
阮一峰的网络日志
The Register - Security
The Register - Security
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - 叶小钗
The Cloudflare Blog
The Hacker News
The Hacker News
D
Darknet – Hacking Tools, Hacker News & Cyber Security
C
CXSECURITY Database RSS Feed - CXSecurity.com
雷峰网
雷峰网
F
Fortinet All Blogs
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
H
Hackread – Cybersecurity News, Data Breaches, AI and More
酷 壳 – CoolShell
酷 壳 – CoolShell
Last Week in AI
Last Week in AI
T
Threat Research - Cisco Blogs
A
About on SuperTechFans
量子位
Recorded Future
Recorded Future
博客园 - 三生石上(FineUI控件)
H
Help Net Security
Help Net Security
Help Net Security
P
Palo Alto Networks Blog
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
T
Troy Hunt's Blog
W
WeLiveSecurity
V
Vulnerabilities – Threatpost
T
The Exploit Database - CXSecurity.com
Know Your Adversary
Know Your Adversary
Apple Machine Learning Research
Apple Machine Learning Research
Scott Helme
Scott Helme
N
News | PayPal Newsroom
AWS News Blog
AWS News Blog
D
DataBreaches.Net
Blog — PlanetScale
Blog — PlanetScale
MongoDB | Blog
MongoDB | Blog
B
Blog RSS Feed
腾讯CDC
J
Java Code Geeks
Microsoft Azure Blog
Microsoft Azure Blog
TaoSecurity Blog
TaoSecurity Blog
GbyAI
GbyAI
Y
Y Combinator Blog
Hacker News - Newest:
Hacker News - Newest: "LLM"
D
Docker

前端优化

前端 import cost 插件-bundle size plus - V2EX 面试的时候遇到一个奇葩需求,向大佬们取经。 - V2EX 请教下 react 前端如何封装页面组件 - V2EX 寻找前端 SEO 大佬付费咨询 - V2EX SaaS 前端项目重构 - V2EX 有哪个 AI 应用可以把图片切片成 html5+css? - V2EX css animation 动画 CPU 占用高 - V2EX 2024 年了,国内有没有好用的 Google Fonts 代理服务推荐? - V2EX 寻求前端样式优化 前端性能优化 - V2EX img 标签到底需要关闭吗? - V2EX 怎么检测远程图片是否是渐进式呢 - V2EX 100 元找个人优化单页网站代码 - V2EX 一般上传文件超过多大才需要做分片上传? - V2EX 如何实现页面加载完毕之后再跳转 - V2EX CSS grid 布局,有没有什么方法可以保持至少 2 列? - V2EX [前端问题]像苹果官网那种滚到一个页面,放一些动画的效果怎么做的? - V2EX 客户对速度要求高, nginx 的 pagespeed 模块有没有什么坑? - V2EX 有人用过电报的 Webpage Bot 吗。我发送过链接图片错了。然后我用 Webpage Bot 更新。图片一直更新不过来。 - V2EX 前端加载速度优化,有没小伙伴有优化的黑科技(骚操作),嘻嘻学习下 - V2EX 求大佬推荐一款安全便捷的师生控制电脑教学软件跪求! - V2EX spa 应用白屏时间有什么好的测量方法? - V2EX 优化到 890ms 了 感动的想哭,果然找问题不能着急~~ - V2EX 网页问题,在 mac safari 滚动卡顿。。 - V2EX [前端] 关于 Chrome 字体渲染的 Grayscale 问题 - V2EX 帮朋友做个产品展示官网,结果找到新手,做得差强人意,后台也不堪入目 - V2EX 前端小白如何练级到标准版? - V2EX [tomcat 共享目录] 关于使用 tomcat 共享目录内文件 - V2EX 分享一个免费在线纯客户端图片压缩神器,支持单次最大 1000 张图片压缩 - V2EX import 引用模块如何优雅的减少 webpack 打包体积? - V2EX 你写的代码被人吐槽过吗? - V2EX 学 vue 前要学什么 - V2EX [WEB 前端] 设置 initial-scale=0.5 时遇到一个 BUG - V2EX 使用 SecurityWorker 加密你的 Javascript 核心算法 - V2EX 有本有办法解析 vue 文件,大概能知道当前这个 vue 文件的请求了哪些接口并且影响了哪一块视图的数据 - V2EX vue 项目如何自动化查看到每个(划重点)vue 组件渲染后的效果 - V2EX 如何检查前端 HTML 与 UI 的效果还原度? - V2EX 各位亲, 怎么看前端文件的性能啊 - V2EX 求贤 [前端] [设计] 。如果你有空闲时间,想做点工作外的东西,请联系。 - V2EX 前端各种刘海屏除了真机,在 chrome 里怎么调试啊? - V2EX 页面自适应还是开发两套登录方式? - V2EX 为什么拼多多的小程序体验这么的流畅?感觉像在使用原生 APP 一样 - V2EX 钉钉全新开发方式-E 应用:节日贺卡,中秋送祝福,用起来还不错呀 - V2EX 如何让 WordPress 文字段落首行缩进,不影响视频图片居中? - V2EX vue 单页面应用如何 SEO - V2EX 前段中 F12 修改 js 代码如何实时生效 - V2EX 扒代码的时候,判断哪些类或属性是 js 加的 - V2EX IOS9 和 8 版本的浏览器有办法实现复制到剪贴板吗 - V2EX echarts 占用内存过高,如何解决? - V2EX
[前端] chrome 怎么突破最大并发数限制? - V2EX
kajweb · 2022-05-17 · via 前端优化

kajweb

 

kajweb · 2022 年 5 月 17 日 · 5334 次点击

这是一个创建于 1489 天前的主题,其中的信息可能已经有所发展或是发生改变。

[本地开发 /远程开发]

目前使用vite基于vscode进行远程开发(本地开发也差不多),但是在** [开发过程] **中,网页加载是未压缩的。

数百个文件直接加载了源文件,首次打开需要 10 多秒。目前感觉瓶颈在于并发数和网络速率,鉴于网络不可提升,想从并发数入口进行优化。

目前有三个想法💡,但是不知道哪个实施比较好:
1 、撸个中间件,对每份文件进行压缩(可能已经有现成的插件)
2 、自己修改和编译 chromium ,突破最大并发数(费时费力,但是目前 chrome 找不到配置项)
3 、使用 http2 、https (初步测试,提升不大)
4 、同源多域名加载 js (不好改造)

WeChat91c21d09b61ab91a90b712a024a76ba0.png

TomatoYuyuko

1

TomatoYuyuko      2022 年 5 月 17 日

额。webpack 有 DllReferencePlugin 可以预先打包优化热重载,vite 没用过不过应该有对应的东西吧

FrankFang128

2

FrankFang128      2022 年 5 月 17 日

你是怎么做到下载 localhost 的文件花费三秒钟的?

otakustay

3

otakustay      2022 年 5 月 17 日

难以想象用 HTTP2 会提升不大,有一种情况是你的 Vite Server 上有 proxy 配置,那么 HTTP2 就开不起来,回退到普通的 HTTPS 自然就慢

wonderfulcxm

4

wonderfulcxm      2022 年 5 月 17 日 via iPhone

有没有发现这个最大并发数是多少?我之前写了个利用 js 同时发送多个 ajax 请求的网页爬虫,好像知道这个还挺重要的。

AloneHero

7

AloneHero      2022 年 5 月 17 日 via Android   ❤️ 1

尤雨溪也说过 http2 对 vite 的帮助没有那么大,说是多路并发仍然会堵塞,但没说具体原因,这和我想象中有些差异,现在楼主也遇到类似问题,我很好奇原因究竟在哪

monkeyWie

8

monkeyWie      2022 年 5 月 17 日

有没有可能你的 http2 没成功开启

dcsuibian

10

dcsuibian      2022 年 5 月 17 日

你这根本不是并发数的问题啊,光一个 3.6M 的文件就用了 6 秒。再怎么提升并发数有用么?
莫非你开了 devtools 的节流模式?(不太可能,毕竟预设也没有这种速率)

shakaraka

11

shakaraka      2022 年 5 月 17 日

下载花 3 秒,明显就是你带宽不够

kajweb

14

kajweb      2022 年 5 月 17 日

@otakustay 现在看来,估计是网络本来就有瓶颈了,proxy 已经关掉了,用其他代理转发了

tutou

15

tutou      2022 年 5 月 17 日

上 http2 最方便吧,或者同源多域名加载 js

MillerD

18

MillerD      2022 年 5 月 17 日

我现在也在看同样的问题 乍一看确实跟并发数有关系,绝大多数请求都是在 pending

cyrbuzz

20

cyrbuzz      2022 年 5 月 17 日

50M 的资源都加载了什么? js 和 css 不会有这么多吧。

cyrbuzz

22

cyrbuzz      2022 年 5 月 17 日

@kajweb 感觉往减少加载时的依赖大小方向靠拢比突破 Chrome 限制要有效且容易达成= =。

Vite 的命令行可以看到具体加载了哪些依赖,具体的可能还以再 lazy 一下。

wonderblank

23

wonderblank      2022 年 5 月 17 日

vscode-server 远程开发 加载时间情况如下。

35 requests
3.6 MB transferred
14.5 MB resources
Finish: 5.64 s
DOMContentLoaded: 1.15 s
Load: 1.15 s