Оптимизация под Page Speed

[vold57]

Ох уж этот раздутый speed test. Лучше сравните выдачу сайтов по вашим запросам. Если есть в выдаче (а они есть наверняка) сайт, с более худшими показателями, то не обращайте на этот показатель внимание. Копайте в другом месте

Копать нужно только в одном месте, так как лопата только одна. Или переспам убираем, или функционал сайта улучшаем, или тайтлы правим или ссылки покупаем или скорость загрузки оптимизируем.     

Если есть реклама на сайте, то попробует отключить ее и проверить сайт еще раз. У меня реклама отнимает половину баллов. Так что возможно дело и не сайте-то вовсе.

Так вывод какой? Если реклама отнимает часть балов, то оптимизировать время загрузки страниц не нужно?

[dionisvl]

WebP сжимает очень хорошо причем без потери качества, и сайт начинает открываться гораздо быстрее. Сейчас его поддерживают все кроме яблок.
Это легко решить тегом picture
(Могу ускорить ваш сайт до 1 сек в десктопе и 4 сек в мобилке - ДОРОГО)

[Alines]

Просмотрев все сообщения хочу ответить на два тезиса, авторы которых используют устаревшую информацию.

1) Перенести все скрипты, шрифты и файлы на свой сайт.

Относительно js и css файлов согласен. Это значительно ускоряет загрузку страницы. Особенно если они объединяются с помощью плагина, минимизируются и поддаются gzip сжатию. Переносить их нужно, даже основной файл библиотеки js. Это хорошо прибавит в скорости. 

Но по поводу шрифтов ситуация обратная. По крайне мере, если  речь идет о гугл шрифтах. Буквально пару дней назад делал тесты на нескольких своих сайтах. Шрифты были встроены через гугл. Скачал их, внедрил на сайты локально. Как результат скорость загрузки страницы упала на 10%. Вернул обратно как было и скорость возросла обратно.

2) Результаты PageSpeed Insights условные и притянутые за уши.

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

К тому же в Google Search консоль появился пункт "Скорость загрузки". Пока как экспериментальный. Но данные он берет как раз таки из своего инструмента PageSpeed Insights. И этот параметр скорости загрузки в ближайшее время будет влиять на ранжирование. Если уже не влияет. Так что оптимизация именно под тестер от Гугла становится как никогда актуальной.

[alexakap]

Но по поводу шрифтов ситуация обратная. По крайне мере, если  речь идет о гугл шрифтах. Буквально пару дней назад делал тесты на нескольких своих сайтах. Шрифты были встроены через гугл. Скачал их, внедрил на сайты локально. Как результат скорость загрузки страницы упала на 10%. Вернул обратно как было и скорость возросла обратно.

Вероятно, вы просто как то неправильно их поставили. Перенос шрифтов к себе на сайт позволяет значительно прибавить в скорости. Это даже визуально должно быть заметно. Как минимум снижения быть не должно на нормальном сервере. Давайте сайт, на котором скорость после переноса упала, вечером посмотрю, скачаю ваши шрифты и напишу css. Я сотни две сайтов на ВП оптимизировал по скорости и не было такого, что скорость после переноса упала бы. И мы говорим про оптимизацию под google page speed, а не про оптимизацию скорости. Это немного разные вещи. Например, гугл дает дополнительные "очки" за то, что шрифты подключены со свойством font-display: swap; хотя на скорости это не отражается

[Alines]

Вероятно, вы просто как то неправильно их поставили. Перенос шрифтов к себе на сайт позволяет значительно прибавить в скорости. Это даже визуально должно быть заметно. Как минимум снижения быть не должно на нормальном сервере. Давайте сайт, на котором скорость после переноса упала, вечером посмотрю, скачаю ваши шрифты и напишу css. Я сотни две сайтов на ВП оптимизировал по скорости и не было такого, что скорость после переноса упала бы. И мы говорим про оптимизацию под google page speed, а не про оптимизацию скорости. Это немного разные вещи. Например, гугл дает дополнительные "очки" за то, что шрифты подключены со свойством font-display: swap; хотя на скорости это не отражается

