Как стать автором
Обновить

Разгоняем favicon.ico — это как?

Клиентская оптимизация
В очередной презентации Yahoo! о клиентской производительности был поднят вопрос о favicon.ico. Они проводили несколько интересных фактов о данном явлении и давали пару советов. Процитирую их рекомендации:

  • www.example.org/favicon.ico
  • Необходимое зло:
    • Браузер ее запросит
    • Лучше не отвечать 404-ошибкой
    • Будут отправлены cookie
    • Не может быть в CDN
    • Мешается в последовательности загрузки ресурсов
  • Уменьшайте ее (<=1 Кб)
  • Использовать анимированные иконки ни разу не хорошо
  • Выставляйте заголовок Expires
  • Инструменты: imagemagick, png2ico, favicon.ru
  • Материал для изучения: в поиске Yahoo! favicon.ico занимает 9% всех просмотров страниц (для webo.in это 7%)




Поскольку favicon.ico не является обычной картинкой при загрузке сайта (она, во-первых, запрашивается едва ли не один-единственный раз браузером при посещении сайта, во-вторых, загружается, игнорируя обычный порядок загрузки), то в дополнение к уже имеющейся информацией я захотел провести ряд дополнительных исследований и объединить все, что известно прогрессивному человечеству на данную тему. Однако, в ходе изучения материала оказалось, что проблема совсем не так прозрачна, как представлялось изначально. Формат .ico предстал в новом, весьма выгодном для использования в вебе, свете.

читать дальше на webo.in →
Теги:оптимизацияпроизводительностьскорость загрузкиfavicon.ico
Хабы: Клиентская оптимизация
Всего голосов 100: ↑94 и ↓6 +88
Просмотры4.7K

Похожие публикации

Аудит и оптимизация QA-процессов
25 июня 202113 000 ₽Лаборатория Качества
Факультет дизайна
21 июня 2021236 988 ₽GeekBrains
Профессия iOS-разработчик
21 июня 202190 000 ₽SkillFactory
Профессия Аналитик данных
21 июня 202169 000 ₽SkillFactory

Лучшие публикации за сутки