Skip to content

[vue] vue如何优化首页的加载速度？ #424

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
haizhilin2013 opened this issue Jun 22, 2019 · 7 comments
Open

[vue] vue如何优化首页的加载速度？ #424

haizhilin2013 opened this issue Jun 22, 2019 · 7 comments
Labels
vue vue

Comments

@haizhilin2013
Copy link
Collaborator

[vue] vue如何优化首页的加载速度？
@haizhilin2013 haizhilin2013 added the vue vue label Jun 22, 2019
@wenyejie
Copy link

异步路由和异步加载
还有分屏加载, 按需加载, 延时加载图片等, cdn, 域名才分

不要什么东西动不动就打包到vendor中, 恶心

@janwenGighub
Copy link

楼上是大神。

@Zhang-YanRong
Copy link

分屏加载 怎么弄？ 没听过这个

@cloudGrin
Copy link

补充下2楼：
ssr直出，
webpack压缩HTML/CSS/JS，
首屏css单独提取内联，
关键资源Proload，
图片：不缩放，使用webp、小图片base64，iconfont，
gzip,
dns-prefetch，
静态资源单独域名，去掉cookie

@Bob-huang-gdut
Copy link

分屏加载指的是用keep-alive？tab的形式？不知道有没理解错

@radio-qq
Copy link

radio-qq commented Jan 1, 2021

https://blog.csdn.net/leo187/article/details/79120774

@1101334809
Copy link

分屏加载不如说是可视化区域加载。首页渲染的时候只渲染可视区域的视图，等用户下拉的时候加载剩余

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
vue vue
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
8 participants
@wenyejie @haizhilin2013 @Bob-huang-gdut @cloudGrin @janwenGighub @Zhang-YanRong @1101334809 @radio-qq