Возник, вот такой вопрос. Зашёл проверить скорость работы сайта в PageSpeed от Google и увидел не совсем радужную картину. Показатель Cumulative Layout Shift (CLS) равен 30 % "ДЛЯ КОМПЬЮТЕРОВ"!!! Соответственно Google написал " за последние 28 дней эта страница не отвечает требованиям к основным интернет-показателям". Как можно исправить для InstantCMS этот показатель? У меня стоит версия 2.13.1. Шаблон заказной, но переключал и на стандартный. Ситуация не меняется. В версии "ДЛЯ МОБИЛЬНЫХ" показатель равен 5%.
Спасибо.
Пользователи форума практикуют 2 подхода:
— увеличение вычислительных мощностей,
— оптимизация выполнения скрипта CMS.
Так же включите на странице настроек интерфейса в админке
Сжимать HTML
Объединять CSS-файлы
Объединять JS-файлы
и сравните результат
вот дефолтный шаблон developers.google.com/speed/pagespeed/insights/?hl=ru&url=https%3A%2F%2Fdemo.instantcms.ru%2Fposts%2F6-obzor-audi-a1.html&tab=desktop
Попробуйте отключить все внешние скрипты (Яндекс метрику, гугло аналитику, рекламу и тд )
Так же включите на странице настроек интерфейса в админке
Сжимать HTML
Объединять CSS-файлы
Объединять JS-файлы
Кроме того, оптимизируйте ваши картинки, например конвертируйте в WebP. Только эта процедура может увеличить скорость по PageSpeed от Google до 20%.
Единственное, добавил в .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>
Я вроде ничего и не делал кроме стандартных манипуляций в админке. Есть реклама и метрика. Скорость 92, для мобильных правда 76.
Единственное, добавил в .htaccess
Добрый день.
Вставил Ваш ЧУДО код и вот результат для компьютеров и мобильных.
Также в админке включил:
Сжимать HTML
Объединять CSS-файлы
Объединять JS-файлы
Но показатель Cumulative Layout Shift (CLS), только чуть уменьшился.
Я вроде ничего и не делал кроме стандартных манипуляций в админке. Есть реклама и метрика. Скорость 92, для мобильных правда 76.
Единственное, добавил в .htaccess
Добрый день.
Вставил Ваш ЧУДО код и вот результат для компьютеров и мобильных.
Также в админке включил:
Сжимать HTML
Объединять CSS-файлы
Объединять JS-файлы
Но показатель Cumulative Layout Shift (CLS), только чуть уменьшился.
Ну это чудо я здесь нашёл)
Вот есть пояснения web.dev/cls/?utm_source=lighthouse&utm_medium=unknown с видео примером
Если честно я не понимаю какую задачу вы решаете, мне кажется у 99% сайтов показатели хуже чем у вас. Т.е для продвижения это безразлично. И доводить до идеала такие нюансы стоит только если проект очень высоконагруженный.