如何通过移动 Web 开发有效利用资源

How to effectively use resources with mobile web development?

本文关键字：资源 有效 开发 何通过 移动 Web      更新时间：2023-09-26

我是移动Web开发的新手，我正在尝试找出最佳结构。我决定使用一个子域来处理所有移动内容，如果它检测到移动，则使用一些指向该子域的 JavaScript。

我的 JavaScript 文件指向 http://m.mywebsite.com 。子域位于"根/移动"的服务器上，因此可以在那里获取所有移动使用的资源。

这是我的困惑：为了使用更少的资源和数据，重复的文件我回到一个目录。例如，要嵌入徽标图像，我将使用src="../images/logo.png"。这难道不对吗？这样做有什么缺点吗？我认为制作一个新的图像目录并将徽标的副本放在其中没有意义，因为它会使用更多数据。虽然，我在网上看到的任何地方，人们都在他们的移动目录中制作重复的目录。

也许没关系，我想多了。或者也许我找错了地方...如果是这种情况，有人可以提供有用的链接来开始移动使用吗？

谢谢！！

我希望我能做对。

无论常规（非移动）资源文件夹是否位于不同的域/子域中，为了安全起见，您都可以通过指定完整 URL（只要客户端有权访问它，请参阅 CORS）而不是相对 URL 来引用该文件夹。

src="http://m.mywebsite.com/images/logo.png"
src="http://m.mywebsite.com/mobile/images/logo.png"
src="http://mywebsite.com/images/logo.png"

关于图像复制，最好将桌面图像的较小分辨率副本用于移动版本。较小的图像可以在较小的屏幕上实现更好的缩放和更好的延迟（因为文件的大小较小，可供下载）。

因此，如果您将较小的图像用于移动版本，则无论如何都不会重复。

考虑到大多数存储成本比网络流量成本便宜得多。因此，最好为每个相关案例提供适当的资源，而不是担心一个或多或少的目录。

相关文章：