Модуль оптимизации "PageSpeed" - правильная настройка - Общие вопросы оптимизации - Практические вопросы оптимизации

37

artvolt

21 апреля 2024, 14:39

842

Здравствуйте. Переехал недавно на новый хостинг. В техническом функционале есть бесплатный модуль оптимизации "PageSpeed". Там 31 пункт. Я проставил галочки в каждом пункте и активировал модуль. Сайт после этого не ускорился, а такое впечатление что наоборот немного замедлился. Оценка сервиса "PageSpeed Tools Insights" не повысилась, а даже чуть понизилась. В интернете пишут что для реального позитивного результата надо выборочно активировать определённые пункты. Подскажите пожалуйста какие пункты наиболее полезные и именно их надо в первую очередь активировать, а что трогать не надо.

№               Описание        

1) Удалить ненужные пробелы из HTML кода
2) Соединить CSS файлы в один
3) Соединить JavaScript файлы в один
4) Заменить повторяющиеся встроенные в HTML код изображения специальным JavaScript кодом, который загружает изображение при первом совпадении
5) Удалить ненужные атрибуты в HTML тегах
6) Добавить атрибуты по умолчанию в теги script и style, которые в них отсутствуют       
7) Улучшить кешируемость
8) Перезаписывать URL в CSS файлах даже если CSS файлы не подлежат парсингу (корректному разбору)
9) Соединить правила импорта (@import) в CSS файлах с помощью замены правил в содержимом импортируемых ресурсов
10) Разместить в заголовках ответа ссылки на CSS и JavaScript ресурсы для кеширования их браузером
11) Внедрить небольшие внешние CSS файлы в HTML код страницы
12) Внедрить теги <style> содержащие только элементы импортирующие элементы CSS (@import) конвертируя их в соответствующие ссылки
13) Внедрить небольшие внешние Javascript файлы в HTML код страницы     подробнее
14) Загружать изображения, когда они появляются на экране монитора клиента      
15) Загружать встроенные изображения и CSS файлы в локальное HTML5 хранилище, откуда браузер извлекает их впоследствии, вместо повторного запрашивания их с сервера
16) Перенести CSS выше тегов Script
17) Перенести CSS внутрь тегов <HEAD>
18) Перенести большие встроенные теги <style> во внешние файлы для улучшения кеширования
19) Перенести большие встроенные теги <script> во внешние файлы для улучшения кеширования
20) Улучшить загрузку критических CSS файлов поместив их в начала документа     
21) Удалить HTML комментарии
22) Удалить не нужные кавычки из HTML тегов
23) Внедряет в код HTML маленькое превью изображения (низкого качества) ваших изображений и показывает их до тех пор пока оригинальные изображения не будут загружены. Применяется только для мобильных браузеров
24) Изменяет размер картинок до указанных размеров      подробнее
25) Уменьшение CSS файлов
26) Изменяет масштаб, и сжимает изображения; встраивает маленькие изображения в HTML код
27) Уменьшать Javascript файлы
28) Перезаписывать CSS в атрибутах тегов <style>. Необходимо подключить фильтр “Уменьшение CSS файлов”
29) Перезаписывать CSS в атрибутах тегов <style>. Необходимо подключить фильтр “Уменьшение CSS файлов”. Работает только если атрибут содержит 'url('
30) Фильтр "Sprite изображений" определяет GIF и PNG изображения, используемые в качестве фона в CSS файлах. Так же пытается объединить все такие изображения в один файл
31) Внедряет в код HTML превью картинки (низкого качества) ваших изображений и показывает их в браузере до тех пор, пока оригинальные изображения не будут загружены

(Важно: PageSpeed оптимизирует весь контент «на лету». Таким образом файлы на сервере не изменяются.)

👍 Форум на движке SMF - https://art-cafe.info ~ 👍 Блог Позитивных Новостей - https://www.joynews.ru ~ 👍 Качественный ХОСТИНГ и любые ДОМЕНЫ по хорошим ценам - https://www.hostland.ru/?r=16435be9

1

C

1

chekashov

21 апреля 2024, 14:46

#1

Вы бы сайт скинули, что бы было понятнее в чем проблема. А так жать на все кнопки смысла нет. Да и ответ у вас в PS, обычно сразу понятно почему грузится долго

1

65

Asmin

21 апреля 2024, 14:47

#2

А что за хостинг такой интересный ?

101

3rd.Mate

21 апреля 2024, 15:41

#3

Заменить повторяющиеся встроенные в HTML код изображения специальным JavaScript кодом, который загружает изображение при первом совпадении

Сомнительная затея. При загрузке страницы делается один запрос и картинка кешируется. Повторяющиеся изображения отдаются из кеша. Непонятно для чего городить JS.

5) Удалить ненужные атрибуты в HTML тегах
6) Добавить атрибуты по умолчанию в теги script и style, которые в них отсутствуют

Два взаимоисключающих указания. Насколько я понимаю, речь об атрибуте type. Согласно спецификации он не обязателен, его можно не указывать в данных тегах и тогда будет меньше html кода.

2) Соединить CSS файлы в один
3) Соединить JavaScript файлы в один

Ну не знаю. Есть такой подход к разработке как code splitting и мне вот он больше импонирует.

11) Внедрить небольшие внешние CSS файлы в HTML код страницы

А как же совет из 2 пункта?

