CSS 躲猫猫 IP 是一种通过 CSS 优化页面加载速度的技巧。在一些情况下，通过隐藏图片来加快页面加载速度是非常有用的。比如，如果一个页面上有很多图片的话，这些图片在用户打开页面时都会被下载。然而，这样的做法会导致页面的加载速度变慢，影响用户体验。

.example {background-image: url(hide-image-url);background-repeat: no-repeat;width: 1px;height: 1px;position: absolute;top: -1000px;left: -1000px;}

为了避免这种情况，我们可以使用 CSS 躲猫猫 IP 技巧。这个技巧的原理是创建一个 CSS 类，然后将要隐藏的图片的 URL 放在其中，最后将这个类应用到 HTML 元素上。这个元素的宽度和高度设为 1px，定位设为绝对定位，然后将其放在页面的上方或者左侧，使得它不会被用户看到。

通过这个技巧，我们可以将要隐藏的图片下载下来，但是却不会影响页面的加载速度。当用户需要使用这些图片时，它们可以直接从缓存中调用，从而加快页面的加载速度。

需要注意的是，CSS 躲猫猫 IP 技巧并不适用于所有的页面。在一些情况下，你可能需要以其他方式处理图片。另外，在设计页面时，也需要考虑到一些图片本身就不需要显示出来，这些图片可以在页面加载时直接不下载。