Показатель CLS в PageSpeed от Google 2.X

 
Посетитель
small user social cms
Сообщений: 9
Добрый день дамы и господа.

Возник, вот такой вопрос. Зашёл проверить скорость работы сайта в PageSpeed от Google и увидел не совсем радужную картину. Показатель Cumulative Layout Shift (CLS) равен 30 % "ДЛЯ КОМПЬЮТЕРОВ" !!! Соответственно Google написал " за последние 28 дней эта страница не отвечает требованиям к основным интернет-показателям". Как можно исправить для InstantCMS этот показатель? У меня стоит версия 2.13.1. Шаблон заказной, но переключал и на стандартный. Ситуация не меняется. В версии "ДЛЯ МОБИЛЬНЫХ" показатель равен 5%.

Спасибо.

Показатель CLS в PageSpeed от Google
Редактировалось: 3 раз (Последний: 16 ноября 2020 в 12:41)
Посетитель
small user social cms
Медаль
Сообщений: 451
на сайте
GMP, при той скудости информации о вашем ресурсе и широте задачи ответ может быть только общим.
Пользователи форума практикуют 2 подхода:
- увеличение вычислительных мощностей,
- оптимизация выполнения скрипта CMS.
Реклама
cms
Посетитель
small user social cms
Сообщений: 39
Попробуйте отключить все внешние скрипты (Яндекс метрику, гугло аналитику, рекламу и тд )
Так же включите на странице настроек интерфейса в админке
Сжимать HTML
Объединять CSS-файлы
Объединять JS-файлы

и сравните результат
вот дефолтный шаблон https://developers.google.com/speed/pagespeed/insights/?hl=ru&url=https%3A%2F%2Fdemo.instantcms.ru%2Fposts%2F6-obzor-audi-a1.html&tab=desktop
Редактировалось: 1 раз (Последний: 17 ноября 2020 в 13:29)
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1064
По мнению гугла на сайте должно две строчки кода быть чтоли? даже дефолтный шаблон не вписывается в их показатели.

Спойлер
Ультра быстрые VPS Магазин прикольных футболок
Посетитель
small user social cms
Сообщений: 30
Юрий Юрьевич:

Попробуйте отключить все внешние скрипты (Яндекс метрику, гугло аналитику, рекламу и тд )
Так же включите на странице настроек интерфейса в админке
Сжимать HTML
Объединять CSS-файлы
Объединять JS-файлы

Кроме того, оптимизируйте ваши картинки, например конвертируйте в WebP. Только эта процедура может увеличить скорость по PageSpeed от Google до 20%.
Редактировалось: 1 раз (Последний: 18 ноября 2020 в 14:25)
Посетитель
small user social cms
Сообщений: 37
Я вроде ничего и не делал кроме стандартных манипуляций в админке. Есть реклама и метрика. Скорость 92, для мобильных правда 76.
Единственное, добавил в .htaccess
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access 7 days"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType text/javascript "access plus 1 year"
ExpiresByType text/css "access plus 1 year"
ExpiresByType text/html "access plus 7 day"
ExpiresByType text/x-javascript "access 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType application/x-shockwave-flash "access 1 year"
</IfModule>
<FilesMatch "\.(ico|pdf|flv)$">
Header set Cache-Control "max-age=29030400, public"
</FilesMatch>
<FilesMatch "\.(jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=2678400, public"
</FilesMatch>
<FilesMatch "\.(xml|txt|css|js)$">
Header set Cache-Control "max-age=1814400, proxy-revalidate"
</FilesMatch>
<FilesMatch "\.(html|htm|php)$">
Header set Cache-Control "max-age=300, private, proxy-revalidate"
</FilesMatch>
<IfModule mod_deflate.c>
<FilesMatch "\.(js|css)$">
SetOutputFilter DEFLATE
</FilesMatch>
</IfModule>
Редактировалось: 2 раз (Последний: 18 ноября 2020 в 17:27)
Посетитель
small user social cms
Сообщений: 9
@Karbofos:

Я вроде ничего и не делал кроме стандартных манипуляций в админке. Есть реклама и метрика. Скорость 92, для мобильных правда 76.
Единственное, добавил в .htaccess


Добрый день.

Вставил Ваш ЧУДО код и вот результат для компьютеров и мобильных.

Также в админке включил:
Сжимать HTML
Объединять CSS-файлы
Объединять JS-файлы

Но показатель Cumulative Layout Shift (CLS), только чуть уменьшился.


Показатель CLS в PageSpeed от Google
Показатель CLS в PageSpeed от Google
Посетитель
small user social cms
Сообщений: 37
GMP:

@Karbofos:

Я вроде ничего и не делал кроме стандартных манипуляций в админке. Есть реклама и метрика. Скорость 92, для мобильных правда 76.
Единственное, добавил в .htaccess


Добрый день.

Вставил Ваш ЧУДО код и вот результат для компьютеров и мобильных.

Также в админке включил:
Сжимать HTML
Объединять CSS-файлы
Объединять JS-файлы

Но показатель Cumulative Layout Shift (CLS), только чуть уменьшился.


Показатель CLS в PageSpeed от Google
Показатель CLS в PageSpeed от Google

Ну это чудо я здесь нашёл)
Посетитель
small user social cms
Сообщений: 39
Смотрите, там пояснения есть на этой странице. Это показатель смещения верстки во время загрузки страницы. Так что он зависит не от скорости страницы, а от качества верстки макета.
Вот есть пояснения https://web.dev/cls/?utm_source=lighthouse&utm_medium=unknown с видео примером

Если честно я не понимаю какую задачу вы решаете, мне кажется у 99% сайтов показатели хуже чем у вас. Т.е для продвижения это безразлично. И доводить до идеала такие нюансы стоит только если проект очень высоконагруженный.
Прикрепленные файлы:
2_mam92.png | 131.6 Кб | Скачали: 10
3_mam92.png | 98.36 Кб | Скачали: 9
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.