Загружать встроенные изображения и CSS файлы в локальное HTML5 хранилище, откуда браузер извлекает их впоследствии, вместо повторного запрашивания их с сервера

Улучшить кешируемость

Можно было просто написать - включить кеширование статических файлов.

В общем все очень напутано. На мой взгляд это ерундовый тест, лучше воспользоваться этим.
Активировать можно кеширование и минификацию html/css/js кода. Для остального лучше программиста нанять - это автоматически никак не сделать т.к. нужно понимать принцип работы сайта.

1

Code splitting - MDN Web Docs Glossary: Definitions of Web-related terms | MDN

2023.09.19
developer.mozilla.org

Code splitting is the practice of splitting the code a web application depends on — including its own code and any third-party dependencies — into separate bundles that can be loaded independently of each other. This allows an application to load only the code it actually needs at a given point in...

Ужасно медленно работает сайт, Реальное влияние скорости загрузки Влияет ли как-то сжатие

1743

LEOnidUKG

21 апреля 2024, 15:44

#4

Похоже на nginx + PageSpeed модуль: PageSpeed Module | Google for Developers

Бесполезная поделка. Ещё повезло, что она бесплатная у вас т.к. некоторые хостеры за бабки это продают.

2

PageSpeed Module | Google for Developers

developers.google.com

Откройте для себя ссылки для установки, документацию и варианты поддержки серверных модулей с открытым исходным кодом, которые автоматически оптимизируют ваш сайт.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/

37

artvolt

21 апреля 2024, 18:06

#5

chekashov #:
Вы бы сайт скинули, что бы было понятнее в чем проблема. А так жать на все кнопки смысла нет. Да и ответ у вас в PS, обычно сразу понятно почему грузится долго

Сайт, это форум на движке SMF - https://art-cafe.info/

Asmin #:
А что за хостинг такой интересный ?

Хостинг "Hostland", ссылка у меня в подписи.

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

C

1

chekashov

21 апреля 2024, 18:23

#6

artvolt #:

Сайт, это форум на движке SMF - https://art-cafe.info/

Хостинг "Hostland", ссылка у меня в подписи.

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

У вас картинки в пнг, попробуйте их переформатировать в web, плюс сам хостинг уг, скачивание файла с задержкой 0.5 . Не в скорости страниц дело, сам форум морально устарел.

1743

LEOnidUKG

21 апреля 2024, 18:30

#7

chekashov #:

У вас картинки в пнг, попробуйте их переформатировать в web, плюс сам хостинг уг, скачивание файла с задержкой 0.5 . Не в скорости страниц дело, сам форум морально устарел.

Всё там нормально с картинками и быстро они отдаются.

Там реклама от гугла adsbygoogle весь макет убивает.

mail.ru я бы выкинул уже

jquery.min.js надо на локальный сервер переносить

4

65

Asmin

21 апреля 2024, 18:58

#8

artvolt #:
Хостинг "Hostland"

Что то там подозрительно всё дёшево.

41

i.lisovenko

21 апреля 2024, 19:29

#9

artvolt :
Здравствуйте. Переехал недавно на новый хостинг. В техническом функционале есть бесплатный модуль оптимизации "PageSpeed". Там 31 пункт. Я проставил галочки в каждом пункте и активировал модуль. Сайт после этого не ускорился, а такое впечатление что наоборот немного замедлился. Оценка сервиса "PageSpeed Tools Insights" не повысилась, а даже чуть понизилась. В интернете пишут что для реального позитивного результата надо выборочно активировать определённые пункты. Подскажите пожалуйста какие пункты наиболее полезные и именно их надо в первую очередь активировать, а что трогать не надо.

Я бы порекомендовал сперва поступить, как я, начинать исправление с самой мелочи!

Прописать это

Отсутствует метатег <meta name="viewport"> со свойством width или initial-scale

Метатег `<meta name="viewport">` не найден.

Задать alt для файлов типа <img src="https://art-cafe.info/Facebook-icon.png">

Для файлов типа <input type="text" name="search" class="inputbox" value="Поиск" onfocus="this.value = '';" onblur="if(this.value=='') this.value='Поиск';"> дописать aria-label="что-то свое"

Для изображений типа <img id="smflogo" src="https://art-cafe.info/Themes/Curve_Multi_Color/images/smflogo.png" alt="Forum Art Cafe - art-cafe.info"> задайте width и height .

Как сделайте, пишите дальше, больше половины ваших ошибок исчезнут

1

Сайт знакомств https://bluepink.life

Не получается исправить код DLE. Как убрать всплывающее немогу закрыть в noindex

41

i.lisovenko

21 апреля 2024, 19:36

#10

artvolt :
Здравствуйте. Переехал недавно на новый хостинг. В техническом функционале есть бесплатный модуль оптимизации "PageSpeed". Там 31 пункт. Я проставил галочки в каждом пункте и активировал модуль. Сайт после этого не ускорился, а такое впечатление что наоборот немного замедлился. Оценка сервиса "PageSpeed Tools Insights" не повысилась, а даже чуть понизилась. В интернете пишут что для реального позитивного результата надо выборочно активировать определённые пункты. Подскажите пожалуйста какие пункты наиболее полезные и именно их надо в первую очередь активировать, а что трогать не надо.

Я уже собаку на этом съел, могу частично помочь вам с этим...

Как удалить плохие SEO-ссылки и очистить ссылочную массу сайта

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи

Модуль оптимизации "PageSpeed" - правильная настройка