Оптимизация размера спрайта изображения против запросов http
Я создаю веб-сайт, и дизайн имеет много фоновых изображений, поэтому я использовал спрайты изображений для оптимизации времени загрузки страницы.
Дело в том, что у меня есть 3 спрайт-изображения, 2 из которых имеют размер 200 КБ каждое, а размеры не превышают 900x700 пикселей.
Мой вопрос об оптимизации скорости страницы. Что даст лучший результат? Будет ли лучше использовать два спрайта по 200 КБ или лучше разбить их на 4 спрайта по 100 КБ каждый.
Насколько я прочитал много статей, в основном разработчики и эксперты говорят, чтобы минимизировать http-запросы, потому что в наши дни интернет достаточно быстр, поэтому загрузка не занимает много времени. Я согласен в некоторой степени, но я не могу решить, что мне нужно сделать еще 2 запроса http с меньшим размером изображения или меньше запроса http с большим размером изображения.
1 ответ
Для меня это похоже на микрооптимизацию, но в любом случае наиболее эффективный способ - вставить изображение на html-страницу, поэтому вы просто используете один http-запрос страницы.
Вы можете встроить изображение, используя новый data: Протокол и включение изображения в виде строки в кодировке base64, ознакомьтесь с этим руководством для получения подробной информации.