[Решено]Проблемы со значками Font Awesome

[sasha3337774]

Здравствуйте, появилась странная проблема!
на главной странице магазине значки немного стают меньшими и бывает на секунду пропадают, но когда например заходить в карточку товара то все стает на свое место и отображается нормально.
может кто-то знает решение данной проблемы?
OC 2.3

Заранее спасибо)

Змінено 8 лютого 2021 користувачем sasha3337774

[Prooksius]

Логотип у вас сверху - размером 2896*1084 - зачем?  ))

200 кб лишнего трафика как раз загружается перед fontawesome.
Изображения, такие, как баннеры товары в каталоге, можно грузить с тэгом loading="lazy":

<img src="image.png" loading="lazy" alt="…" width="200" height="200">

 

[sasha3337774]

3 минуты назад, Prooksius сказал:

Логотип у вас сверху - размером 2896*1084 - зачем?  ))

200 кб лишнего трафика как раз загружается перед fontawesome.
Изображения, такие, как баннеры товары в каталоге, можно грузить с тэгом loading="lazy":

<img src="image.png" loading="lazy" alt="…" width="200" height="200">

 

логотип я сменил, но все равно проблема не ушла(

[Prooksius]

Можно попробовать сразу загрузить этот fontawesome, до всего

<link rel="preload" href="catalog/view/theme/oct_techstore/stylesheet/font-awesome/fonts/fontawesome-webfont.woff2" as="font" type="font/woff" crossorigin>

Пропишите после
<meta property="og:site_name" content="Дом Моды">

это в файле

catalog\view\theme\<ваша-тема>\template\common\header.tpl

[sasha3337774]

огромное спасибо за советы, но все равно не помогло((
очень странно, буду разбираться

[sasha3337774]

странно просто что это случилось не понятно как.
и удивительно что это только на главной
я ничего не устанавливал и лог ошибок тоже чистый

Змінено 8 лютого 2021 користувачем sasha3337774

[Venter]

4 минуты назад, sasha3337774 сказал:

странно просто что это случилось не понятно как.
и удивительно что это только на главной
я ничего не устанавливал и лог ошибок тоже чистый

пропишите как сказал @Prooksius и почистите кеш

[Venter]

все иконки сейчас у вас сразу грузятся

Змінено 8 лютого 2021 користувачем Venter

[Prooksius]

заметил, что fontawsome грузится два раза из разных источников.

Первый раз - c локального сервера, а второй - позже из maxcdn.bootstrapcdn.com
Чето у вас напутано, намешано.

[sasha3337774]

8 минут назад, Venter сказал:

пропишите как сказал @Prooksius и почистите кеш

почистил кэш модификаторов и браузера и все равно ничего не помогает..

[sasha3337774]

вы не поверите..
я нашел источник проблемы

[sasha3337774]

у меня был баннер и к нему я сделал кнопку в модуле HTML содержимое
эта кнопка была с эффектом(когда наводишь на нее курсор выезжает fa fa символ) собственно чтобы это происходило я в HTML содержимое подключил вот:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

это и был источник проблемы, сейчас уже все нормально 
Всем благодарен))

 

[Prooksius]

ну вот, я же говорю, два раза грузится фонт..

[sasha3337774]

1 минуту назад, Prooksius сказал:

ну вот, я же говорю, два раза грузится фонт..

еще раз спасибо

[Prooksius]

36 минут назад, Prooksius сказал:

<link rel="preload" href="catalog/view/theme/oct_techstore/stylesheet/font-awesome/fonts/fontawesome-webfont.woff2" as="font" type="font/woff" crossorigin>

 

пропишите вот так, забыл параметр, я думаю, быстрее будут значки показываться:

<link rel="preload" href="catalog/view/theme/oct_techstore/stylesheet/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" type="font/woff" crossorigin>

Змінено 8 лютого 2021 користувачем Prooksius

[sasha3337774]

8 минут назад, Prooksius сказал:

 

пропишите вот так, забыл параметр, я думаю, быстрее будут значки показываться:

<link rel="preload" href="catalog/view/theme/oct_techstore/stylesheet/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" type="font/woff" crossorigin>

ух ты..
действительно намного быстрее стало, огромное спасибо!

[Prooksius]

воо, щас вообще момментально значки показывает

[sasha3337774]

даа))
то что нужно

[Prooksius]

Вообще часто встречаются магазины с тяжелыми темами, когда эти значки сначала показываются как бы битыми, и только потом догружаются, когда css распарсится. Можно вот так вот сразу грузить этот фонт, какой бы шаблон ни был - все равно сразу загрузится, перед всем.

[sasha3337774]

я тут с Вами полностью согласен, очень часто когда захожу в магазин, то иконки долго показываются и выглядят как битые, но до этого момента)) теперь все грузится моментально