如何实现页面加载完毕之后再跳转

[Chuyuxuan]

我自己搭建了一个个人wiki系统，采用的是wiki.js模板，主要是用来自己记录一些东西。然而当我自己去访问的网站的时候，老是要等待 5~6 秒左右的时间才加载出来，自己打开调试工具看了一下： 有一些动态资源加载的十分缓慢。因为是用的框架，我也不好自己去改一些东西。于是就想请问一下各位大佬：

• 当点击访问该界面的时候，怎么实现一个加载等待，等后台全部加载完毕之后再展示？

目前自己的解决办法是采用 CDN 缓存加速，当然这个只能加载首页快一点，毕竟这个是动态的。还有下下策就是购买带宽，目前我用的是 1M 的小水管。

[340244120w]

你这个吧 先把 js 全替换成压缩的 min.js ，然后把图片压缩下,无损的可以用 tinypng 之类的。

[340244120w]

图片用 lazy load

[wunonglin]

不知道从哪开始说。。

1 、https://wiki.chuyuxuan.top/_assets/fonts/Roboto-Regular.woff2 建议用官方的 https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap
2 、https://wiki.chuyuxuan.top/_assets/fonts/materialdesignicons-webfont.woff2 建议用官方的 https://fonts.googleapis.com/icon?family=Material+Icons
2 、https://gitee.com/chuyuxuan/tuc/raw/master/Cartoon_pictures/wallhaven-vmwwm8.png 等所有图片压缩上 cdn
3 、最重要的，如果你是在国内访问就千万不要用 cf 。cf 在国内是减速 cdn

[Chuyuxuan]

@wunonglin 好像这些都是官方的资源🤪，那我先吧 cf 关了试一试。感谢你

[Chuyuxuan]

@340244120w 好的，感谢大佬的提醒。