15.07.2020, 19:12 | #1 | ||
Member
Аспирант
Регистрация: 08.07.2020
Адрес: Санкт-Петербург
Сообщений: 73
Сказал(а) спасибо: 111
Получил(а) "Спасибо": 100
Нарушения: 0/0 (0)
Репутация: 2162
|
Картинка в base64 в CSS
Привет!
Решил поускорять загрузку картинок, переписал на base64 Было Цитата:
Цитата:
|
||
15.07.2020, 19:19 | #2 | |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,700
Получил(а) "Спасибо": 13,515
Нарушения: 0/0 (0)
Репутация: 1158348
|
Re: Картинка в base64 в CSS
Цитата:
А по коду непонятно, какое дублирование? |
|
15.07.2020, 19:36 | #3 |
Member
Аспирант
Регистрация: 08.07.2020
Адрес: Санкт-Петербург
Сообщений: 73
Сказал(а) спасибо: 111
Получил(а) "Спасибо": 100
Нарушения: 0/0 (0)
Репутация: 2162
|
Re: Картинка в base64 в CSS
Тут и читать не надо, если 20 мелких картинок, которые до этого из разных файлов грузились, всадить в один css в base64, то скорость отображения полной страницы сайта вырастет. Количество соединений к серверу уменьшится. Я уж молчу, что css у меня прямо в странице грузится. Самопис, кода мало.
Cпрайты у меня не прижились. Когда имя /images/rating.png в нескольких местах используется, броузер его закеширует и второй раз скачивать не будет. А мне надо две одинаковые картинки в base64 вставить. Но как бы так похитрому, чтобы длинный base64 один раз описать, а из других мест на него ссылки были или что-то подобное. |
15.07.2020, 19:37 | #4 |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,700
Получил(а) "Спасибо": 13,515
Нарушения: 0/0 (0)
Репутация: 1158348
|
Re: Картинка в base64 в CSS
vga1, я поофтопю немного, простите А нахуха так извращаться?
|
15.07.2020, 19:45 | #5 |
Member
Аспирант
Регистрация: 08.07.2020
Адрес: Санкт-Петербург
Сообщений: 73
Сказал(а) спасибо: 111
Получил(а) "Спасибо": 100
Нарушения: 0/0 (0)
Репутация: 2162
|
Re: Картинка в base64 в CSS
Да пожалуйста, мне 25 сообщений еще набрать надо
Чтобы побыстрее сайт грузился. Индусы же страдают, когда на их кнопочном смартфоне медленно грузится. Да и карму Гугль долгой загрузкой понижает, хотя бы в их инструментах. Страница меньше дергается, когда все картинки в теле. У меня пунктик, я программировать начинал с ассемблера, поэтому хочу чтобы код был маленький и быстрый |
Сказали спасибо: |
15.07.2020, 19:52 | #6 | |
Позитив =)
Академик
Регистрация: 21.06.2020
Адрес: Санкт-Петербург
Сообщений: 4,368
Сказал(а) спасибо: 24,700
Получил(а) "Спасибо": 13,515
Нарушения: 0/0 (0)
Репутация: 1158348
|
Re: Картинка в base64 в CSS
Цитата:
Я сам люблю, когда красиво, но это уже совсем перебор, имхо |
|
15.07.2020, 19:52 | #7 |
На серче с 29.03.2006
Профессор
Регистрация: 14.07.2020
Сообщений: 751
Сказал(а) спасибо: 147
Получил(а) "Спасибо": 1,068
Нарушения: 0/0 (0)
Репутация: 403359
|
Re: Картинка в base64 в CSS
vga1, а почему так никто не делает ? Есть какая то инфа по этому вопросу?
|
15.07.2020, 20:08 | #8 |
Особый статус
Студент
Регистрация: 21.06.2020
Сообщений: 10
Сказал(а) спасибо: 29
Получил(а) "Спасибо": 43
Нарушения: 0/0 (0)
Репутация: 59673
|
Re: Картинка в base64 в CSS
vga1, может так?
Код:
.ratings_1, .rating_2 { background: url("data:image/pgn;base64,МНОГО-МНОГО-МНОГО-ТЕКСТА") repeat-x; } |
15.07.2020, 20:17 | #9 | |
≡ Internet☭ ≡
Профессор
Регистрация: 26.06.2020
Адрес: ≡ Internet☭ ≡
Сообщений: 876
Сказал(а) спасибо: 338
Получил(а) "Спасибо": 1,673
Нарушения: 0/0 (0)
Репутация: 338579
|
Re: Картинка в base64 в CSS
Цитата:
Я не понял откуда вы это взяли) Грузите все иконки в один файл рисунка, потом вычесляется его местоположение: PHP код:
Может вам надо шрифтовые иконки или svg |
|
Сказали спасибо: |
15.07.2020, 20:20 | #10 |
Member
Аспирант
Регистрация: 08.07.2020
Адрес: Санкт-Петербург
Сообщений: 73
Сказал(а) спасибо: 111
Получил(а) "Спасибо": 100
Нарушения: 0/0 (0)
Репутация: 2162
|
Re: Картинка в base64 в CSS
|