html - 替代网站上的多个 SVG 文件
问题描述
我有一个网站,我调用了 50 个不同的 SVG 图像,例如:
<object type="image/svg+xml" width="50" height="50" data="img/icons/image1.svg">
Image1
</object>
<object type="image/svg+xml" width="50" height="50" data="img/icons/image2.svg">
Image2
</object>
这显然不是最好的方法,因为它增加了 http 请求的数量并减慢了网站的速度。什么是最好的方法。将所有这些图像合并到一个文件中并这样调用它们?
解决方案
推荐阅读
- c# - JSON 到 C# 类的无效类型对象具有不一致的数字名称
- html - 设置高度尽可能占用最小宽度的 div
- bash - 尝试通过 docker exec 获取 bash,但没有任何效果(Jaeger 容器)-> OCI 运行时 exec 失败
- jquery - 使用 ASP.NET 和 jQuery 执行 SQL Server 脚本的最佳方式?
- vue.js - Vue.js 与 CSS 网格表不兼容
- windows - Windows 中 rabbitmq Docker 容器的正确路径
- swiftui - 如何在包含选取器的 SwiftUI 表单中隐藏键盘?
- python-3.x - hdiutil 的直接密码设置不起作用
- python - 计算python列表中的连续数字
- javascript - 我无法使用 Java 通过 selenium Web 驱动程序从 Amazon.ca 页面打开“全部”下拉菜单