Перейти к публикации
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

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


voronlviv
 Погделиться

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

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

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


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

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

16 хвилин назад, multitask85 сказав:

Отклюлить JetCache или Lightning

не стоїть нет перше, нет друге

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


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 сказал:

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

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

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