PageSpeed непонятка

fantats

Постоялец
Регистрация
30 Ноя 2014
Сообщения
330
Реакции
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 Для просмотра ссылки Войди или Зарегистрируйся

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

Пишет что напишите <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 Для просмотра ссылки Войди или Зарегистрируйся

Подскажите в чем причина.
Приветствую!
Посмотрите Для просмотра ссылки Войди или Зарегистрируйся.
Там ув. Для просмотра ссылки Войди или Зарегистрируйся подобный вопрос рассматривал
 
Приветствую!
Посмотрите Для просмотра ссылки Войди или Зарегистрируйся.
Там ув. Для просмотра ссылки Войди или Зарегистрируйся подобный вопрос рассматривал
Читал и использовал просто почему оно пишет Удалите неиспользуемый код CSS 0,3 s Для просмотра ссылки Войди или Зарегистрируйся ... мол сделайте так, а потом Вы его не используете. сразу бы написало - это лишние. ...
просто после удаления шрифта пишет ошибку 404 мол где шрифт? :) Я ничего вообще не могу понять
 
Читал и использовал просто почему оно пишет Удалите неиспользуемый код 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');
}
 
Всем хай.
Есть результаты теста
Для просмотра ссылки Войди или Зарегистрируйся

Пишет что напишите <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;
Ничего не помогает, как вы устранили баг ?
 
Последнее редактирование:
Столкнулся с такой же проблемой, панда 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 добавлял в хэдэр темы, ничего не поменялось, пробовал(возможно неверно) загружать шрифты на сервер и указывал адрес к ним, не помогло.
Подскажите пожалуйста как бороться с ними, желательно пошагово.
Заранее благодарен.
 
Здравствуйте, подскажите пожалуйста, как побороть 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. Имя файла и пути к ним у вас другие. Это для примера.
 
Для начала

<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. Имя файла и пути к ним у вас другие. Это для примера.
Расскажите пожалуйста подробнее(какой файл редактировать и тд)
Спасибо
 
Назад
Сверху