客户在地铁里想找你空调清洗电话，打开你网站。地铁里没信号，页面加载一半白屏。客户以为你网站挂了，关了。做个离线提示页：断网的时候显示友好提示，别让客户看到白屏。

离线提示页显示什么

断网的时候，页面显示：

「当前网络连接失败。请检查网络后刷新。」

下面放你最核心的信息：公司名、电话、微信二维码。

再加一句：「把我们网站加入书签，下次有网再来看。」

客户即使没网，也能看到你电话。打个电话也行。

怎么实现

第一，PWA自带。前面讲过PWA离线访问。你做了PWA，Service Worker会缓存页面。客户第二次打开，即使没网也能看到缓存的页面。

第二，简单离线页面。做一个offline.html静态页面。Service Worker检测到没网，自动显示这个页面。

第三，纯静态站更简单。如果你网站是静态HTML，把所有页面缓存到本地。客户打开过一次，第二次没网也能看。

注意事项

第一，别太技术化。别显示「ERR_INTERNET_DISCONNECTED」这种浏览器原生报错。客户看不懂。写人话：「没网络了」。

第二，核心信息要在。离线页面上一定要有你电话。客户没网的时候最需要的就是打电话。

第三，别跳来跳去。检测到离线，直接显示离线页。别跳半天跳转最后还是白屏。

第四，小站不用搞PWA。你就一个简单官网，客户主要看服务介绍和电话。没网的时候白屏就白屏，影响不大。等你网站内容多了、有客户经常回访了再做离线优化。