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

12
G1
На сайте с 06.08.2010
Offline
196
903

Всем привет. На сайте на главной странице и категориях тизеры статей подгружаются странным образом, сначала подгружаются все данные в 1 столбец, и только через пару секунд анонсы статей перераспределяются в 2 столбца. Как это можно исправить?

Полагаю, что проблема в нестандартном шрифте или высота блоков долго считается. В какую сторону капать? Сайт на Друпал.

[umka]
На сайте с 25.05.2008
Offline
456
#1

А что мешает жестко задать размеры блока с рекламой?

Лог в помощь!
G1
На сайте с 06.08.2010
Offline
196
#2

Причем тут реклама? Я говорю о главной странице.

Эта проблема вышла из-за того что у нас кирпичная сетка и для того чтобы они красиво отображались мы используем масонри. Но из слов программиста:

я говорю что происходит изменение высоты, масонри уже сработал, потом сработал шрифт и отступы у блоков поплыли - это как раньше было, или мы ждем подгрузки шрифта и потом инициализируем масонри
[umka]
На сайте с 25.05.2008
Offline
456
#3

Ну у меня, как у каждого уважающего себя человека, включен адблок. И, если, реклама не показывается, то сайт грузится сразу как надо. А если адблок отключить, то сайт грузится так как вы описываете: сначала всё в один столбец, потом два.

G1
На сайте с 06.08.2010
Offline
196
#4

Ого, странная связь, надо проверить.

S
На сайте с 30.09.2016
Offline
469
#5
Gagarin12:
В какую сторону капать?

Капайте на программиста. С ним договаривайтесь. Он же Вам написал

отступы у блоков поплыли - это как раньше было, или мы ждем подгрузки шрифта и потом инициализируем масонри
Сейчас в скрипте main.js заложена инициализация масонри после загрузки шрифта.
Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
G1
На сайте с 06.08.2010
Offline
196
#6

Вот программист пишет:

На сайте используется masonry для выстраивания по кирпичной сетке. Проблема:
Еесли инициализировать masonry как обычно то возникает проблема с отступами между блоками, выясняя причину решил что она в шрифте, шрифт подгружается не сразу и у некоторых заголовков изменяется высота в большую сторону (заголовок может из двух строчек увеличится до 3). Сделал инициализацию masonry после загрузки шрифта, но тогда долго визуально сайт висит в одну колонку (сейчас как раз так).

Далее:

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

Мне этот вариант вообще не нравится.

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

---------- Добавлено 19.01.2018 в 13:03 ----------

Sitealert:
Сейчас в скрипте main.js заложена инициализация масонри после загрузки шрифта.

То есть выше написал. Если делать до, то блоки анонсов статей слипаются друг с другом.

NothingMatters
На сайте с 12.06.2017
Offline
45
#7

Добавьте прелоадер до загрузки скриптов\шрифтов. Тогда ничего не будет скакать, а пока все это грузится, человек будет любоваться красивым прелоадером.

G1
На сайте с 06.08.2010
Offline
196
#8
NothingMatters:
Добавьте прелоадер до загрузки скриптов\шрифтов. Тогда ничего не будет скакать, а пока все это грузится, человек будет любоваться красивым прелоадером.

Думали об этом, но такое решение не очень нравится.

---------- Добавлено 19.01.2018 в 13:41 ----------

Еще есть идея от программиста:

http://joxi.ru/BA0654lTBaOeJm это заголовок с стандартными шрифтами , занимает две строчки, шрифты что подчеркнул - это как их верстальщик прописал
http://joxi.ru/DmBJ8EjtNOGRQm а это с шрифтом с дизайна. можно подобрать какой нибудь шрифт чтоб небыло такой разницы между ними в размерах? можно в принципе менять даже не NEXTART_Bold в сторону Arial, а наоборот что нибудь вместо Arial чтоб по размерам на NEXTART_Bold походил.
я еще попробую увеличить размер шрифта начального, а после подгрузки NEXTART_Bold ставить как в дизайне , ну в общем смысл все тот же, чтоб между ними не было такой разницы
G1
На сайте с 06.08.2010
Offline
196
#9

Вот тут проблему решили путем замены шрифтов https://soutgid.ru/, но шрифт некрасивый, помогите подобрать, пожалуйста, кто в этом понимает? Должно быть плюс минус по габаритам также как и на примере...

tommy-gung
На сайте с 22.11.2006
Offline
287
#10

инициализируйте масонри сразу.

после загрузки шрифта сделайте ресайз, и колонки перерисуются

Здесь не могла быть ваша реклама
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий