简体繁体中英

Why does Google include a lot of icons inside their result page's logo? Is it an optimization technique?

原文 2015-05-20 13:54:58 4 1 javascript/ html/ image/ image-processing/ optimization

A moment ago I found out that the Google logo image of the results page contains a lot of icons (you can see this simply by dragging or inspecting the logo).

I don't think this is a bug so, what's its purpose?
Is it an optimization technique? If so, how it works?

在此输入图像描述

1 answers

It's called a CSS sprite. It is a performance technique as requesting many small images is costly as it requires a lot of HTTP requests. This only requires one.

Here is a short guide on how to make and use them.

In short: CSS Sprites are a means of combining multiple images into a single image file for use on a website, to help with performance.

How to expand the google logo on google's home page?

Why does it splice a lot of elements when it's supposed to take 2 away

Does having a lot of inner 'helper' functions inside a functional stateless react component will result in worse performance

What's the technique behind animation on a web page?

Why does the code seem to work yet also include undefined in the result?

Why does splitting with RegEx group include the group in the result?

What's the max optimization / code reduction for a lot of repeated if/else statements?

Why does my page automatically go up each time the logo is refreshed?

Why does Google Tag Manager not include tags on certain pages?

Why Google PlacesService or Geocode not saving the result inside function?

暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question How to expand the google logo on google's home page? Why does it splice a lot of elements when it's supposed to take 2 away Does having a lot of inner 'helper' functions inside a functional stateless react component will result in worse performance What's the technique behind animation on a web page? Why does the code seem to work yet also include undefined in the result? Why does splitting with RegEx group include the group in the result? What's the max optimization / code reduction for a lot of repeated if/else statements? Why does my page automatically go up each time the logo is refreshed? Why does Google Tag Manager not include tags on certain pages? Why Google PlacesService or Geocode not saving the result inside function?

Related Tags

Why does Google include a lot of icons inside their result page's logo? Is it an optimization technique?

Question

1 answers

solution1 3 ACCPTED 2015-05-20 14:00:12

solution1
3 ACCPTED 2015-05-20 14:00:12