【发布时间】：2019-11-07 16:05:45
【问题描述】：
我最近正在组建一个内容非常繁重的网站，我想为移动浏览做好准备。但是，我担心的一件事是，如果用户决定在未连接到 WiFi 网络的情况下查看该页面，则该网站将破坏他们的移动数据计划。
我当时的想法是在加载任何内容之前创建一条弹出消息，询问用户是否愿意继续加载网站，如果他们选择不继续加载网站，则关闭网站。当用户在桌面上时不需要弹出弹出窗口，因为他们更有可能连接到 WiFi 网络。
这是个好主意吗，有可能吗？有没有更好的方法？或者这是我不应该担心的事情？
我只知道如何使用 Javascript，所以如果解决方案与 Javascript 相关，那就完美了。但是，如果它需要其他东西，请告诉我。
【问题讨论】：
-
您能否描述一下为什么该网站的数据如此密集？您实际上每页传输多少数据？您应该重新考虑与移动相关的设计，并利用 HTML 和 JS 的一些现代特性来减少移动客户端的负载。
-
默认情况下，最好的办法是为移动设备提供一个“更轻”的网站版本。您还没有准确地说出“重”的含义（它是什么数据量，或者该数据由什么组成），或者大型项目是否对网站有意义是绝对必要的。也许您可以加载较少数量的它们或其他东西。由于屏幕尺寸的原因，为移动设备设计无论如何都需要一种不同的方法，因此您应该已经在计划一个精简的、响应式的网站视图。我们需要更多细节才能提出具体的改进建议。
-
如果你弹出这个弹出窗口，你基本上是在对用户说“这个网站太糟糕了，你不想使用它”。用户不耐烦，尤其是在移动设备上。如果他们不喜欢他们看到的内容，或者您在他们获得他们感兴趣的内容之前向他们提出问题，或者您的网站加载时间过长等等，他们会继续前进 - 快速。旨在提供优化的、小型的、无忧的体验，同时仍然传达您想要传达的任何信息的基本部分。
-
初始内容加载只是弹出，然后您将页面重新提交到具有完整或最少内容的正确端点
-
对图像使用 srcset (developer.mozilla.org/en-US/docs/Learn/HTML/…)，lazyload 它们 (sitepoint.com/…)，然后将您的网站放在服务器上（或使用使用 WebP 压缩（或类似的东西）的 CDN）。 50 张图片不是繁重的，即使它们很大。如果您为此准备网站，那么（我认为）它不会造成问题，并且您不需要任何插页式广告来阻止/反弹您的访问者。 （当然，我可能错了；））
标签： javascript html mobile-website