Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

FontAwesome квадратики на декілька мілісекунд


voronlviv
 Поделиться

Рекомендованные сообщения

Доброго вечора. Підкажіть, будь ласка, в чому може бути проблема.  Перед завантаженням сторінка (категорій наприклад) на декілька мілісекунд з'являють квадратики перед загрузкою іконок FontAwesome. Це можна якось виправити?

Ссылка на комментарий
Поделиться на других сайтах


Во проблему нашли "декілька мілісекунд"

Ссылка на комментарий
Поделиться на других сайтах

1 хвилину назад, buslikdrev сказав:

Во проблему нашли "декілька мілісекунд"

ну це кидається в очі

Ссылка на комментарий
Поделиться на других сайтах


Только что, voronlviv сказал:

ну це кидається в очі

Без ссылки на сайт вам никто не подскажет, что можно сделать. А так загрузку иконок сделайте быстрее других стилей.

Ссылка на комментарий
Поделиться на других сайтах

5 хвилин назад, buslikdrev сказав:

Без ссылки на сайт вам никто не подскажет, что можно сделать. А так загрузку иконок сделайте быстрее других стилей.

https://atletpro.com.ua/proteiny/

Ссылка на комментарий
Поделиться на других сайтах


22 минуты назад, voronlviv сказал:

Ну что это, и кто это сделал?

<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="catalog/view/theme/coloring/assets/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/theme/coloring/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<link href="catalog/view/theme/coloring/assets/font-awesome-4.4.0/css/font-awesome.min.css" rel="stylesheet" >
<link href="catalog/view/theme/coloring/assets/fontawesome-free-5.5.0-web/css/all.min.css" rel="stylesheet" >

 

Выберите какие-нибудь одни иконки, а скрипты установите ниже загрузки иконок.

Также шрифт иконок можно предзагрузить:

<link href="https://atletpro.com.ua/catalog/view/theme/coloring/assets/font-awesome-4.4.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0" type="font/woff2" rel="preload" as="font" crossorigin="anonymous" />

 

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

7 хвилин назад, buslikdrev сказав:

Ну что это, и кто это сделал?

та я сам це зробив, бо не хватало деяких іконок в 4 версії..дякую за підказку..буду тоді брати всі іконки з 5 версії..

Ссылка на комментарий
Поделиться на других сайтах


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

дякую за підказку.

Калі ласка

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

поставь скрипт-заглушку. когда весь контент загружен - страница визуализируется.

Ссылка на комментарий
Поделиться на других сайтах

12 година назад, esculapra сказав:

поставь скрипт-заглушку. когда весь контент загружен - страница визуализируется.

я не сильний в програмуванні...не знаю як написати такий скрипт.

 

Ссылка на комментарий
Поделиться на других сайтах


В 04.10.2021 в 21:14, buslikdrev сказав:

 

Также шрифт иконок можно предзагрузить:


<link href="https://atletpro.com.ua/catalog/view/theme/coloring/assets/font-awesome-4.4.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0" type="font/woff2" rel="preload" as="font" crossorigin="anonymous" />

 

Доброго вечора. Підкажіть, будь ласка, як правильно прописати передзагрузку, якщо я використовую fontawesome-free-5.5.0

Ссылка на комментарий
Поделиться на других сайтах


В 05.10.2021 в 10:13, voronlviv сказал:

я не сильний в програмуванні...не знаю як написати такий скрипт

Вот в архиве заглушка - я расписал куда включать.

Snap1.png

заглушка.zip

Ссылка на комментарий
Поделиться на других сайтах

В 07.10.2021 в 08:23, esculapra сказав:

Вот в архиве заглушка - я расписал куда включать.

 

заглушка.zip 1 \u041a\u0411 · 2 downloads

це все в header.tpl вставити? в мене в хідері є лише тег <body class="<?php echo $class; ?>">, закриваючого </body> немає

Ссылка на комментарий
Поделиться на других сайтах


38 минут назад, voronlviv сказал:

закриваючого </body> немає

он в футере. тут смысл такой - пока контент не загружен, работает заглушка. а потом отрабатывает скрипт и открывается страница.

Изменено пользователем esculapra
Ссылка на комментарий
Поделиться на других сайтах

В 04.10.2021 в 21:14, buslikdrev сказал:

Ну что это, и кто это сделал?

уродан какой-то. нужно понимать, что следующий стиль отменяет предыдущий, даже если он заявлен как !important. но если директиву вставить в шаблон, типа, <p style="font: red !important"> то будет испольоваться новый стиль - шрифт красный.

Ссылка на комментарий
Поделиться на других сайтах

В 10.10.2021 в 09:46, esculapra сказав:

уродан какой-то. нужно понимать, что следующий стиль отменяет предыдущий, даже если он заявлен как !important. но если директиву вставить в шаблон, типа, <p style="font: red !important"> то будет испольоваться новый стиль - шрифт красный.

Вставив: 

1. скрипт в stylesheet.css

2. Код заглушки після <body class="<?php echo $class; ?>"> в header.tpl

3. Скрипт перед тегом </body> в footer.tpl

 

І нічого не дало, квадратики перед загрузкою всерівно появляються.

Ссылка на комментарий
Поделиться на других сайтах


12 часов назад, voronlviv сказал:

І нічого не дало, квадратики перед загрузкою всерівно появляються.

дай фт доступ

Ссылка на комментарий
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.