Skip to content

Commit

Permalink
XS ◾ Archived obsolete rule on graphics (#9834)
Browse files Browse the repository at this point in the history
* Update rule.md

* Auto-fix Markdown files

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
  • Loading branch information
tiagov8 and github-actions[bot] authored Feb 3, 2025
1 parent 128530f commit 22ec94e
Showing 1 changed file with 8 additions and 6 deletions.
14 changes: 8 additions & 6 deletions rules/do-you-use-image-sprites-to-reduce-http-requests/rule.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@
---
seoDescription: Reduce HTTP requests and speed up page load times by using CSS image sprites, a technique that combines multiple images into one, allowing browsers to display only the needed portion.
type: rule
archivedreason:
archivedreason: Considered obsolete due to advancements in modern web technologies, like https://www.ssw.com.au/rules/use-a-cdn
title: Do you use image sprites to reduce HTTP requests?
guid: feb7f72b-d35c-4b46-a86b-92ae10916504
uri: do-you-use-image-sprites-to-reduce-http-requests
created: 2015-10-13T00:58:22.0000000Z
authors: []
authors:
- title: Adam Cogan
url: https://ssw.com.au/people/adam-cogan
related: []
redirects: []
---
Expand All @@ -17,14 +19,14 @@ A sprite is an image that has all of your other images inside of it, so if your

The benefits to use CSS image sprites are:

- to save bandwidth
- to reduce HTTP server requests
- to speed up page load times
* to save bandwidth
* to reduce HTTP server requests
* to speed up page load times

Ensure that the file size of your master image isn't greater than the sum of its pieces.

::: bad
![Figure: Bad Example - four images, one for each icon](ImageSprites_bad.gif)
![Figure: Bad example - four images, one for each icon](ImageSprites_bad.gif)
:::

::: good
Expand Down

0 comments on commit 22ec94e

Please sign in to comment.