1. รวมภาพพื้นหลังที่กระจัดกระจายทั้งหมดที่เกี่ยวข้องกับเพจให้เป็นรูปภาพขนาดใหญ่ จากนั้นใช้รูปภาพขนาดใหญ่สำหรับหน้าเว็บ เมื่อผู้ใช้เข้าถึงเพจ พวกเขาจะต้องส่งคำขอไปยังเซิร์ฟเวอร์เพียงครั้งเดียวเท่านั้น
2. ใช้แอตทริบิวต์โดยตรง เช่น ตำแหน่งพื้นหลัง เพื่อค้นหาส่วนพื้นหลังที่ต้องการอย่างถูกต้อง
ตัวอย่าง
<!DOCTYPE html>
<html>
<หัว>
<meta charset="UTF-8">
<title>ชื่อเรื่อง</title>
</หัว>
<ร่างกาย>
<div>
<span></span>
<span></span>
<span></span>
</div>
</ร่างกาย>
<สไตล์>
.box ขยาย {
จอแสดงผล: อินไลน์บล็อก;
-
.เจ {
พื้นหลัง: url("abcd.jpg") ไม่ซ้ำ -389px -141px;
ความกว้าง: 102px;
ความสูง: 112px;
-
.w {
พื้นหลัง: url("abcd.jpg") ไม่ทำซ้ำ -117px -560px;
ความกว้าง: 135px;
ความสูง: 112px;
-
.ที {
พื้นหลัง: url("abcd.jpg") ไม่ทำซ้ำ -368px -417px;
ความกว้าง: 102px;
ความสูง: 112px;
-
</สไตล์>
</html>ข้างต้นนี้เป็นการแนะนำเทคโนโลยีสไปรท์ CSS ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน