PageSpeed непонятка

fantats

fantats

Постоялец
Регистрация
30 Ноя 2014
Сообщения
327
Реакции
195
Всем хай.
Есть результаты теста
Для просмотра ссылки Войди или Зарегистрируйся

Пишет что напишите <link rel=preload> .... Для просмотра ссылки Войди или Зарегистрируйся

Вставил в head.tpl шаблона строку
<link rel="preload" as="style" href="/themes/panda/font/fontello.woff2?94625965" onload="this.onload=null;this.rel='stylesheet'" crossorigin="anonymous"/>

Потом пишет что
Удалите неиспользуемый код CSS 0,3 s Для просмотра ссылки Войди или Зарегистрируйся

Подскажите в чем причина.
 
fantats написал(а):
Всем хай.
Есть результаты теста
Для просмотра ссылки Войди или Зарегистрируйся

Пишет что напишите <link rel=preload> .... Для просмотра ссылки Войди или Зарегистрируйся

Вставил в head.tpl шаблона строку
<link rel="preload" as="style" href="/themes/panda/font/fontello.woff2?94625965" onload="this.onload=null;this.rel='stylesheet'" crossorigin="anonymous"/>

Потом пишет что
Удалите неиспользуемый код CSS 0,3 s Для просмотра ссылки Войди или Зарегистрируйся

Подскажите в чем причина.
Нажмите для раскрытия...
Приветствую!
Посмотрите Для просмотра ссылки Войди или Зарегистрируйся.
Там ув. Для просмотра ссылки Войди или Зарегистрируйся подобный вопрос рассматривал
 
vitos1401 написал(а):
Приветствую!
Посмотрите Для просмотра ссылки Войди или Зарегистрируйся.
Там ув. Для просмотра ссылки Войди или Зарегистрируйся подобный вопрос рассматривал
Нажмите для раскрытия...
Читал и использовал просто почему оно пишет Удалите неиспользуемый код CSS 0,3 s Для просмотра ссылки Войди или Зарегистрируйся ... мол сделайте так, а потом Вы его не используете. сразу бы написало - это лишние. ...
просто после удаления шрифта пишет ошибку 404 мол где шрифт? :) Я ничего вообще не могу понять
 
fantats написал(а):
Читал и использовал просто почему оно пишет Удалите неиспользуемый код CSS 0,3 s Для просмотра ссылки Войди или Зарегистрируйся ... мол сделайте так, а потом Вы его не используете. сразу бы написало - это лишние. ...
просто после удаления шрифта пишет ошибку 404 мол где шрифт? :) Я ничего вообще не могу понять
Нажмите для раскрытия...

Все верно. Вы указали: "Предварительно загружать шрифт" и шрифт удалили... Гугл и спрашивает: "А где шрифт-то, который нужно предварительно загружать?"
Попробуйте всё наоборот: шрифты - это "тяжелая пакость" - загружаем в конце, а пока производим подмену.
Пробуйте так:
Верните шрифт назад (если он вам необходим для шаблона) -- уберите "preload" as="style" -- укажите дескриптор @font-face {font-display: swap; в css в самом начале перед font-family: -- в итоге задаем бесконечный период подмены для нормального рендеринга запасным "невидимым" браузерным шрифтом -- страница грузится быстрее -- гугл не ругается

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

css будет примерно такой (образец на примере шрифта Montserrat) :
Код: 
/* montserrat-regular - cyrillic */
@font-face {
  font-display:swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v14-cyrillic-regular.eot');
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v14-cyrillic-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v14-cyrillic-regular.woff2') format('woff2'),
       url('../fonts/montserrat-v14-cyrillic-regular.woff') format('woff'),
       url('../fonts/montserrat-v14-cyrillic-regular.ttf') format('truetype'),
       url('../fonts/montserrat-v14-cyrillic-regular.svg#Montserrat') format('svg');
}
/* montserrat-700 - cyrillic */
@font-face {
  font-display:swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v14-cyrillic-700.eot');
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('../fonts/montserrat-v14-cyrillic-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-v14-cyrillic-700.woff2') format('woff2'),
       url('../fonts/montserrat-v14-cyrillic-700.woff') format('woff'),
       url('../fonts/montserrat-v14-cyrillic-700.ttf') format('truetype'),
       url('../fonts/montserrat-v14-cyrillic-700.svg#Montserrat') format('svg');
}
 
fantats написал(а):
Всем хай.
Есть результаты теста
Для просмотра ссылки Войди или Зарегистрируйся

Пишет что напишите <link rel=preload> .... Для просмотра ссылки Войди или Зарегистрируйся

Вставил в head.tpl шаблона строку
<link rel="preload" as="style" href="/themes/panda/font/fontello.woff2?94625965" onload="this.onload=null;this.rel='stylesheet'" crossorigin="anonymous"/>

Потом пишет что
Удалите неиспользуемый код CSS 0,3 s Для просмотра ссылки Войди или Зарегистрируйся

Подскажите в чем причина.
Нажмите для раскрытия...

Столкнулся с такой же проблемой, панда V 1.4 , пс 1.6.1.9, PAGE CACHE ULTIMATE V6.3.5

Google page spped рекомендует preload для шрифта

…font/fontello.woff2?94625965
7 380 ms

в header.tpl даже строк нет с шрифтами, только <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$sttheme.custom_css_media}" /> . В global.css добавлял font-display:swap;
Ничего не помогает, как вы устранили баг ?
 
Последнее редактирование:
d3f_ написал(а):
Столкнулся с такой же проблемой, панда V 1.4 , пс 1.6.1.9, PAGE CACHE ULTIMATE V6.3.5

Google page spped рекомендует preload для шрифта

…font/fontello.woff2?94625965
7 380 ms

в header.tpl даже строк нет с шрифтами, только <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$sttheme.custom_css_media}" /> . В global.css добавлял font-display:swap;
Ничего не помогает, как вы устранили баг ?
Нажмите для раскрытия...

впсал в хедер /themes/panda/header.tpl (перед {$HOOK_HEADER} ищите где-то строка 95)

<link rel="preload" href="Для просмотра ссылки Войди или Зарегистрируйся" as = "font" crossorigin >
 
Здравствуйте, подскажите пожалуйста, как побороть page speed для шрифтов темы Zone 1.5.0 преста 1.7
вот список шрифтов:

Для просмотра ссылки Войди или Зарегистрируйся
1 980 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 980 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 980 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 980 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 980 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 980 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 980 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 980 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 680 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 230 ms

извиняюсь, за возможно глупый вопрос, я и так не очень силен в программировании, а с этими шрифтами бороться устал.
Preload добавлял в хэдэр темы, ничего не поменялось, пробовал(возможно неверно) загружать шрифты на сервер и указывал адрес к ним, не помогло.
Подскажите пожалуйста как бороться с ними, желательно пошагово.
Заранее благодарен.
 
Ziga написал(а):
Здравствуйте, подскажите пожалуйста, как побороть page speed для шрифтов темы Zone 1.5.0 преста 1.7
вот список шрифтов:

Для просмотра ссылки Войди или Зарегистрируйся
1 980 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 980 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 980 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 980 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 980 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 980 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 980 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 980 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 680 ms
Для просмотра ссылки Войди или Зарегистрируйся
1 230 ms

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

Для начала

<link rel="preload" href="{$urls.base_url}modules/ets_megamenu/views/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" type="font/woff2" crossorigin />

<link rel="preload" href="{$urls.base_url}themes/modez/assets/css/570eb83859dc23dd0eec423a49e147fe.woff2" as="font" type="font/woff2" crossorigin />

P.S. Имя файла и пути к ним у вас другие. Это для примера.
 
Riva написал(а):
Для начала

<link rel="preload" href="{$urls.base_url}modules/ets_megamenu/views/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" type="font/woff2" crossorigin />

<link rel="preload" href="{$urls.base_url}themes/modez/assets/css/570eb83859dc23dd0eec423a49e147fe.woff2" as="font" type="font/woff2" crossorigin />

P.S. Имя файла и пути к ним у вас другие. Это для примера.
Нажмите для раскрытия...
Расскажите пожалуйста подробнее(какой файл редактировать и тд)
Спасибо
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху