Skip to content

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

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

[vue] vue如何优化首页的加载速度?

Activity

wenyejie

wenyejie commented on Jun 27, 2019

@wenyejie

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

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

janwenGighub

janwenGighub commented on Jul 12, 2019

@janwenGighub

楼上是大神。

Zhang-YanRong

Zhang-YanRong commented on Sep 18, 2019

@Zhang-YanRong

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

cloudGrin

cloudGrin commented on Feb 20, 2020

@cloudGrin

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

Bob-huang-gdut

Bob-huang-gdut commented on Apr 13, 2020

@Bob-huang-gdut

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

1101334809

1101334809 commented on Aug 31, 2022

@1101334809

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @wenyejie@haizhilin2013@Bob-huang-gdut@cloudGrin@janwenGighub

        Issue actions

          [vue] vue如何优化首页的加载速度? · Issue #424 · haizlin/fe-interview