Пожалуйста. Шрифты были внедрены с помощью:

Код Выделить Развернуть

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

Сайт: alimshake.com

На данный момент шрифты внедряются через гугл.

[alexakap]

Пожалуйста. Шрифты были внедрены с помощью:

Код Выделить Развернуть

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

Сайт: alimshake.com

На данный момент шрифты внедряются через гугл.

У вас используется noto sans. Это специальный шрифт, который выглядит одинаково на разных языках. Все шрифты суммарно весят вроде 12 МБ. У вас на сайте какие языки используются? Только английский?
Добавлено: 18-03-2020, 15:09:41

Пожалуйста. Шрифты были внедрены с помощью:

Код Выделить Развернуть

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

Сайт: alimshake.com

На данный момент шрифты внедряются через гугл.

Собственно, сейчас скорость загрузки фиксируем 74/98
Файлы шрифтов по ссылке https://yadi.sk/d/YEVk9VFuzLK2hQ
В корне сайта создаете папку fonts, заливаете туда шрифты
В начало css файла или хэдер сайта добавляете

Код Выделить Развернуть


@font-face {
font-family: "Noto Sans";
url("/fonts/noto-sans-v9-latin-ext_latin-regular.woff2") format("woff2");
font-style: normal;
font-weight: 400;
font-display: swap;
}

@font-face {
font-family: "Noto Sans";
url("/fonts/noto-sans-v9-latin-ext_latin-700.woff2") format("woff2");
font-style: normal;
font-weight: 700;
font-display: swap;
}


[Alines]

У вас используется noto sans. Это специальный шрифт, который выглядит одинаково на разных языках. Все шрифты суммарно весят вроде 12 МБ. У вас на сайте какие языки используются? Только английский

Да, только английский.

В корне сайта создаете папку fonts, заливаете туда шрифты
В начало css файла или хэдер сайта добавляете

Посмотрел ваш код. Вспомнил, что что-то подобное уже пробовал тоже. Но попробую еще раз с вашими файлами. Спасибо.
Добавлено: 18-03-2020, 15:42:39

Код Выделить Развернуть


@font-face {
font-family: "Noto Sans";
url("/fonts/noto-sans-v9-latin-ext_latin-regular.woff2") format("woff2");
font-style: normal;
font-weight: 400;
font-display: swap;
}

@font-face {
font-family: "Noto Sans";
url("/fonts/noto-sans-v9-latin-ext_latin-700.woff2") format("woff2");
font-style: normal;
font-weight: 700;
font-display: swap;
}


Только что обратил внимание, что вы только woff2 поставили. А как же другие форматы? То, что вы передали через яндекс диск у меня есть. Только к тому же еще все остальные форматы шрифтов.

[Val_Ery]

Но по поводу шрифтов ситуация обратная. По крайне мере, если  речь идет о гугл шрифтах.

Ну, мы же с вами (надеюсь) в России жевем... Или вы уже забыли, как телеграм блoкировали?

Я готов пожертвовать 5% скорости загрузки моего любимого Montserrat. Ибо РКН у нас полномочий не лишили. К тому же, суверенный интернет наступает...

[alexakap]

Только что обратил внимание, что вы только woff2 поставили. А как же другие форматы? То, что вы передали через яндекс диск у меня есть. Только к тому же еще все остальные форматы шрифтов.

Откройте код сайта и перейдите по ссылке, по которой у вас подключаются шрифты
<link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,700&display=swap" rel="stylesheet">
У вас подлючаются все возможные языки в формате .woff2
Вам нужен только латинский с font-weight 400 и 700, поэтому вам надо только 2 файла
Я не против, можете подключить все. Но зачем, если они не используются

[webPC]

на системе Prestashop 1.7.6.4
и на настроенном веб-сервере
CentOS 7.7 (nginx 1.16 + php 7.3 + mysql 5.7)
можно с стандартными jpg изображениями (quality 80% 72dpi) вполне легко добиться "зелёного" GooglePageSpeed практически для всех страниц
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fnasosvdom.com.ua%2F

https://clip2net.com/clip/m363771/0a7bb-clip-41kb.png?nocache=1